From 1eae48f39ea247ecf2ace509b9e713f0dcd44fe6 Mon Sep 17 00:00:00 2001
From: Tyler Renelle <tylerrenelle@gmail.com>
Date: Sun, 2 Sep 2012 23:42:48 -0400
Subject: [PATCH] Use bootstrap's homepage-style footer. revert here if causes
 problems, i don't know what i'm doing

---
 styles/app/index.styl | 48 ++++++++++++++++++---------
 views/app/index.html  | 76 +++++++++++++++++++++----------------------
 2 files changed, 71 insertions(+), 53 deletions(-)

diff --git a/styles/app/index.styl b/styles/app/index.styl
index dc1f21be6d..b1f40434ec 100644
--- a/styles/app/index.styl
+++ b/styles/app/index.styl
@@ -141,20 +141,38 @@ li:hover .task-meta-controls .hover-show
   float:left
   padding-right:10px
   
-/* ------- Sticky Footer ------ */
-html, body {height: 100%;}
+/* Footer
+-------------------------------------------------- */
 
-#wrap {min-height: 100%;}
+.footer ul li
+  list-style:none
+  float:left
+  padding-right:10px
+.footer table td                                                                                                                                                                                                                        
+  vertical-align: top 
+  
+/* Bootstrap website boilerplate */
+.footer {
+  padding: 70px 0;
+  margin-top: 70px;
+  border-top: 1px solid #e5e5e5;
+  background-color: #f5f5f5;
+}
+.footer p {
+  margin-bottom: 0;
+  color: #777;
+}
+.footer-links {
+  margin: 10px 0;
+}
+.footer-links li {
+  display: inline;
+  margin-right: 10px;
+}
 
-#main 
-  overflow:auto;
-  padding-bottom: 200px; /* must be same height as the footer */
-
-#footer 
-  position: relative;
-  margin-top: -200px; /* negative value of footer height */
-  height: 200px;
-  clear:both;
-
-table.social-links td
-  vertical-align: top
\ No newline at end of file
+/* Customizations to make footer sticky */
+/*html, body {height: 100%;}*/                                                                                                                                                                                                                   
+#wrap {min-height: 100%;}                                                                                                                                                                                                                    
+#main                                                                                                                                                                                                                                        
+  /*overflow:auto;*/                                                                                                                                                                                                                             
+  padding-bottom: 250px; /* don't know why this works, sticky footers are weird */                                                                                                                                                                             
diff --git a/views/app/index.html b/views/app/index.html
index 9e518b51f3..de844d54c9 100644
--- a/views/app/index.html
+++ b/views/app/index.html
@@ -147,47 +147,47 @@
   <app:myFooter/>
     
 <myFooter:>
-  <footer id=footer class=pull-right>
-    <table class=social-links>
-      <tr>
-        
-        <td>
-          Copyright &copy; 2012 Tyler Renelle&nbsp;&nbsp;&nbsp;&nbsp;
-        </td>
-        
-        <td>
-          <a target="_blank" href="https://github.com/lefnire/habitrpg#habitrpg">About</a>&nbsp;&nbsp;&nbsp;&nbsp;
-          <a href="/privacy">Privacy</a>&nbsp;&nbsp;&nbsp;&nbsp;
-          <a href="/terms">Terms</a>&nbsp;&nbsp;&nbsp;&nbsp;
-        </td>
-        
+  <footer class=footer>
+    <div class=container>
+      <div clas=row>
+        <div class='span5'>
+            <ul>
+              <li>Copyright &copy; 2012 Tyler Renelle</li>
+              <li><a target="_blank" href="https://github.com/lefnire/habitrpg#habitrpg">About</a></li>
+              <li><a href="/privacy">Privacy</a></li>
+              <li><a href="/terms">Terms</a></li>
+              <li><a target="_blank" hredf="http://ocdevel.com/contact">Contact</a></li>
+            </ul>
+        </div>
+            
         {#unless _mobileDevice}
-        <td>
-          <!-- Github -->
-          <iframe src="http://ghbtns.com/github-btn.html?user=lefnire&repo=habitrpg&type=watch&count=true"
-          allowtransparency="true" frameborder="0" scrolling="0" width="85px" height="20px"></iframe>
-        </td>
-          
-        <td>
-          <!-- Gittip -->
-          <!-- <iframe style="border: 0; margin: 0; padding: 0;" src="https://www.gittip.com/lefnire/widget.html" width="48pt" height="20pt"></iframe> -->
-        </td>
-        
-        <td>
-          <!-- AddThis Button BEGIN -->
-          <div class="addthis_toolbox addthis_default_style "
-            addthis:url="http://habitrpg.com"
-            addthis:title="HabitRPG: Role Playing Game for Self Improvement"> 
-            <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
-            <a class="addthis_button_tweet"></a>
+          <div class='span5'>
+            <table>
+              <tr>
+                <td>
+                  <!-- Github -->
+                  <iframe src="http://ghbtns.com/github-btn.html?user=lefnire&repo=habitrpg&type=watch&count=true"
+                  allowtransparency="true" frameborder="0" scrolling="0" width="85px" height="20px"></iframe>
+                  <!-- Gittip -->
+                  <!-- <iframe style="border: 0; margin: 0; padding: 0;" src="https://www.gittip.com/lefnire/widget.html" width="48pt" height="20pt"></iframe> -->
+                  <!-- AddThis Button BEGIN -->
+                </td>
+                <td>
+                  <div class="addthis_toolbox addthis_default_style "
+                    addthis:url="http://habitrpg.com"
+                    addthis:title="HabitRPG: Role Playing Game for Self Improvement"> 
+                    <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
+                    <a class="addthis_button_tweet"></a>
+                  </div>
+                  <!-- AddThis Button END -->
+                  <!--<a href="https://twitter.com/share" class="twitter-share-button" data-via="lefnire">Tweet</a>-->
+                </td>
+              </tr>
+            </table>
           </div>
-          <!-- AddThis Button END -->
-          <!--<a href="https://twitter.com/share" class="twitter-share-button" data-via="lefnire">Tweet</a>-->
-        </td>
         {/}
-         
-      </tr>
-    </table>
+      </div>  
+    </div>
   </footer>
   
 <taskColumn: nonvoid>