vrifox/website
vrifox/website
1
0
Fork 0
Code Issues 3 Pull requests Activity

improve accessibility
All checks were successful
ci/woodpecker/push/hugo-build Pipeline was successful
Details

Browse source
This commit is contained in:
Vri 🌈 2023-05-18 13:17:48 +02:00
parent 9fdef1a7db
commit 41be8c98a5
Signed by: vrifox
GPG key ID: D40098E5B60B2197
2 changed files with 82 additions and 84 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
assets/scss/partials/sidebar.scss
View file

@ -81,7 +81,7 @@
} }
} }
header { #avatar-wrapper {
text-align: center; text-align: center;
user-select: none; user-select: none;
padding: inherit; padding: inherit;
@ -230,7 +230,6 @@
} }
} }
} }
aside {
#social-links { #social-links {
text-align: center; text-align: center;
@ -311,5 +310,4 @@
pointer-events: all; pointer-events: all;
} }
} }
}
} }

24
layouts/partials/sidebar.html
View file

@ -1,14 +1,14 @@
{{ $currentPage := . }} {{ $currentPage := . }}
<nav id="sidebar"> <header id="sidebar">
<header> <div id="avatar-wrapper">
{{ with .Site.Params.avatar }} {{ with .Site.Params.avatar }}
{{ $avatar := resources.Get . }} {{ $avatar := resources.Get . }}
{{ $avatar := $avatar.Resize "96x webp" }} {{ $avatar := $avatar.Resize "96x webp" }}
<img id="avatar" alt="{{ $.Site.Params.displayName }}" src="{{ $avatar.RelPermalink }}" /> <img id="avatar" alt="{{ $.Site.Params.displayName }}" src="{{ $avatar.RelPermalink }}" />
{{ end }} {{ end }}
</header> </div>
<section id="sidebar-menu"> <nav id="sidebar-menu" aria-labelledby="primary-navigation">
<ul> <ul>
{{- range .Site.Menus.main }} {{- range .Site.Menus.main }}
{{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} {{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }}
@ -18,12 +18,12 @@
{{ end }} {{ end }}
{{- end }} {{- end }}
</ul> </ul>
</section> </nav>
<aside> <div>
<section id="social-links"> <nav id="social-links" aria-labelledby="social-links">
<a class="hint-text" rel="me" href="https://social.anoxinon.de/@vri" aria-label="Mastodon">{{ partial "helpers/icons" "mastodon" }}</a> <a class="hint-text" rel="me" href="https://social.anoxinon.de/@vri" aria-label="Mastodon">{{ partial "helpers/icons" "mastodon" }}</a>
</section> </nav>
<section id="languages"> <div id="languages">
{{- if .Site.IsMultiLingual }} {{- if .Site.IsMultiLingual }}
{{ $siteLanguages := .Site.Languages }} {{ $siteLanguages := .Site.Languages }}
{{ $pageLanguage := .Page.Lang }} {{ $pageLanguage := .Page.Lang }}
@ -39,6 +39,6 @@
{{ end }} {{ end }}
{{ end }} {{ end }}
{{- end }} {{- end }}
</section> </div>
</aside> </div>
</nav> </header>