From 0561a3363b7752f9fa576452cce4e88b41e64a7d Mon Sep 17 00:00:00 2001
From: Neil van Beinum <1370570+neilvanbeinum@users.noreply.github.com>
Date: Wed, 15 Mar 2023 06:29:24 +0700
Subject: [PATCH] Add main content skip link to website (#727)
Co-authored-by: vvveebs <1370570+vvveebs@users.noreply.github.com>
---
bridgetown-website/frontend/styles/global.css | 14 ++++++++++++++
bridgetown-website/src/_layouts/default.serb | 6 +++++-
2 files changed, 19 insertions(+), 1 deletion(-)
diff --git a/bridgetown-website/frontend/styles/global.css b/bridgetown-website/frontend/styles/global.css
index 63305d832..d9293f9d5 100644
--- a/bridgetown-website/frontend/styles/global.css
+++ b/bridgetown-website/frontend/styles/global.css
@@ -428,3 +428,17 @@ svg.logo .letter {
.version-text {
color: var(--sl-color-neutral-300);
}
+
+skip-to-main-content-bar {
+ position: absolute;
+ transform: translateY(-150px);
+ padding: 0.7rem 0;
+ background-color: var(--color-lightest-orange);
+ display: flex;
+ justify-content: center;
+
+ &:focus-within {
+ position: static;
+ transform: initial;
+ }
+}
diff --git a/bridgetown-website/src/_layouts/default.serb b/bridgetown-website/src/_layouts/default.serb
index a38b8c55e..164f8774e 100644
--- a/bridgetown-website/src/_layouts/default.serb
+++ b/bridgetown-website/src/_layouts/default.serb
@@ -4,11 +4,15 @@
{%@ "head" %}
+
+ Skip to main content
+
+
{%@ Shared::Navbar metadata: site.metadata, resource: resource %}
-
+
{%= yield %}