From 9e9c0e4b35347c7ea521d3775f8bbd5ef721b355 Mon Sep 17 00:00:00 2001
From: bdnugget <bdbosman@gmail.com>
Date: Tue, 8 Jul 2025 22:52:40 +0200
Subject: [PATCH] Fix sources

---
 static/style.css     | 10 ++++-
 templates/index.html | 89 ++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 98 insertions(+), 1 deletion(-)

diff --git a/static/style.css b/static/style.css
index 5cb8366..19bbd1d 100644
--- a/static/style.css
+++ b/static/style.css
@@ -597,9 +597,17 @@ p {
     bottom: 0;
     left: 0;
     right: 0;
-    background: rgba(0, 0, 0, 0.8);
+    background: rgba(0, 0, 0, 0.9);
     padding: 0.4rem 1rem;
     border-radius: 0 0 12px 12px;
+    opacity: 0;
+    transform: translateY(100%);
+    transition: all 0.3s ease;
+}
+
+.feature-image:hover .image-caption {
+    opacity: 1;
+    transform: translateY(0);
 }
 
 .image-caption small {
diff --git a/templates/index.html b/templates/index.html
index fd3618a..f7622d7 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -4,8 +4,91 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{.Title}}</title>
+    
+    <!-- Basic SEO Meta Tags -->
+    <meta name="description" content="Linux migratie service voor Windows 10 end-of-life. Geef uw computer nieuw leven met Linux! Professionele installatie, data migratie en ondersteuning in gemeente Het Hogeland.">
+    <meta name="keywords" content="Linux, Windows 10, end of life, migratie, Ubuntu, Linux Mint, computer, installatie, Het Hogeland, Eenrum, duurzaam computergebruik">
+    <meta name="author" content="{{.CompanyName}}">
+    <meta name="robots" content="index, follow">
+    <meta name="language" content="nl">
+    <meta name="revisit-after" content="7 days">
+    <meta name="distribution" content="global">
+    <meta name="rating" content="general">
+    
+    <!-- Open Graph Meta Tags for Social Media -->
+    <meta property="og:title" content="{{.Title}}">
+    <meta property="og:description" content="Windows 10 ondersteuning eindigt binnenkort? Geef uw computer nieuw leven met Linux! Professionele Linux migratie service in gemeente Het Hogeland.">
+    <meta property="og:image" content="https://{{.Domain}}/static/TuxAinrom.webp">
+    <meta property="og:image:alt" content="Tux Linux mascotte banner voor Hogeland Linux service">
+    <meta property="og:url" content="https://{{.Domain}}/">
+    <meta property="og:type" content="website">
+    <meta property="og:site_name" content="{{.CompanyName}}">
+    <meta property="og:locale" content="nl_NL">
+    
+    <!-- Twitter Card Meta Tags -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="{{.Title}}">
+    <meta name="twitter:description" content="Windows 10 ondersteuning eindigt binnenkort? Geef uw computer nieuw leven met Linux! Professionele Linux migratie service.">
+    <meta name="twitter:image" content="https://{{.Domain}}/static/TuxAinrom.webp">
+    <meta name="twitter:image:alt" content="Tux Linux mascotte banner voor Hogeland Linux service">
+    
+    <!-- Favicon Links -->
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
+    <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
+    <link rel="manifest" href="/static/manifest.json">
+    
+    <!-- Theme Color for Mobile Browsers -->
+    <meta name="theme-color" content="#059669">
+    <meta name="msapplication-TileColor" content="#059669">
+    
+    <!-- Canonical URL -->
+    <link rel="canonical" href="https://{{.Domain}}/">
+    
+    <!-- Preload Critical Resources -->
+    <link rel="preload" href="/static/style.css" as="style">
+    <link rel="preload" href="/static/TuxAinrom.webp" as="image">
+    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" as="style">
+    
+    <!-- CSS and Fonts -->
     <link rel="stylesheet" href="/static/style.css">
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    
+    <!-- Structured Data for Search Engines -->
+    <script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "LocalBusiness",
+        "name": "{{.CompanyName}}",
+        "description": "Linux migratie service voor Windows 10 end-of-life. Professionele installatie, data migratie en ondersteuning.",
+        "url": "https://{{.Domain}}",
+        "telephone": "{{.Phone}}",
+        "email": "{{.Email}}",
+        "address": {
+            "@type": "PostalAddress",
+            "streetAddress": "{{.Street}}",
+            "postalCode": "{{.PostalCode}}",
+            "addressLocality": "{{.Village}}",
+            "addressCountry": "NL"
+        },
+        "geo": {
+            "@type": "GeoCoordinates",
+            "latitude": "53.4107",
+            "longitude": "6.4684"
+        },
+        "areaServed": {
+            "@type": "Place",
+            "name": "gemeente Het Hogeland"
+        },
+        "serviceType": "Linux migratie service",
+        "priceRange": "€€",
+        "image": "https://{{.Domain}}/static/TuxAinrom.webp",
+        "sameAs": [
+            "https://endof10.org"
+        ]
+    }
+    </script>
 </head>
 <body>
     {{template "header" .}}
@@ -260,6 +343,9 @@
                     <div class="feature-showcase">
                         <div class="feature-image">
                             <img src="/static/Zorin-17-desktop.webp" alt="Zorin OS 17 Desktop Interface" loading="lazy">
+                            <div class="image-caption">
+                                <small>Bron: <a href="https://www.debugpoint.com/wp-content/uploads/2023/12/Zorin-17-desktop.jpg" target="_blank" rel="noopener">DebugPoint.com</a></small>
+                            </div>
                         </div>
                         <h3>Moderne Desktop Interface</h3>
                         <p>Linux ziet er vertrouwd en professioneel uit. Deze Zorin OS desktop lijkt op Windows maar is veel sneller en veiliger.</p>
@@ -268,6 +354,9 @@
                     <div class="feature-showcase">
                         <div class="feature-image">
                             <img src="/static/LinuxMintCinnamonSoftwareManager.webp" alt="Linux Mint Software Manager" loading="lazy">
+                            <div class="image-caption">
+                                <small>Bron: <a href="https://linuxmint.com" target="_blank" rel="noopener">LinuxMint.com</a></small>
+                            </div>
                         </div>
                         <h3>Eenvoudig Software Installeren</h3>
                         <p>Duizenden gratis programma's met één klik installeren via de Software Manager. Net zo makkelijk als een app store.</p>