cmc/cleberg.net

My personal web garden & blog.

clone: git clone https://gitbay.org/cmc/cleberg.net.git

52ace755c5f4f0a8be8252764005e4f99d9a67ba

unsigned

author: Christian Cleberg <hello@cleberg.net> · 2025-11-12T00:46:12Z 

add skip-to-content link

 theme/static/styles.css   | 9 +++++++++
 theme/templates/base.html | 3 ++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/theme/static/styles.css b/theme/static/styles.css
index 150973f..5125b43 100644
--- a/theme/static/styles.css
+++ b/theme/static/styles.css
@@ -37,6 +37,15 @@ h1,h2,h3,h4,h5,h6 {
     text-transform: uppercase;
 }
 
+.skip-link {
+    position: absolute;
+    left: -999px;
+    top: auto;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+}
+
 nav {
 	align-items: center;
 	display: flex;
diff --git a/theme/templates/base.html b/theme/templates/base.html
index cafe476..2f22493 100644
--- a/theme/templates/base.html
+++ b/theme/templates/base.html
@@ -17,6 +17,7 @@
     {% endblock %}
 </head>
 <body>
+    <a href="#main" class="skip-link">Skip to content</a>
 	<nav aria-label="site-nav" role="navigation">
 		<ul>
 			<li><a href="/">/home</a></li>
@@ -25,7 +26,7 @@
 			<li><a href="/services/">/services</a></li>
 		</ul>
 	</nav>
-    <main>{% block main %}{% endblock %}</main>
+    <main id="main">{% block main %}{% endblock %}</main>
 	<footer>
         <a href="https://stats.uptimerobot.com/OwOWs7HU0z">status</a> &middot;
         <a href="https://git.cleberg.net/cleberg.net.git" target="_blank"