From b28ad32262106118864a245a3fea1d949a227d75 Mon Sep 17 00:00:00 2001
From: Matthias Mair <matmair@live.de>
Date: Sun, 7 Nov 2021 16:09:17 +0100
Subject: [PATCH] offset links by header

---
 home/_includes/features.html | 3 ++-
 home/styles/index.css        | 7 +++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/home/_includes/features.html b/home/_includes/features.html
index 160510b9..cc2fc6c7 100644
--- a/home/_includes/features.html
+++ b/home/_includes/features.html
@@ -2,7 +2,8 @@
     <div class="container px-5 py-24 mx-auto">
       <div class="flex flex-wrap w-full mb-4">
         <div class="lg:w-1/2 w-full mb-6 lg:mb-0">
-          <h1 class="sm:text-3xl text-2xl font-medium title-font mb-2 cm-lgt-txt" id="{{ include.data.header.ref }}">{{ include.data.header.title }}</h1>
+          <a class="anchor" id="{{ include.data.header.ref }}"></a>
+          <h1 class="sm:text-3xl text-2xl font-medium title-font mb-2 cm-lgt-txt">{{ include.data.header.title }}</h1>
           <div class="h-1 w-20 bg-secondary rounded"></div>
         </div>
         <p class="lg:w-1/2 w-full leading-relaxed text-gray-500">{{ include.data.header.text }}</p>
diff --git a/home/styles/index.css b/home/styles/index.css
index d404f489..a55eead3 100644
--- a/home/styles/index.css
+++ b/home/styles/index.css
@@ -24,3 +24,10 @@
         @apply text-gray-900
     }
 }
+
+a.anchor {
+    display: block;
+    position: relative;
+    top: -72px;
+    visibility: hidden;
+}