From b6d6abe23933aab8b6e4e63af7070b4fdb8f1c14 Mon Sep 17 00:00:00 2001 From: Robert Kaussow Date: Sat, 1 Mar 2025 23:00:36 +0100 Subject: [PATCH] feat: add skip-to-content link to improve accessability (#985) --- 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, 35 insertions(+), 1 deletion(-) 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..8f4de6f 100644 --- a/layouts/_default/taxonomy.html +++ b/layouts/_default/taxonomy.html @@ -1,4 +1,5 @@ {{ define "main" }} +
{{ range .Paginator.Pages }}
@@ -31,6 +32,7 @@
{{ end }} +
{{ partial "pagination.html" . }} {{ end }} diff --git a/layouts/_default/terms.html b/layouts/_default/terms.html index 2316ef5..aa7aa56 100644 --- a/layouts/_default/terms.html +++ b/layouts/_default/terms.html @@ -1,4 +1,5 @@ {{ define "main" }} +
{{ range .Paginator.Pages.ByTitle }}
@@ -28,5 +29,6 @@
{{ end }} +
{{ partial "pagination.html" . }} {{ end }} diff --git a/layouts/posts/list.html b/layouts/posts/list.html index ca0ea73..c3ede06 100644 --- a/layouts/posts/list.html +++ b/layouts/posts/list.html @@ -1,4 +1,5 @@ {{ define "main" }} +
{{ range .Paginator.Pages }}
@@ -29,6 +30,7 @@
{{ end }} +
{{ partial "pagination.html" . }} {{ end }} 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%; +}