Add focus-visible styles for links, improve footer accessibility, and move hero section shortcode.

themes/wikidarity/assets/css/main.css

@@ -219,6 +219,11 @@ header {
     a:hover, a:focus-visible, a:visited:hover, a:visited:focus-visible {
       text-decoration-color: oklch(0.145 0 0);
     }
+
+    a:focus-visible, a:visited:focus-visible {
+      outline: 2px solid oklch(0.145 0 0);
+      outline-offset: 2px;
+    }
   }
 }
 

themes/wikidarity/layouts/partials/footer.html

@@ -1,5 +1,5 @@
 <div class="footer-left">
-  <img src="/wc_logo_-_black_no-bg.svg" alt="Wiki Cafe Logo" width="128" height="128">
+  <img src="/wc_logo_-_black_no-bg.svg" alt="" width="128" height="128">
   <p>Copyright {{ now.Year }}. All rights reserved.</p>
 </div>
 
@@ -9,7 +9,7 @@
       {{ range . }}
         <li>
           <a href="{{ .url }}" target="_blank" rel="noopener noreferrer" class="social-link">
-            <span class="social-icon">
+            <span class="social-icon" aria-hidden="true">
               {{ with resources.Get (printf "icons/%s" .icon) }}
                 {{ .Content | safeHTML }}
               {{ else }}

themes/wikidarity/layouts/partials/head.html

@@ -1,5 +1,5 @@
 <meta charset="utf-8">
-<meta name="viewport" content="width=device-width">
+<meta name="viewport" content="width=device-width", initial-scale=1, shrink-to-fit=no>
 <title>{{ if .IsHome }}{{ site.Title }}{{ else }}{{ printf "%s | %s" .Title site.Title }}{{ end }}</title>
 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">