From de667cd00ee30712480bdbc2cd98b83fbb2b966c Mon Sep 17 00:00:00 2001
From: Vosjedev <vosje@vosjedev.net>
Date: Sun, 9 Nov 2025 10:59:11 +0100
Subject: html/css: add skip navigation links to project pages

another commit in the 'larger amount' of accessibility feedback commits
---
 html/style.css | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

(limited to 'html/style.css')

diff --git a/html/style.css b/html/style.css
index 2689098..08c038e 100644
--- a/html/style.css
+++ b/html/style.css
@@ -305,3 +305,32 @@ h1, h2 {
 }
 
 
+
+/* credits to webaim.org's css for the base */
+#skiptocontent a {
+	padding:6px;
+	position: absolute;
+	top:-40px;
+	color: var(--background-inverted);
+	border-right:1px solid white;
+	border-bottom:1px solid white;
+	background: var(--colour-inverted);
+	-webkit-transition: top .5s ease-out;
+    transition: top .5s ease-out;
+    z-index: 100;
+}
+
+#skiptocontent a:focus {
+	position:absolute;
+	top:0px;
+	outline-color:transparent;	
+	-webkit-transition: top .05s ease-in;
+    transition: top .05s ease-in;
+}
+
+@media (prefers-reduced-motion: reduce) {
+	#skiptocontent a {
+		transition-duration: 0.001ms !important;
+	}
+}
+
-- 
cgit