added anims to pages rel #103

index.html

@@ -35,22 +35,30 @@ <h2>Announcing GitterBot!</h2>
         <p>GitterBot is a full featured bot for Gitter.im
         First developed to integrate with the chatrooms
         <a href="https://twitter.com/FreeCodeCamp/status/627338604134559744">
-            for FreeCodeCamp, the largest online free learn-to-code bootcamp in the world, 
+            for FreeCodeCamp, the largest online bootcamp in the world, 
         </a>
-        where he supports more than 15k users in the main chatroom. 
+        where he supports more than 15,000 users in the main chatroom. 
         <h2>Features</h2>
 
-        <h3>Github Wiki integration</h3>
-        You can search for articles in a projects github wiki, and also pull a summary right into the chat.
+        <h3>Github Wiki Search</h3>
+        You can search for articles in a projects github wiki
+        <img class='anim' src="images/anims/find.gif"/>
+
+        <h3>Share wiki summaries in chat</h3>
+        Use <code>explain</code> to pull a wiki summary right into the chat:
+        <img class='anim' src="images/anims/explain.gif"/>
 
         <h3>Points system</h3>
         Allow your users to send points to each other to say 'thanks @friend'
+        <img class='anim' src="images/anims/points.gif"/>
 
         <h3>Fixed messages</h3>
         Based on scannable expressions, send messages into the chat.
 
         <h3>Extensible</h3>
-        Custom functions can easily be added. Check the <a href="https://github.com/dcsan/gitterbot#system-overview">System overview</a>.
+        Custom functions can easily be added. 
+        Check the <a href="https://github.com/dcsan/gitterbot#system-overview">System overview</a><br/>
+        or contact <a href="mailto:[email protected]">RIKAI Labs</a>.
 
         <h3>
         More information
@@ -79,10 +87,13 @@ <h3>
         </a>
     </p>
     <p>
-        Built by <a href="http://rikai.co">RIKAI Labs</a>
+        Built by <a href="http://rikai.co">RIKAI Labs</a>. We Build Bots.
+        <p class='bolder'>
+        We can customize GitterBot for you! <br/>
+        </p>
+        Contact <a href="mailto:[email protected]">[email protected]</a>
     </p>
-    <p>This project is maintained by <a href="https://github.com/dcsan">dcsan</a></p>
-    <p><small>Hosted on GitHub Pages &mdash; Theme by <a href="https://github.com/orderedlist">orderedlist</a></small></p>
+
   </footer>
 </div>
 <script src="javascripts/scale.fix.js"></script>

stylesheets/styles.css

@@ -13,6 +13,15 @@ h1, h2, h3, h4, h5, h6 {
   margin-bottom: 5px;
 }
 
+.anim {
+    border: 2px solid black;
+}
+
+.bolder {
+    font-size: 14px;
+    color: #400;
+    font-weight: bold;
+}
 
 /*p, ul, ol, table, pre, dl {
   margin:0 0 20px;