added github ribbon to demo page

dtao · Mar 3, 2014 · 008f3fd · 008f3fd
1 parent fbde9e8
commit 008f3fd
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -9,6 +9,11 @@
             margin: auto;
         }
 
+        h1 {
+            font-family: sans-serif;
+            border-bottom: 1px solid black;
+        }
+
         p {
             font-size: 150%;
         }
@@ -63,6 +68,8 @@
 
 <body>
     <div>
+        <h1>nearest-color</h1>
+
         <p>
             Choose a color using the picker. The color you selected will be
             displayed on the left, and the nearest color from the list of
@@ -89,6 +96,9 @@ <h3>Alternate palette</h3>
         <div class="sample" id="alternate-sample">
             <div class="actual"></div><div class="nearest"></div>
         </div>
+
+        <!-- "Fork me on GitHub" ribbon -->
+        <a href="https://github.com/dtao/nearest-color"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github-camo.global.ssl.fastly.net/e7bbb0521b397edbd5fe43e7f760759336b5e05f/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677265656e5f3030373230302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png"></a>
     </div>
 
     <script>
@@ -116,6 +126,7 @@ <h3>Alternate palette</h3>
         }
 
         prepareSection('default', nearestColor.DEFAULT_COLORS);
+
         prepareSection('alternate', [
             '#7EB5D6',
             '#2A75A9',