Compare commits

...

2 Commits

Author SHA1 Message Date
d222758849 og:image, other SEO and favicons 2025-07-08 23:00:31 +02:00
9e9c0e4b35 Fix sources 2025-07-08 22:52:40 +02:00
13 changed files with 168 additions and 1 deletions

View File

@ -22,6 +22,7 @@ The application supports the following environment variables:
| `STREET` | `Voorstraat 123` | Street address |
| `POSTAL_CODE` | `9967 AA` | Postal code |
| `VILLAGE` | `Eenrum` | Village/city name |
| `DOMAIN` | `hogelandlinux.nl` | Your website domain (used for SEO and social media meta tags) |
| `TELEGRAM_BOT_TOKEN` | *(empty)* | Telegram bot token for contact form notifications |
| `TELEGRAM_CHAT_ID` | *(empty)* | Telegram chat ID where notifications will be sent |
@ -90,6 +91,7 @@ PHONE=+31 6 12345678
STREET=Voorstraat 123
POSTAL_CODE=9967 AA
VILLAGE=Eenrum
DOMAIN=hogelandlinux.nl
TELEGRAM_BOT_TOKEN=your_bot_token_here
TELEGRAM_CHAT_ID=your_chat_id_here
```

View File

@ -14,6 +14,7 @@ services:
- STREET=Voorstraat 123
- POSTAL_CODE=9967 AA
- VILLAGE=Eenrum
- DOMAIN=hogelandlinux.nl # Set your actual domain here
- TELEGRAM_BOT_TOKEN= # Set your Telegram bot token here
- TELEGRAM_CHAT_ID= # Set your Telegram chat ID here
restart: unless-stopped

View File

@ -23,6 +23,7 @@ type Config struct {
Street string
PostalCode string
Village string
Domain string
Port string
TelegramBotToken string
TelegramChatID string
@ -81,6 +82,7 @@ func NewServer() *Server {
Street: getEnv("STREET", "Voorstraat 123"),
PostalCode: getEnv("POSTAL_CODE", "9967 AA"),
Village: getEnv("VILLAGE", "Eenrum"),
Domain: getEnv("DOMAIN", "hogelandlinux.nl"), // Replace with actual domain
Port: ":" + getEnv("PORT", "8080"),
TelegramBotToken: getEnv("TELEGRAM_BOT_TOKEN", ""), // Set this in environment
TelegramChatID: getEnv("TELEGRAM_CHAT_ID", ""), // Set this in environment

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

BIN
static/apple-touch-icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

BIN
static/favicon-16x16.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 979 B

BIN
static/favicon-32x32.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
static/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

21
static/manifest.json Normal file
View File

@ -0,0 +1,21 @@
{
"name": "Hogeland Linux - Linux Migratie Service",
"short_name": "Hogeland Linux",
"description": "Linux migratie service voor Windows 10 end-of-life. Geef uw computer nieuw leven met Linux!",
"start_url": "/",
"display": "standalone",
"background_color": "#ffffff",
"theme_color": "#059669",
"icons": [
{
"src": "/static/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/static/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
]
}

View File

@ -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 {

View File

@ -4,6 +4,50 @@
<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="Neem contact op met {{.CompanyName}} voor Linux migratie service. Gratis advies, installatie, data migratie en ondersteuning in gemeente Het Hogeland.">
<meta name="keywords" content="contact, Linux service, Windows 10 migratie, Het Hogeland, Eenrum, gratis advies, installatie">
<meta name="author" content="{{.CompanyName}}">
<meta name="robots" content="index, follow">
<meta name="language" content="nl">
<!-- Open Graph Meta Tags for Social Media -->
<meta property="og:title" content="{{.Title}}">
<meta property="og:description" content="Neem contact op met {{.CompanyName}} voor Linux migratie service. Gratis advies, installatie, data migratie en ondersteuning 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}}/contact">
<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="Neem contact op met {{.CompanyName}} voor Linux migratie service. Gratis advies en ondersteuning.">
<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}}/contact">
<!-- Preload Critical Resources -->
<link rel="preload" href="/static/style.css" as="style">
<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">
</head>

View File

@ -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>