️ Add "skip to main content" links

This commit is contained in:
James Panther
2022-01-12 15:53:24 +11:00
parent 1414bfc325
commit e9c8a4a049
9 changed files with 87 additions and 15 deletions
+10 -1
View File
@@ -14,8 +14,17 @@
<body
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 bg-neutral text-neutral-900 sm:px-14 md:px-24 lg:px-32 dark:bg-neutral-800 dark:text-neutral max-w-7xl"
>
<div class="absolute flex self-center">
<a
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 dark:bg-neutral-600 focus:translate-y-0"
href="#maincontent"
><span class="font-bold ltr:pr-2 rtl:pl-2 text-primary-600 dark:text-primary-400"
>&darr;</span
>{{ i18n "header.skip_to_main" }}</a
>
</div>
{{- partial "header.html" . -}}
<main class="grow">{{- block "main" . }}{{- end }}</main>
<main id="maincontent" class="grow">{{- block "main" . }}{{- end }}</main>
{{- partial "footer.html" . -}}
</body>
</html>