Improve accessible navigation

This commit is contained in:
Hazem Krimi
2023-11-22 19:27:27 +01:00
parent 077c4fe728
commit 41a5505631
3 changed files with 118 additions and 25 deletions
+43 -8
View File
@@ -8,17 +8,52 @@
</div>
<hr>
<div id="links">
<span
<a
href="#"
class="theme-toggler"
aria-label="Theme toggler"
>
{{ readFile "assets/icons/moon.svg" | safeHTML }}
{{ readFile "assets/icons/sun.svg" | safeHTML }}
</span>
<a href="{{ $cv.Permalink }}" target="_blank"> {{ readFile "assets/icons/cv.svg" | safeHTML }} </a>
<a href="mailto:me@hazemkrimi.tech" target="_blank"> {{ readFile "assets/icons/mail.svg" | safeHTML }} </a>
<a href="{{ urls.JoinPath .Site.BaseURL "index.xml" }}" target="_blank"> {{ readFile "assets/icons/rss.svg" | safeHTML }} </a>
<a href="https://github.com/hazemKrimi" target="_blank"> {{ readFile "assets/icons/github.svg" | safeHTML }} </a>
<a href="https://twitter.com/HazemKrimi" target="_blank"> {{ readFile "assets/icons/twitter.svg" | safeHTML }} </a>
<a href="https://www.linkedin.com/in/hazemkrimi" target="_blank"> {{ readFile "assets/icons/linkedin.svg" | safeHTML }} </a>
</a>
<a
aria-label="Hazem Krimi's CV"
href="{{ $cv.Permalink }}" target="_blank"
>
{{ readFile "assets/icons/cv.svg" | safeHTML }}
</a>
<a
aria-label="Hazem Krimi's Email"
href="mailto:me@hazemkrimi.tech"
target="_blank"
>
{{ readFile "assets/icons/mail.svg" | safeHTML }}
</a>
<a
aria-label="Hazem Krimi's content RSS feed"
href="{{ urls.JoinPath .Site.BaseURL "index.xml" }}"
target="_blank"> {{ readFile "assets/icons/rss.svg" | safeHTML }}
</a>
<a
aria-label="Hazem Krimi's Github profile"
href="https://github.com/hazemKrimi"
target="_blank"
>
{{ readFile "assets/icons/github.svg" | safeHTML }}
</a>
<a
aria-label="Hazem Krimi's Twitter or X profile"
href="https://twitter.com/HazemKrimi"
target="_blank"
>
{{ readFile "assets/icons/twitter.svg" | safeHTML }}
</a>
<a
aria-label="Hazem Krimi's Linkedin profile"
href="https://www.linkedin.com/in/hazemkrimi"
target="_blank"
>
{{ readFile "assets/icons/linkedin.svg" | safeHTML }}
</a>
</div>
</nav>