docs : add links to Index

css/style.css

@@ -586,17 +586,17 @@ code .nd { color: #9FAD7E; } /* CSS pseudo selector */
 }
 #super-list li a {
   color: #222;
-/*  font-weight: bold;*/
 }
 #super-list li.doc  a { background: #3CF; }
 #super-list li.demo a { background: #FC3; }
+#super-list li.link a { background: #E58; color: white; }
 
-#super-list li a:hover,
+#super-list li a:hover {
-#super-list li a.doc:hover,
-#super-list li a.demo:hover {
   background: white;
 }
 
+#super-list li.link a:hover { color: #222; }
+
 #super-list.masonry li {
   width: 216px;
 }

index.html

@@ -47,7 +47,7 @@ layout: nil
         <li><a href="#show-all" data-filter="*" class="selected">show all</a></li>
         <li><a href="#features" data-filter=".feature">features</a></li>
         <li><a href="#docs" data-filter=".doc">docs</a></li>
-        <li><a href="#containers" data-filter=".demo">demos</a></li>
+        <li><a href="#demos" data-filter=".demo">demos</a></li>
       </ul>
     </div>
     <div class="option-combo">
@@ -84,6 +84,9 @@ layout: nil
     {% for demo in site.categories.demos reversed %}
       <li class="demo" data-category="demo" data-related="{{ demo.related }}"><a href=".{{ demo.url }}">Demo: {{ demo.title }}</a></li>
     {% endfor %}
+    <li class="link" data-related="z-etc"><a href="jquery.isotope.min.js">Download jquery.isotope.min.js</a></li>
+    <li class="link" data-related="z-etc"><a href="#">Download this project</a></li>
+    <li class="link" data-related="z-etc"><a href="http://github.com/desandro/isotope">Isotope on GitHub</a></li>
   </ul>
   
   {% include footer.html %}