initial footer structure

NixOS · May 13, 2020 · 525ee9e · 525ee9e
1 parent e01be8c
commit 525ee9e
Show file tree

Hide file tree

Showing 2 changed files with 58 additions and 10 deletions.
diff --git a/css/nixos-site.css b/css/nixos-site.css
@@ -427,6 +427,30 @@ div.docbook span.command {
     content: "";
 }
 
+.footer {
+  background: #f2f2f2;
+  margin-top: 2em;
+  padding: 1em 0 3em 0;
+  font-size: 12px;
+}
+.footer a {
+  color: #a4a4a4;
+}
+.footer a:hover {
+  color: #848484;
+  text-decoration: none;
+}
+
+.footer h4 {
+  color: #545454;
+  font-size: 14px;
+}
+
+.footer ul {
+  list-style: none;
+  margin:0;
+}
+
 /* Centers the `get` button with the image.
  * 196px is the width of the image.
  */
@@ -436,3 +460,4 @@ div.docbook span.command {
     text-align: center;
   }
 }
+
diff --git a/layout.tt b/layout.tt
@@ -123,17 +123,40 @@
 
     [% content %]
 
-    <div class="footer">
-      <hr />
-      <center>
-        <small class="muted">
-          [% IF sourceLink %]
-          <a [% HTML.attributes(href=> sourceLink) %]>Source</a>
-          [% END %]
-        </small>
-      </center>
-    </div>
+  </div>
 
+  <div class="footer">
+    <div class="container">
+      <div class="row-fluid">
+        <div class="span4">
+          <h4>Title 1</h4>
+          <ul>
+            <li><a href="#">Item 1.1</a></li>
+            <li><a href="#">Item 1.2</a></li>
+            <li><a href="#">Item 1.3</a></li>
+            <li><a href="#">Item 1.4</a></li>
+          </ul>
+        </div>
+        <div class="span4">
+          <h4>Title 2</h4>
+          <ul>
+            <li><a href="#">Item 2.1</a></li>
+            <li><a href="#">Item 2.2</a></li>
+            <li><a href="#">Item 2.3</a></li>
+            <li><a href="#">Item 2.4</a></li>
+          </ul>
+        </div>
+        <div class="span4">
+          <h4>Title 3</h4>
+          <ul>
+            <li><a href="#">Item 3.1</a></li>
+            <li><a href="#">Item 3.2</a></li>
+            <li><a href="#">Item 3.3</a></li>
+            <li><a href="#">Item 3.4</a></li>
+          </ul>
+        </div>
+      </div>
+    </div>
   </div>
 
   <script>