From d0f4bebe3b17b9388dd4f1a630c1a1838c6536c9 Mon Sep 17 00:00:00 2001
From: Karel-Jan Van Haute <karel-jan@statik.be>
Date: Thu, 18 Apr 2024 14:52:11 +0200
Subject: [PATCH] When tabbing, show the "go to links" Fixes #201

---
 templates/_site/_layout.twig | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/templates/_site/_layout.twig b/templates/_site/_layout.twig
index 7a3ae17b..70237862 100644
--- a/templates/_site/_layout.twig
+++ b/templates/_site/_layout.twig
@@ -59,8 +59,11 @@
 
 		<div class="flex flex-col min-h-screen page-wrap " id="mainContentBlock">
 
-			<div class="sr-only skip-to-main ie-sr-only">
-				<a href="#main">{{ 'Ga verder naar de inhoud'|t }}</a>
+			<div class="fixed top-0 -translate-y-full focus-within:transition-transform focus-within:duration-300 focus-within:ease-in-out ring-primary focus-within:translate-y-0 left-6 skip-to-main focus-within:shadow-card">
+				<a href="#main" class="block p-4 text-black bg-white">
+					{{ 'Ga verder naar de inhoud'|t }}
+					{{ icon('chevron-right', { class: 'ml-2' }) }} 
+				</a>
 			</div>
 
 			{% include '_site/_snippet/_global/_header' %}