port site-wide footer to foundation 4

diff --git a/karmaworld/templates/footer.html b/karmaworld/templates/footer.html
index 7e3eeaab3fbf5d66ad1c3249e2add1b446563cea..c883e97d8b8a5653ef6722c29d9be9644d5057ed 100644 (file)
--- a/karmaworld/templates/footer.html
+++ b/karmaworld/templates/footer.html
@@ -2,16 +2,20 @@
 
 <footer id="global_footer">
   <div class="row">
-    <div id="footer_links_container" class="eleven columns offset-by-one">
+    <div id="footer_links_container" class="small-10 columns small-offset-1">
       <a href="/about">About</a>&nbsp;|&nbsp;<a href="{% url 'terms' %}">Terms</a>&nbsp;|&nbsp;<a href="https://github.com/FinalsClub/karmaworld">Code</a>&nbsp;|&nbsp;<a href="http://www.reddit.com/r/KarmaNotes/">Discussion</a>&nbsp;<!--|&nbsp;<a href="#">Donate</a>-->
     </div><!--/footer_links_container-->
   </div>
   
   <div class="row">
-    <div id="colophon" class="eleven columns offset-by-one">
-      <img src="{{ STATIC_URL }}img/global_footer_cc_logo.png" id="cc_logo" alt="global_footer_cc_logo" width="30" height="30" align="left"/>
-      All content on this site is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/us/">Creative Commons</a> Attribution-ShareAlike 3.0 Unported License.<br>
-      <a href="/">KarmaNotes.org</a> is a non-profit project brought to you by the <a href="http://finalsclub.org">Finals Club Foundation</a>.
+    <div id="colophon" class="">
+      <div class="small-1 columns small-offset-1">
+        <img src="{{ STATIC_URL }}img/global_footer_cc_logo.png" id="cc_logo" alt="global_footer_cc_logo" width="30" height="30" align="left"/>
+      </div>
+      <div class="small-8 columns end">
+        All content on this site is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/us/">Creative Commons</a> Attribution-ShareAlike 3.0 Unported License.<br>
+        <a href="/">KarmaNotes.org</a> is a non-profit project brought to you by the <a href="http://finalsclub.org">Finals Club Foundation</a>.
+      </div>
     </div><!--/colophon-->
   </div>
 </footer><!--/global footer-->