Use FontAwesome for ALL! the icons

contribute.html

@@ -4,9 +4,7 @@
 ---
 
 <div class='hero-unit'>
-  <h1>C</h1>
-  <img src='/img/github.png' />
-  <h1>ntribute</h1>
+  <h1>C<i class="icon-github"></i>ntribute</h1>
   <p>...and become a part of the Shoes Team!</p>
   <center>
     <img id='team' src='/img/team.jpg' />

css/shoes.css

@@ -50,30 +50,6 @@
     font-size: 40px;
   }
 }
-#tutorials{
-  background: url('/img/sprite.png') no-repeat 0px -482px;
-  width: 45px;
-  height: 33px;
-  display: inline-block;
-  vertical-align: middle;
-  margin: 5px;
-}
-#blog{
-  background: url('/img/sprite.png') no-repeat -1px -524px;
-  width: 45px;
-  height: 35px;
-  display: inline-block;
-  vertical-align: middle;
-  margin: 5px;
-}
-#contribute{
-  background: url('/img/sprite.png') no-repeat -57px -515px;
-  width: 48px;
-  height: 44px;
-  display: inline-block;
-  vertical-align: middle;
-  margin: 5px;
-}
 #nobody{
   position: absolute;
   top: -50px;
@@ -137,44 +113,12 @@
   width: 128px;
   height: 128px;
 }
-.arrow1{
-  opacity: 0.8;
-  background: url('/img/arrow.jpg') no-repeat;
+.download-arrow.icon-download{
+  color: #cde4a8;
+  font-size: 110px;
   float: left;
   width: 128px;
-  height: 128px;
-}
-#walk{
-  background: url('/img/sprite2.png') no-repeat -52px -4px;
-  width: 40px;
-  height: 42px;
-  display: inline-block;
-  vertical-align: middle;
-  margin: 2px;
-}
-#book{
-  background: url('/img/sprite2.png') no-repeat 0 0;
-  width: 44px;
-  height: 48px;
-  display: inline-block;
-  vertical-align: middle;
-  margin: 2px;
-}
-#manual{
-  background: url('/img/sprite2.png') no-repeat -163px -1px;
-  width: 62px;
-  height: 48px;
-  display: inline-block;
-  vertical-align: middle;
-  margin: 2px;
-}
-#rdocs{
-  background: url('/img/sprite2.png') no-repeat -95px 0;
-  width: 63px;
-  height: 49px;
-  display: inline-block;
-  vertical-align: middle;
-  margin: 2px;
+  min-height: 2.2em;
 }
 .tut {
   position: relative;
@@ -188,4 +132,10 @@
   position: absolute;
   top: -40px;
   right: 0px;
-}
+}
+h2 i{
+  color: #595959;
+}
+h1 i.icon-github{
+  font-size: .75em;
+}

downloads.html

@@ -14,7 +14,7 @@ <h1>Downloads</h1>
   <div class='span5 downloads'>
     <div id="download-main-content">
       <h2>Shoes</h2>
-      <div class='arrow1'></div>
+      <i class="icon-download download-arrow"></i>
       Shoes 3.2: <a href="http://shoes.mvmanila.com/federales/">(see here for what's new)</a>
       <ul>
         <li><a href="http://shoes.mvmanila.com/public/shoes/shoes-3.2.14-gtk2-x86_64.run">Shoes 3.2 for Linux 64 bit</a></li>
@@ -49,7 +49,7 @@ <h2>Shoes</h2>
   </div>
   <div class='span5 downloads'>
     <h2>Shoes Accessories</h2>
-    <div class='arrow1'></div>
+    <i class="icon-download download-arrow"></i>
     <div>
       <a href='https://s3.amazonaws.com/net.wasnotrice.shoes/wrappers/shoes-app-template-0.0.1.zip'>OS X .app wrapper</a>
     </div>

get_help.html

@@ -8,7 +8,7 @@ <h1>Get Help</h1>
 </div>
 <div class='row'>
   <div class='span5'>
-    <h2>Help</h2>
+    <h2><i class="icon-question-sign"></i> Help</h2>
     <ul>
       <li>
       <a href='http://stackoverflow.com/questions/tagged/shoes'>Stackoverflow</a>
@@ -25,7 +25,7 @@ <h2>Help</h2>
     </ul>
   </div>
   <div class='span5'>
-    <h2>Bugs/Feature Requests</h2>
+    <h2><i class="icon-bug"></i> Bugs/Feature Requests</h2>
     <ul>
       <li>
       <a href='https://github.com/shoes/shoes/issues'>GitHub Issue tracker</a>

index.html

@@ -31,8 +31,8 @@ <h1>Shoes!</h1>
 </div>
 <div class='row'>
   <div class='span3'>
-    <h2>Tutorials</h2>
-    <div id='tutorials'></div>
+    <h2><i class="icon-question-sign"></i> Tutorials</h2>
+
     <p>
       New to Shoes? Great! There are tons of resources available to get
       you started with Shoes.
@@ -42,8 +42,8 @@ <h2>Tutorials</h2>
     </p>
   </div>
   <div class='span3'>
-    <h2>Blog</h2>
-    <div id='blog'></div>
+    <h2><i class="icon-rss-sign"></i> Blog</h2>
+
     <p>
       Keep up with the latest developments, see what
       other people are building, and hear about new features as we build
@@ -54,8 +54,8 @@ <h2>Blog</h2>
     </p>
   </div>
   <div class='span3'>
-    <h2>Contribute</h2>
-    <div id='contribute'></div>
+    <h2><i class="icon-github"></i> Contribute</h2>
+
     <p>
       Want to contribute? Fantastic! The Shoes Team is always looking
       for motivated contributers. Help us make Shoes even better.

tutorials.html

@@ -12,36 +12,36 @@ <h1>Tutorials</h1>
 </div>
 <div class='row'>
   <div class='span5'>
-    <h2>The Walkthrough</h2>
-    <div id='walk'></div>
+    <h2><i class="icon-map-marker"></i> The Walkthrough</h2>
+
     <p>The quickest way to get started with Shoes. If you are new
       to Shoes start here.
     </p>
     <a href='/walkthrough.html'>Click here.</a>
   </div>
   <div class='span5'>
-    <h2>The Manual</h2>
-    <div id='manual'></div>
+    <h2><i class="icon-file-text"></i> The Manual</h2>
+
     <p>The manual documents all the shoes methods. (Kind of like
       an API Reference.)
     </p>
     <a href='/manual/Hello.html'>Click here.</a>
   </div>
   <div class='span5'>
-    <h2>The Book</h2>
-    <div id='book'></div>
+    <h2><i class="icon-book"></i> The Book</h2>
+
     <p>"Nobody Knows Shoes" by _why. Read this if you want to get a solid understanding of the basic concepts of Shoes.
     </p>
     <a href='http://cloud.github.com/downloads/shoes/shoes/nks.pdf'>Click here.</a>
   </div>
   <div class='span5'>
-    <h2>The RDocs</h2>
-    <div id='rdocs'></div>
+    <h2><i class="icon-list-alt"> The RDocs</i></h2>
+
     <p>Thorough technical documentation in rdoc format.</p>
     <a href='http://rdoc.info/github/shoes/shoes'>Click here.</a>
   </div>
   <div class='span5'>
-    <h2>The Wiki</h2>
+    <h2><i class="icon-edit-sign"></i> The Wiki</h2>
     <p>Ideas and documentation on Github.</p>
     <a href='https://github.com/shoes/shoes/wiki'>Click here.</a>
   </div>