app: add 'Skip to content' link for accessibility'
This commit is contained in:
parent
6071e4d155
commit
20896ab5a3
1 changed files with 7 additions and 1 deletions
|
@ -1,4 +1,10 @@
|
||||||
<header class="px-4 sm:px-6 lg:px-8">
|
<header class="px-4 sm:px-6 lg:px-8">
|
||||||
|
<a
|
||||||
|
href="#main"
|
||||||
|
class="absolute left-0 -translate-y-full bg-black p-2 text-white transition-transform focus:transform-none"
|
||||||
|
>
|
||||||
|
<%= gettext("Skip to content") %>
|
||||||
|
</a>
|
||||||
<div class="flex items-center justify-between border-b border-zinc-100 py-3 text-sm">
|
<div class="flex items-center justify-between border-b border-zinc-100 py-3 text-sm">
|
||||||
<div class="flex items-center gap-4">
|
<div class="flex items-center gap-4">
|
||||||
<a href="/">
|
<a href="/">
|
||||||
|
@ -30,7 +36,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<main class="px-4 py-20 sm:px-6 lg:px-8">
|
<main id="main" class="px-4 py-20 sm:px-6 lg:px-8">
|
||||||
<div class="mx-auto max-w-2xl">
|
<div class="mx-auto max-w-2xl">
|
||||||
<.flash_group flash={@flash} />
|
<.flash_group flash={@flash} />
|
||||||
<%= @inner_content %>
|
<%= @inner_content %>
|
||||||
|
|
Loading…
Reference in a new issue