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/nav.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/nav.html')
| -rw-r--r-- | src/templates/nav.html | 24 |
1 files changed, 12 insertions, 12 deletions
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> |