feat: add skip to content

Vanilla-OS · Oct 12, 2024 · c15760b · c15760b
1 parent 998e896
commit c15760b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/content/.vitepress/theme/components/Header.vue b/content/.vitepress/theme/components/Header.vue
@@ -1,5 +1,11 @@
 <template>
-  <nav class="flex w-full flex-col gap-0 bg-[#101010]">
+  <a
+    href="#main"
+    aria-label="Skip to main content"
+    class="absolute left-0 top-[-100] z-50 bg-black bg-opacity-50 p-4 text-white"
+    >Skip to main content</a
+  >
+  <nav>
     <div
       class="flex flex-row items-center justify-between border-b border-white border-opacity-20 px-4 py-5 sm:px-16"
     >

diff --git a/content/.vitepress/theme/views/Home.vue b/content/.vitepress/theme/views/Home.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="mb-10 flex flex-col gap-32 pb-44">
+  <div class="mb-10 flex flex-col gap-32 pb-44" id="main">
     <section
       id="what-is"
       class="flex flex-col items-center justify-center gap-8 text-center"