feature: add navigation bar

juananpe · Oct 4, 2024 · 5c2ca62 · 5c2ca62
1 parent afeecbc
commit 5c2ca62
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 10 deletions.
diff --git a/mccole/static/page.css b/mccole/static/page.css
@@ -133,6 +133,11 @@ h2, h3, h4, h5, h6 {
     font-style: italic;
 }
 
+/* Navigation */
+nav {
+    background-color: var(--color-background-code);
+}
+
 /* Ordered lists */
 ol {
     margin-left: var(--width-ol-adjust);

diff --git a/mccole/templates/page.html b/mccole/templates/page.html
@@ -2,24 +2,34 @@
 <html>
   <head>
     <title></title>
-    {% if icon_file %}
-    <link rel="icon" type="image/x-icon" href="@root/{{icon_file}}">
-    {% else %}
-    <link rel="icon" type="image/x-icon" href="@root/static/favicon.ico">
-    {% endif %}
     <meta charset="UTF-8">
-    {% if css_file %}
-    <link rel="stylesheet" href="@root/{{css_file}}" type="text/css">
-    {% else %}
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" type="image/x-icon" href="@root/static/favicon.ico">
+    {% if css_file %}<link rel="stylesheet" href="@root/static/{{css_file}}" type="text/css">{% endif %}
     <link rel="stylesheet" href="@root/static/page.css" type="text/css">
-    {% endif %}
   </head>
   <body>
+    <nav>
+      <div class="row">
+	<div class="col-2 left">
+	  <a href="@root/">Home</a>
+	</div>
+	<div class="col-10 right">
+	  <a href="@root/license.html">License</a>
+	  &middot;
+	  <a href="@root/bibliography.html">Bibliography</a>
+	  &middot;
+	  <a href="@root/glossary.html">Glossary</a>
+	</div>
+      </div>
+    </nav>
     <main>
 {{content}}
     </main>
     <footer>
-      Copyright &copy; 2024 <a href="@root/contributing.html">the authors</a>
+      <a href="@root/">The Webonomicon</a>
+      copyright &copy; 2024
+      <a href="@root/contributing.html#contributors">the authors</a>
     </footer>
   </body>
 </html>