Improve commenting/documentation

CrazyPython · web-flow · commit efe998d011eb · 2020-12-09T15:54:55.000-05:00
diff --git a/index.html b/index.html
@@ -1,9 +1,11 @@
 <!doctype HTML>
 <html>
+    <!-- Hi there, kind visitor! If you scroll down to <table>, you'll find nicely written markup. Feel free to contribute! -->
     <title>Periodic Table of the Web</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
     <a class="github-fork-ribbon left-top" href="https://github.com/CrazyPython/wwwperiodictable" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
 <style>
+/* How this works is each column is actually a table row. The following CSS rotates and transforms the table so it looks normal. */
 table { transform: rotate(90deg) scaleY(-1) }
 table th, table td { transform: rotate(-90deg) scaleY(1) scaleX(-1); }
 body { margin-left: 7vw; }
@@ -24,8 +26,6 @@
 dt { font-size: xxx-large; font-weight: bold; text-align: center;}
 dd { display: block; margin-inline-start: 0px; position: relative; padding-left: var(--left-padding);*//* text-align: center; }*/
 
-
-
 td { background-color: var(--color); color: white; outline: 1px solid var(--color); }
 a { color: white; }
 .other { --color: grey; } /* default/other */
