Add page footer

* The `People` page will be added later
* This is almost the simplest design possible, we will alter the design
to match the desired and defined look later

1 files changed, 16 insertions, 3 deletions

diff --git a/css/base.css b/css/base.css
index 78085af..936f801 100644
--- a/css/base.css
+++ b/css/base.css
@@ -268,12 +268,25 @@ a:hover {
  * Page footer
  * ================================================================== */
 
+/* Looks like a mirror of the header, but it is not fixed. */
 footer[role=contentinfo] {
+    /* Make sure `left`, `right`, and `width` values add up to 100% to
+     * help keep the navigation bar in center for big screens */
+    margin: 0 auto;
+    max-width: 960px; /* same as the `#container` max-width */
     padding: 15px;
-    border-radius: 5px;
+    /* Prevent sharp edges on the bottom navigation bar */
+    border-radius: 5px 5px 0 0;
+    /* Keep link texts center-aligned */
     text-align: left;
-    background-color: #f2f3f3;
-    color: #1c1e1d; /* EERIE BLACK */
+    color: #dcdfde;
+    background: #030504;
+}
+
+/* Put the footer contents in an unordered list */
+footer ul {
+    list-style: none;
+    padding-left: 0;
 }
 
 /* ==================================================================