diff options
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> |