implement language switch function + header improvements + accessibility optimization

This commit is contained in:
Michi 2025-03-15 21:55:28 +01:00
parent caca1c825e
commit b2eeb3b7ae
8 changed files with 54 additions and 29 deletions

View file

@ -1,7 +1,7 @@
<div class="footer">
<div class="footer-part">
<p>&#169; {{ dateFormat "2006" now }}</p>
<a href="#" alt='{{ T "legal" }}' title='{{ T "legal" }}'>{{ T "legal" }}</a>
<a href="{{ .Site.Params.legalLink }}" alt='{{ T "legal" }}' title='{{ T "legal" }}'>{{ T "legal" }}</a>
<div class="sm-icons">
{{ range .Site.Data.socialmedia }}
{{ if .footer }}
@ -11,9 +11,9 @@
</div>
</div>
<div class="footer-part">
<select>
<select class="language-selector" alt='{{ T "language" }}' title='{{ T "language" }}' name="language">
{{ range $.Site.Home.AllTranslations }}
<option>{{ .Language.LanguageName }}</option>
<option value="{{ .Permalink }}" {{ if eq $.Site.Language.Lang .Lang }}selected{{ end }}>{{ .Language.LanguageName }}</option>
{{ end }}
</select>
</div>

View file

@ -5,18 +5,16 @@
<meta name="mobile-web-app-title" content="{{ .Site.Title }}">
<meta name="apple-mobile-web-app-title" content="{{ .Site.Title }}">
<link id="favicon" rel="icon" type="image/png" href="{{ .Site.Params.faviconPath | relURL }}">
<link rel="icon" type="image/svg+xml" href="assets/logo/logo_black.svg">
<link rel="icon" type="image/svg+xml" href="{{ .Site.Params.faviconPathSVG | relURL }}">
<link rel="shortcut icon" type="image/png" href="{{ .Site.Params.faviconPath | relURL }}">
<link rel="apple-touch-icon" href="{{ .Site.Params.faviconPath | relURL }}">
<link rel="apple-touch-icon" sizes="152x152" href="{{ .Site.Params.faviconPath | relURL }}">
<link rel="apple-touch-icon" sizes="180x180" href="{{ .Site.Params.faviconPath | relURL }}">
<link rel="apple-touch-icon" sizes="167x167" href="{{ .Site.Params.faviconPath | relURL }}">
<link rel="canonical" href="{{ .Site.BaseURL }}">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js" async></script>
<script src='{{ "/akar-icons-fonts/src/index.js" | relURL }}'></script>
<script src='{{ "/main.js" | absURL }}' defer></script>
<link rel="stylesheet" type="text/css" href='{{ "/style.css" | absURL }}' media="screen"/>
<link rel="stylesheet" type="text/css" href="https://unpkg.com/aos@2.3.1/dist/aos.css" media="screen"/>
<meta charset="UTF-8">
<meta name="description" content="{{ .Site.Params.description }}">
<meta name="keywords" content="{{ .Site.Params.tags }}">
@ -41,10 +39,7 @@
<meta name="theme-color" content="{{ .Site.Params.themeColor }}">
<meta name="mobile-web-app-status-bar-style" content="{{ .Site.Params.themeColor }}">
<meta name="apple-mobile-web-app-status-bar-style" content="{{ .Site.Params.themeColor }}">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="manifest" href='{{ "manifest.json" | absURL }}'>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <script defer src="{{ .Site.Params.umamiUrl }}" data-website-id="{{ .Site.Params.websiteId }}"></script> -->
</head>

View file

@ -18,5 +18,5 @@
{{ with .Site.Home.Params.slogan }}
<p>{{ . }}</p>
{{ end }}
<a href="#about"><i class="ai-chevron-down"></i></a>
<a href="#about" alt='{{ T "godown" }}' title='{{ T "godown" }}'><i class="ai-chevron-down"></i></a>
</div>