cleanup

static/style.css

@@ -287,12 +287,36 @@ p {
 .windows-eol {
     padding: 5rem 0;
     background: #fffbeb;
+    position: relative;
+    overflow: hidden;
+}
+
+.windows-eol::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-image: 
+        radial-gradient(circle at 20% 30%, rgba(217, 119, 6, 0.05) 15%, transparent 15%),
+        radial-gradient(circle at 80% 70%, rgba(217, 119, 6, 0.05) 15%, transparent 15%),
+        radial-gradient(circle at 60% 20%, rgba(217, 119, 6, 0.03) 20%, transparent 20%),
+        radial-gradient(circle at 40% 80%, rgba(217, 119, 6, 0.03) 20%, transparent 20%);
+    pointer-events: none;
+    z-index: 1;
+}
+
+.windows-eol .container {
+    position: relative;
+    z-index: 2;
 }
 
 .windows-eol h2 {
     text-align: center;
     margin-bottom: 3rem;
     color: #d97706;
+    position: relative;
 }
 
 .eol-content {
@@ -1157,11 +1181,6 @@ footer {
     }
 }
 
-/* High DPI screens */
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
-    /* No terminal-specific styles needed */
-}
-
 /* Animations */
 @keyframes fadeInUp {
     from {

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="/#voordelen">↓ Voordelen</a>
-                    <a href="#distros">↓ Linux Keuze</a>
+                    <a href="/#distros">↓ Linux Keuze</a>
-                    <a href="#diensten">↓ Diensten</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="/#voordelen">↓ Voordelen</a>
-                    <a href="#distros">↓ Linux Keuze</a>
+                    <a href="/#distros">↓ Linux Keuze</a>
-                    <a href="#diensten">↓ Diensten</a>
+                    <a href="/#diensten">↓ Diensten</a>
                     <a href="/contact"{{if eq .CurrentPage "contact"}} class="active"{{end}}>Contact</a>
                 </div>
             </div>