From 61301e0af4b509fa5799bc37c6528e2c9becbf1f Mon Sep 17 00:00:00 2001
From: David DeSandro <david@desandro.com>
Date: Thu, 16 Jun 2011 09:53:08 -0400
Subject: [PATCH] docs : homepage : yellow and black links

---
 css/style.css | 34 ++++++++++++++++++++++++----------
 index.html    |  4 ++--
 2 files changed, 26 insertions(+), 12 deletions(-)

diff --git a/css/style.css b/css/style.css
index 4f1193b..fd18dbc 100644
--- a/css/style.css
+++ b/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;
-  color: white;
-  text-shadow: 0 -1px hsla( 0, 0%, 0%, 0.3 );
-  -webkit-border-radius: 10px;
-     -moz-border-radius: 10px;
-          border-radius: 10px;
+  background: #1F1E1D;
+  color: #FE5;
+  -webkit-border-radius: 14px;
+     -moz-border-radius: 14px;
+          border-radius: 14px;
+}
+
+.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: white;
-  color: #111;
+  background: #E58;
+  color: white;
 }
 
 .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; }
-
diff --git a/index.html b/index.html
index d375183..1f8e4e0 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@ features:
     number: 1
     category: alkali
   - name: Reveal &amp; hide items with&nbsp;filtering
-    symbol: Filt
+    symbol: Flt
     number: 11
     category: alkaline-earth
   - name: Re&ndash;order items with&nbsp;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>