Add gem reference.

index.html

@@ -27,7 +27,7 @@
     .description { font-size: 1.2em; margin-top: 50px; font-style: italic; float: right; text-align: right; }
     .download { float: right; }
     pre { background: #eff3e3; border: 3px solid black; color: #000; padding: 15px;}
-    hr { border: 15px solid #7ac142 }
+    hr { border: 15px solid #7ac142; clear: both; }
     .footer { text-align:center; padding-top:30px; font-style: italic; }
     table { border-collapse: collapse; width: 100% }
     table th, table td { border: 1px solid #aaa; padding: .2em; }
@@ -58,10 +58,10 @@ describe("Jasmine", function() {
 });</pre>
 
   <h2>Documentation</h2>
-  <p>
-    <a href="jsdoc/index.html">JSDoc</a>
-    <br/><a href="http://github.com/pivotal/jasmine">README</a>
-  </p>
+  <ul>
+    <li><a href="http://github.com/pivotal/jasmine">README</a></li>
+    <li><a href="jsdoc/index.html">JSDoc</a></li>
+  </ul>
 
   <h2>Download</h2>
   <p>
@@ -75,12 +75,21 @@ describe("Jasmine", function() {
 </table>
 <!-- END_DOWNLOADS -->
   </p>
+
+  <h4>Ruby integration: <a href="http://github.com/pivotal/jasmine-gem">[more info]</a></h4>
+  <pre>gem install jasmine</pre>
+
   <p>You can also clone the project with <a href="http://git-scm.com">Git</a>
     by running:
   <pre>$ git clone git://github.com/pivotal/jasmine</pre>
   </p>
 
   <h2>Support</h2>
+
+  <p style="float: right">
+    <span class="small">Powered by &nbsp; <a href="http://pivotallabs.com/"><img src="images/pivotal_logo.gif" alt="Pivotal Labs" style="vertical-align: middle;"></a></span>
+  </p>
+
   <p>
     Discussion: <a href="http://groups.google.com/group/jasmine-js">http://groups.google.com/group/jasmine-js</a>
     <br/>Group email: <a href="mailto:jasmine-js@googlegroups.com">jasmine-js@googlegroups.com</a>
@@ -89,10 +98,6 @@ describe("Jasmine", function() {
     <br/>Twitter: <a href="http://twitter.com/JasmineBDD">@JasmineBDD</a>
   </p>
 
-  <p>
-    <span class="small">Powered by &nbsp; <a href="http://pivotallabs.com/"><img src="images/pivotal_logo.gif" alt="Pivotal Labs" style="vertical-align: middle;"></a></span>
-  </p>
-
   <hr/>
 
   <div class="footer">