Improved styling for links.

ashleydavis · ashleydavis · commit 22f21e19fb72 · 2018-10-15T08:42:44.000+10:00
diff --git a/app.js b/app.js
@@ -13,7 +13,7 @@ function pointOnCircle (radius, angleDegrees) { // Helper function to create a p
 window.onload = function () {
 
     var width = window.innerWidth; // Dimensions for our visualization are derived from the size of the browser window.
-    var height = window.innerHeight - 150; // Allow for heading and links.
+    var height = window.innerHeight - 200; // Allow for heading and links.
 
     var earthRadius = 6371; // This is the real radius of the earth!
     var earthTranslation = "translate(" + (width/2) + ", " + (height/2) + ")"; // Setup a translation to position the earth.
diff --git a/index.html b/index.html
@@ -9,9 +9,23 @@
         <script src="app.js"></script>
     </head>
     <body>
-        <h1 style="color: white; text-align: center;">A D3 visualization from the book Data Wrangling with JavaScript</h1>
-        <p style="color: white; text-align: center;"><a href="https://github.com/Data-Wrangling-with-JavaScript/d3-animated-viz" target="_blank">Click here for the code</a></p>
-        <p style="color: white; text-align: center;"><a href="http://bit.ly/2t2cJu2" target="_blank">Click here for the book</a></p>
+        <style>
+            a:link {
+                color: white;
+            }
+            a:visited {
+                color: orange;
+            }
+            a:hover {
+                color: yellow;
+            }
+            a:active {
+                color: yellow;
+            }
+        </style>
+        <h1 style="color: white; text-align: center;">A D3 visualization</h1>
+        <h2 style="color: white; text-align: center; ">From the book <a href="http://bit.ly/2t2cJu2" target="_blank">Data Wrangling with JavaScript</a></h1>
+        <p style="color: white; text-align: center;"><a href="https://github.com/Data-Wrangling-with-JavaScript/d3-animated-viz" target="_blank">Code is available on GitHub</a></p>
         <svg class="chart"></svg>
     </body>
 </html>
