diff options
author | curly <curlybryce@protonmail.com> | 2023-01-11 11:22:29 -0700 |
---|---|---|
committer | curly <curlybryce@protonmail.com> | 2023-01-11 11:22:29 -0700 |
commit | 4bd45d754821448b37c206544cbbfddf04360988 (patch) | |
tree | b8be4c2dc2883decef7a1a8c36262e947ade417c /src/templates/body-bottom.html | |
parent | 5d4988161300f368f4252628f6e2588ce75ef101 (diff) | |
download | infernal.garden-4bd45d754821448b37c206544cbbfddf04360988.tar.gz infernal.garden-4bd45d754821448b37c206544cbbfddf04360988.tar.bz2 infernal.garden-4bd45d754821448b37c206544cbbfddf04360988.zip |
mobile nav complete
Diffstat (limited to 'src/templates/body-bottom.html')
-rw-r--r-- | src/templates/body-bottom.html | 21 |
1 files changed, 15 insertions, 6 deletions
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> |