diff options
Diffstat (limited to 'src/templates')
| -rw-r--r-- | src/templates/body-bottom.html | 21 | ||||
| -rw-r--r-- | src/templates/inner-head.html | 3 | ||||
| -rw-r--r-- | src/templates/nav.html | 24 |
3 files changed, 29 insertions, 19 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> diff --git a/src/templates/inner-head.html b/src/templates/inner-head.html index 88f5a1c..0928eeb 100644 --- a/src/templates/inner-head.html +++ b/src/templates/inner-head.html @@ -3,4 +3,5 @@ <link rel="icon" type="image/png" href="/assets/image/icon.png"> <link rel="stylesheet" href="/assets/css/main.css"> <link rel="stylesheet" href="/assets/css/background.css"> -<link rel="stylesheet" href="/assets/fork-awesome/css/fork-awesome.min.css">
\ No newline at end of file +<link rel="stylesheet" href="/assets/fork-awesome/css/fork-awesome.min.css"> +<script src="/assets/js/main.js"></script>
\ No newline at end of file diff --git a/src/templates/nav.html b/src/templates/nav.html index 15286e2..35b00a6 100644 --- a/src/templates/nav.html +++ b/src/templates/nav.html @@ -1,39 +1,39 @@ -<nav class="nav"> +<nav class="nav" id="nav"> <div class="floatwrapper"> <div> - <a href="/" class="header-image"> + <a href="/" class="header-image" aria-label="Home" title="Home"> <img loading="lazy" class="noaa" alt="A pixelated Lycoris Radiata between "infernal" and "garden"" src="/assets/image/header.png"> <img loading="lazy" class="noaa" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png"> </a> <div class="nav-button"> - <a href="/about/"> - <img loading="auto" class="noaa icon" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png"> + <a href="/about/" aria-label="About" title="About"> + <i class="fa fa-newspaper-o" aria-hidden="true"></i> <span>About</span> </a> </div> <div class="nav-button"> - <a href="/projects/"> - <img loading="auto" class="noaa icon" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png"> + <a href="/projects/" aria-label="Projects" title="Projects"> + <i class="fa fa-code" aria-hidden="true"></i> <span>Projects</span> </a> </div> <div class="nav-button"> - <a href="/services/"> - <img loading="auto" class="noaa icon" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png"> + <a href="/services/" aria-label="Services" title="Services"> + <i class="fa fa-cogs" aria-hidden="true"></i> <span>Services</span> </a> </div> <div class="nav-button"> - <a href="/people/"> - <img loading="auto" class="noaa icon" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png"> + <a href="/people/" aria-label="People" title="People"> + <i class="fa fa-address-book" aria-hidden="true"></i> <span>People</span> </a> </div> </div> <div> <div class="nav-button"> - <a href="/contact/"> - <img loading="auto" class="noaa icon" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png"> + <a href="/contact/" aria-label="Contact" title="Contact"> + <i class="fa fa-envelope" aria-hidden="true"></i> <span>Contact</span> </a> </div> |