From 945014871d11bbef1c884a58931aa161b230e11b Mon Sep 17 00:00:00 2001
From: Pradyun Gedam <pradyunsg@users.noreply.github.com>
Date: Tue, 30 Jan 2024 01:00:24 +0000
Subject: [PATCH] Add a skip to content link

This makes the theme that tiny bit more accessible.
---
 src/furo/assets/styles/_scaffold.sass | 16 ++++++++++++++++
 src/furo/theme/furo/page.html         |  8 +++++++-
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/furo/assets/styles/_scaffold.sass b/src/furo/assets/styles/_scaffold.sass
index 9a92622e1..39cb6c646 100644
--- a/src/furo/assets/styles/_scaffold.sass
+++ b/src/furo/assets/styles/_scaffold.sass
@@ -44,6 +44,22 @@ body
   color: var(--color-foreground-primary)
   background: var(--color-background-primary)
 
+.skip-to-content
+  position: fixed
+  padding: 1rem
+  border-radius: 1rem
+  left: 0.25rem
+  top: 0.25rem
+  z-index: 40
+  background: var(--color-background-primary)
+  color: var(--color-foreground-primary)
+
+  transform: translateY(-200%)
+  transition: transform 300ms ease-in-out
+
+  &:focus-within
+    transform: translateY(0%)
+
 article
   color: var(--color-content-foreground)
   background: var(--color-content-background)
diff --git a/src/furo/theme/furo/page.html b/src/furo/theme/furo/page.html
index a5a054edb..0736f6bf9 100644
--- a/src/furo/theme/furo/page.html
+++ b/src/furo/theme/furo/page.html
@@ -13,6 +13,12 @@
   <div class="visually-hidden">Hide table of contents sidebar</div>
 </label>
 
+<a class="skip-to-content muted-link" href="#furo-main-content">
+  {%- trans -%}
+  Skip to content
+  {%- endtrans -%}
+</a>
+
 {% if theme_announcement -%}
 <div class="announcement">
   <aside class="announcement-content">
@@ -87,7 +93,7 @@
             <i class="icon"><svg><use href="#svg-toc"></use></svg></i>
           </label>
         </div>
-        <article role="main">
+        <article role="main" id="furo-main-content">
           {% block content %}{{ body }}{% endblock %}
         </article>
       </div>