publish: Navigation

8fold · Feb 3, 2024 · b31f3c3 · b31f3c3
1 parent c0f5948
commit b31f3c3
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 2 deletions.
diff --git a/site-root/public/foot.php b/site-root/public/foot.php
@@ -1,3 +1,9 @@
+    <nav>
+        <ul>
+            <li><a href="/">Home</a></li>
+            <li><a href="/booking/">Book now</a></li>
+        </ul>
+    </nav>
 	<footer>
 		<p>Copyright © 2023–<?php date('Y'); ?> Mastering the Mundane.</p>
 	</footer>

diff --git a/site-root/public/head.php b/site-root/public/head.php
@@ -109,7 +109,8 @@
 			text-align: center;
 		}
 
-		section a {
+		section a,
+        nav a {
             color: hsla(0, 0%, 0%, 1);
             text-decoration-color: hsla(10, 98%, 26%, 1);
             text-decoration-thickness: 0.1rem;
@@ -118,7 +119,8 @@
 				text-decoration-thickness 0.3s;
 		}
 
-		section a:hover {
+		section a:hover,
+        nav a:hover {
             text-decoration-thickness: 0rem;
 		}
 
@@ -184,6 +186,32 @@
             article[is="book-details"] {
                 grid-template-columns: auto auto;
             }
+
+            nav {
+                text-align: center;
+            }
+
+            nav > ul {
+                margin: 0 auto;
+                padding: 0;
+                display: flex;
+                /* grid-template-columns: min-content; */
+                /* display: inline; */
+                list-style: none;
+            }
+
+            nav a {
+                display: inline-block;
+                padding: 1rem;
+            }
+
+            /* nav > ul > li {
+                float: left;
+            } */
+
+            nav > ul > li:first-of-type:after {
+                content: '|';
+            }
 		}
 	</style>
 </head>