Use icon-coffee for developers (#432).

The puzzle looks out of center over the heading, and coffee is commonly
accociated with developers.

Author: espenak

index.html

@@ -124,7 +124,7 @@ <h2>Help</h2>
         </div><!-- /.span4 -->
         <div class="span4">
             <!--<img class="img-circle" data-src="holder.js/140x140">-->
-            <i class="icon-puzzle-piece marketing-huge-icon"></i>
+            <i class="icon-coffee marketing-huge-icon"></i>
             <h2>Develop</h2>
             <p>Devilry is open source, and we have an open community. This means that you can help us develop Devilry.</p>
             <p><a class="btn" href="#develop">Read more&raquo;</a></p>
@@ -250,8 +250,7 @@ <h2>Get help. <span class="muted">Or help someone else.</span></h2>
               <small class="meta">Students, examiners, admins</small>
           </a>
           <a class="btn btn-large btn-primary" href="https://devilry-deploy.readthedocs.org">
-              <!--<i class="icon-fire-extinguisher"></i>-->
-              <i class="icon-coffee"></i>
+              <i class="icon-fire-extinguisher"></i>
               Sysadmin docs
               <small class="meta">Setup, deploy and update</small>
           </a>
@@ -276,7 +275,7 @@ <h2>Get help. <span class="muted">Or help someone else.</span></h2>
 
         <div class="featurette-graphics">
             <!--<img alt="Devilry logo" src="devilrylogo-large.png"/>-->
-            <i class="icon-puzzle-piece featurette-huge-icon"></i>
+            <i class="icon-coffee featurette-huge-icon"></i>
         </div>
         <h2>Develop Devilry. <span class="muted">We will help you get started.</span></h2>
         <p class="lead">

less/featurette.less

@@ -66,7 +66,7 @@
                     left: 10px;
                     font-size: 45px;
                 }
-                padding-left: 65px;
+                padding-left: 58px;
                 text-align: left;
             }
         }