[template] Adding information and styling the footer.

mythmon · Feb 22, 2012 · 91f7aa5 · 91f7aa5
1 parent 0817a7b
commit 91f7aa5
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 23 deletions.
diff --git a/media/less/base.less b/media/less/base.less
@@ -41,6 +41,28 @@
     font-family: "Veranda", lucida, tahoma, helvetica, arial, sans-serif;
     line-height: 1.4em;
 
+    /* indentation */
+    .offset_com{
+        float: left;
+        position: relative;
+    }
+    .offset1{
+        .offset_com;
+        left: 0px;
+    }
+    .offset2{
+        .offset_com;
+        left: @grid_col + @grid_gutter;
+    }
+    .offset3{
+        .offset_com;
+        left: 2 * (@grid_col + @grid_gutter);
+    }
+    .offset4{
+        .offset_com;
+        left: 3 * (@grid_col + @grid_gutter);
+    }
+
     /* links */
     a{
         color: @dark_blue;
@@ -132,20 +154,13 @@
 
     /* Footer */
     #footer{
-        display: table;
         width: 100%;
         border-top: @dark_border;
         margin-top: @grid_gutter;
 
         .small-text;
-
-        #about{
-            display: table-cell;
-            text-align: left;
-        }
-
-        #copyright{
-            display: table-cell;
+
+        #right{
             text-align: right;
         }
     }

diff --git a/templates/base.html b/templates/base.html
@@ -93,20 +93,32 @@ <h1 id='title'>
             </div>
 
             <!-- Footer -->
-            <div id="footer">
-                <div id="about">
-                    Site code available on 
-                    <a href="http://github.com/robatron/robmd.net">
-                        GitHub
-                    </a>.
-
-                    Powered by  
-                    <a href="https://github.com/mythmon/wok">wok</a>. 
-                </div>
-
-                <div id="copyright">
-                    &copy; Copyright <a href="http://robmd.net/">Rob McGuire-Dale</a>
-                </div>
+            <table id="footer">
+                <tr>
+                    <td id='left'>
+                        <div>
+                            Powered by  
+                            <a href="https://github.com/mythmon/wok">wok</a>
+                        </div>
+
+                        <div>
+                        Fork me on 
+                            <a href="http://github.com/robatron/robmd.net">
+                                GitHub
+                            </a>
+                        </div>
+                    </td>
+
+                    <td id='right'>
+                        <div>
+                            &copy; Copyright <a href="http://robmd.net/">Rob McGuire-Dale</a>
+                        </div>
+
+                        <div>
+                            Last generated {{ site.datetime.strftime('%Y/%m/%d %H:%M:%S') }}
+                        </div>
+                    </td>
+                </tr>
             </div>
 
         </div>