From 2fba74c99c7d11b6727387b1ebd8d6d9e73deeaa Mon Sep 17 00:00:00 2001
From: pancakes <p@pancakes.gay>
Date: Fri, 12 Sep 2025 14:35:20 +1000
Subject: [PATCH] Add skip to main content link

---
 .../Components/Layout/MainLayout.razor        |  2 ++
 .../Components/Layout/MainLayout.razor.css    | 23 ++++++++++++++-----
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/PancakesWeb/Components/Layout/MainLayout.razor b/PancakesWeb/Components/Layout/MainLayout.razor
index 624f437..c0c77b3 100644
--- a/PancakesWeb/Components/Layout/MainLayout.razor
+++ b/PancakesWeb/Components/Layout/MainLayout.razor
@@ -1,5 +1,7 @@
 @inherits LayoutComponentBase
 
+<a class="skip-to-content" href="#main-content">Skip to main content</a>
+
 @Body
 
 <div id="blazor-error-ui" data-nosnippet>
diff --git a/PancakesWeb/Components/Layout/MainLayout.razor.css b/PancakesWeb/Components/Layout/MainLayout.razor.css
index 60cec92..c4f971c 100644
--- a/PancakesWeb/Components/Layout/MainLayout.razor.css
+++ b/PancakesWeb/Components/Layout/MainLayout.razor.css
@@ -12,9 +12,20 @@
     z-index: 1000;
 }
 
-    #blazor-error-ui .dismiss {
-        cursor: pointer;
-        position: absolute;
-        right: 0.75rem;
-        top: 0.5rem;
-    }
+#blazor-error-ui .dismiss {
+    cursor: pointer;
+    position: absolute;
+    right: 0.75rem;
+    top: 0.5rem;
+}
+
+.skip-to-content {
+    position: absolute;
+    top: -5rem;
+    left: 1rem;
+    transition: top 0.5s;
+}
+
+.skip-to-content:focus {
+    top: 1rem;
+}