bdnugget/linuxservice
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

About me corrections and CTA button

Browse Source
This commit is contained in:
bdnugget
2025-09-01 13:56:11 +02:00
parent 0e6ddfede4
commit 8564125edf
4 changed files with 77 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
linuxservice
View File

Binary file not shown.

29
static/style.css
View File

@ -197,6 +197,35 @@ p {
gap: 1rem;
}
/* Two-row hero button layout */
.hero-buttons--stack {
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
}
.hero-buttons-row {
display: flex;
gap: 1rem;
}
.hero-buttons-row--secondary {
justify-content: center;
}
.hero-buttons-row--primary {
justify-content: center;
}
@media (max-width: 480px) {
.hero-buttons-row {
flex-direction: column;
width: 100%;
max-width: 320px;
}
}
/* Buttons */
.btn {
padding: 12px 24px;

11
templates/index.html
View File

@ -98,9 +98,14 @@
<div class="hero-content">
<h2>Geef uw computer een tweede leven</h2>
<p class="hero-subtitle">Windows 10-ondersteuning eindigt binnenkort? Ik help u graag overstappen. Ontdek hoe Linux uw hardware nieuw leven kan geven.</p>
<div class="hero-buttons">
<a href="#voordelen" class="btn btn-primary">↓ Meer weten</a>
<a href="/contact" class="btn btn-secondary">Gratis advies</a>
<div class="hero-buttons hero-buttons--stack">
<div class="hero-buttons-row hero-buttons-row--secondary">
<a href="/contact" class="btn btn-secondary">Gratis advies</a>
<a href="/over-mij" class="btn btn-secondary">Wie ben ik?</a>
</div>
<div class="hero-buttons-row hero-buttons-row--primary">
<a href="#voordelen" class="btn btn-primary">↓ Meer weten</a>
</div>
</div>
</div>
</section>

41
templates/over-mij.html
View File

@ -4,7 +4,46 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{.Title}}</title>
<meta name="description" content="Over mij - mijn band met Het Hogeland en waarom ik Linux promoot.">
<!-- Basic SEO Meta Tags -->
<meta name="description" content="Over {{.AboutName}} - mijn band met Het Hogeland en waarom ik Linux promoot.">
<meta name="keywords" content="over mij, wie ben ik, Linux, Het Hogeland, Eenrum, Baflo, migratie, privacy, open source">
<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="Maak kennis met {{.AboutName}} - Linux-evangelist van Het Hogeland.">
<meta property="og:image" content="https://{{.Domain}}/static/TuxAinrom.webp">
<meta property="og:image:alt" content="{{.AboutName}} - Linux op Het Hogeland">
<meta property="og:url" content="https://{{.Domain}}/over-mij">
<meta property="og:type" content="profile">
<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="Maak kennis met {{.AboutName}} - Linux-evangelist van Het Hogeland.">
<meta name="twitter:image" content="https://{{.Domain}}/static/TuxAinrom.webp">
<meta name="twitter:image:alt" content="{{.AboutName}} - Linux op Het Hogeland">
<!-- 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}}/over-mij">
<!-- CSS and Fonts -->
<link rel="stylesheet" href="/static/style.css">
</head>
<body>