remove stupid green dot

static/style.css

@@ -108,17 +108,7 @@ p {
     background: #ecfdf5;
 }
 
-.nav-links a.active::after {
-    content: '';
-    position: absolute;
-    bottom: -1.5rem;
-    left: 50%;
-    transform: translateX(-50%);
-    width: 4px;
-    height: 4px;
-    background: #059669;
-    border-radius: 50%;
-}
+
 
 /* Mobile Navigation */
 .mobile-menu-toggle {

templates/header.html

@@ -10,9 +10,9 @@
                 </div>
                 <div class="nav-links">
                     <a href="/"{{if eq .CurrentPage "home"}} class="active"{{end}}>Home</a>
-                    <a href="#voordelen">Voordelen</a>
-                    <a href="#distros">Linux Keuze</a>
-                    <a href="#diensten">Diensten</a>
+                    <a href="#voordelen">Voordelen ↓</a>
+                    <a href="#distros">Linux Keuze ↓</a>
+                    <a href="#diensten">Diensten ↓</a>
                     <a href="/contact"{{if eq .CurrentPage "contact"}} class="active"{{end}}>Contact</a>
                 </div>
                 <button class="mobile-menu-toggle" onclick="toggleMobileMenu()">
@@ -20,9 +20,9 @@
                 </button>
                 <div class="mobile-menu" id="mobile-menu">
                     <a href="/"{{if eq .CurrentPage "home"}} class="active"{{end}}>Home</a>
-                    <a href="#voordelen">Voordelen</a>
-                    <a href="#distros">Linux Keuze</a>
-                    <a href="#diensten">Diensten</a>
+                    <a href="#voordelen">Voordelen ↓</a>
+                    <a href="#distros">Linux Keuze ↓</a>
+                    <a href="#diensten">Diensten ↓</a>
                     <a href="/contact"{{if eq .CurrentPage "contact"}} class="active"{{end}}>Contact</a>
                 </div>
             </div>