From ad5afb0f7d245ba6d7130b5040592cdcb60d8ce4 Mon Sep 17 00:00:00 2001 From: Robert Kaussow Date: Sat, 1 Mar 2025 22:10:57 +0100 Subject: [PATCH] feat: add skip-to-content link to improve accessability --- layouts/_default/baseof.html | 4 ++++ layouts/_default/list.html | 1 + layouts/_default/single.html | 1 + layouts/_default/taxonomy.html | 2 +- layouts/_default/terms.html | 2 +- layouts/posts/list.html | 2 +- layouts/posts/single.html | 2 +- src/sass/_base.scss | 18 ++++++++++++++++++ src/sass/_utils.scss | 4 ++++ 9 files changed, 32 insertions(+), 4 deletions(-) diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index bd3b9d0..9880779 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -22,6 +22,10 @@ +
+ Skip to main content +
+ {{ partial "svg-icon-symbols" . }} diff --git a/layouts/_default/list.html b/layouts/_default/list.html index 94172f6..e78b274 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -4,6 +4,7 @@

{{ partial "utils/title" . }}

{{ partial "utils/content" . }} diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 64bc887..adcc333 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -4,6 +4,7 @@

{{ partial "utils/title" . }}

{{ partial "page-metadata" . }} diff --git a/layouts/_default/taxonomy.html b/layouts/_default/taxonomy.html index bb97e8e..2ea35ee 100644 --- a/layouts/_default/taxonomy.html +++ b/layouts/_default/taxonomy.html @@ -1,6 +1,6 @@ {{ define "main" }} {{ range .Paginator.Pages }} -
+

{{ partial "utils/title" . }} diff --git a/layouts/_default/terms.html b/layouts/_default/terms.html index 2316ef5..fffde24 100644 --- a/layouts/_default/terms.html +++ b/layouts/_default/terms.html @@ -1,6 +1,6 @@ {{ define "main" }} {{ range .Paginator.Pages.ByTitle }} -
+

{{ partial "utils/title" . }} diff --git a/layouts/posts/list.html b/layouts/posts/list.html index ca0ea73..25a0a4c 100644 --- a/layouts/posts/list.html +++ b/layouts/posts/list.html @@ -1,6 +1,6 @@ {{ define "main" }} {{ range .Paginator.Pages }} -
+

{{ partial "utils/title" . }} diff --git a/layouts/posts/single.html b/layouts/posts/single.html index dea2a8c..0c2ea50 100644 --- a/layouts/posts/single.html +++ b/layouts/posts/single.html @@ -1,5 +1,5 @@ {{ define "main" }} -
+

{{ partial "utils/title" . }}

diff --git a/src/sass/_base.scss b/src/sass/_base.scss index 749ab4b..f756576 100644 --- a/src/sass/_base.scss +++ b/src/sass/_base.scss @@ -105,6 +105,24 @@ body { * { box-sizing: inherit; } + + #gdoc-to-main { + position: absolute; + margin: defaults.$padding-8 0; + padding: defaults.$padding-8; + + display: inline-block; + background-color: var(--accent-color-lite); + border-radius: defaults.$border-radius; + border: defaults.$border-1 solid var(--accent-color); + + transform: translateY(0); + transition: transform 250ms ease-in; + + &:not(:focus) { + transform: translateY(-#{defaults.$padding-64}); + } + } } h1, diff --git a/src/sass/_utils.scss b/src/sass/_utils.scss index 4c3f388..8eacd70 100644 --- a/src/sass/_utils.scss +++ b/src/sass/_utils.scss @@ -101,3 +101,7 @@ display: inline-block; min-width: 4rem; } + +.w-full { + width: 100%; +}