From 4bd45d754821448b37c206544cbbfddf04360988 Mon Sep 17 00:00:00 2001
From: curly <curlybryce@protonmail.com>
Date: Wed, 11 Jan 2023 11:22:29 -0700
Subject: mobile nav complete

---
 src/templates/body-bottom.html | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

(limited to 'src/templates/body-bottom.html')

diff --git a/src/templates/body-bottom.html b/src/templates/body-bottom.html
index 6a5da72..cb197ad 100644
--- a/src/templates/body-bottom.html
+++ b/src/templates/body-bottom.html
@@ -1,12 +1,21 @@
 </div>
 <nav class="mobile-nav">
-    <div class="mobile-nav-button"></div>
-    <div class="mobile-nav-button"></div>
-    <div class="mobile-nav-button">
+    <noscript><span>Javascript is required for the mobile navbar</span></noscript>
+    <a href="/about/" class="mobile-nav-button" aria-label="About" title="About">
+      <i class="fa fa-newspaper-o" aria-hidden="true"></i>
+    </a>
+    <a href="/projects/" class="mobile-nav-button" aria-label="Projects" title="Projects">
+      <i class="fa fa-code" aria-hidden="true"></i>
+    </a>
+    <a href="#" onclick="mobile_nav_toggle()" class="mobile-nav-button" aria-label="Toggle Menu" title="Toggle Menu">
       <img class="noaa" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png">
-    </div>
-    <div class="mobile-nav-button"></div>
-    <div class="mobile-nav-button"></div>
+    </a>
+    <a href="/services/" class="mobile-nav-button" aria-label="Services" title="Services">
+      <i class="fa fa-cogs" aria-hidden="true"></i>
+    </a>
+    <a href="/people/" class="mobile-nav-button" aria-label="People" title="People">
+      <i class="fa fa-address-book" aria-hidden="true"></i>
+    </a>
 </nav>
 </main>
 <div class="body_decoration noaa"></div>
-- 
cgit v1.2.3