docs : homepage : yellow and black links

css/style.css

@@ -684,19 +684,34 @@ code .nd { color: #9FAD7E; } /* CSS pseudo selector */
 .super-list .link a {
   display: block;
   padding: 10px;
+  padding-left: 65px;
   height: 90px;
-  background: #E58;
+  background: #1F1E1D;
-  color: white;
+  color: #FE5;
-  text-shadow: 0 -1px hsla( 0, 0%, 0%, 0.3 );
+  -webkit-border-radius: 14px;
-  -webkit-border-radius: 10px;
+     -moz-border-radius: 14px;
-     -moz-border-radius: 10px;
+          border-radius: 14px;
-          border-radius: 10px;
+}
+
+.super-list .link a:before {
+  content: '➔';
+  font-size: 70px;
+  position: absolute;
+  top: 30px;
+  left: 5px;
+  -webkit-transform: rotate(90deg);
+}
+
+.super-list .link.away a:before {
+  top: 25px;
+  left: 0px;
+  -webkit-transform: rotate(-45deg);
+  
 }
 
 .super-list .link a:hover {
-  text-shadow: none;
+  background: #E58;
-  background: white;
+  color: white;
-  color: #111;
 }
 
 .super-list .feature .name {
@@ -730,4 +745,3 @@ code .nd { color: #9FAD7E; } /* CSS pseudo selector */
 .clearfix:before, .clearfix:after { content: ""; display: table; }
 .clearfix:after { clear: both; }
 .clearfix { zoom: 1; }
-

index.html

@@ -8,7 +8,7 @@ features:
     number: 1
     category: alkali
   - name: Reveal & hide items with filtering
-    symbol: Filt
+    symbol: Flt
     number: 11
     category: alkaline-earth
   - name: Re–order items with sorting
@@ -79,7 +79,7 @@ features:
     {% endfor %}
     <div class="link" data-number="5"><a href="jquery.isotope.min.js">Down&#8203;load jquery&#8203;.isotope&#8203;.min.js</a></div>
     <div class="link" data-number="13"><a href="http://meta.metafizzy.co/files/isotope-site.zip">Down&#8203;load this project</a></div> 
-    <div class="link" data-number="35"><a href="http://github.com/desandro/isotope">Isotope on GitHub</a></div>
+    <div class="link away" data-number="35"><a href="http://github.com/desandro/isotope">Isotope on GitHub</a></div>
   </div>
 
   <div id="sites"></div>