From 7c45c0af081a6ba324b9978ed28e913d8d5104a6 Mon Sep 17 00:00:00 2001 From: bdnugget Date: Tue, 2 Sep 2025 23:19:31 +0200 Subject: [PATCH] CSS cleanup and decrease padding on hero and section a bit --- main.go | 14 + static/{ => css}/style.css | 308 +++++++++++------- static/{ => icons}/favicon.ico | Bin static/{ => icons}/manifest.json | 0 static/{ => images}/DutchOpen2024.jpg | Bin .../GamingBenchmarkLinuxvsWindows.webp | Bin .../LinuxMintCinnamonSoftwareManager.webp | Bin static/{ => images}/Tux.svg | 0 static/{ => images}/TuxAinrom.png | Bin static/{ => images}/TuxAinrom.webp | Bin static/{ => images}/Zorin-17-desktop.webp | Bin .../{ => images}/android-chrome-192x192.png | Bin .../{ => images}/android-chrome-512x512.png | Bin static/{ => images}/apple-touch-icon.png | Bin static/{ => images}/clippy.png | Bin static/{ => images}/clippy_transparent.png | Bin static/{ => images}/favicon-16x16.png | Bin static/{ => images}/favicon-32x32.png | Bin templates/contact.html | 38 +-- templates/diensten.html | 116 +++++++ templates/header.html | 12 +- templates/index.html | 116 +++---- templates/linux.html | 278 ++++++++++++++++ templates/over-mij.html | 20 +- 24 files changed, 689 insertions(+), 213 deletions(-) rename static/{ => css}/style.css (90%) rename static/{ => icons}/favicon.ico (100%) rename static/{ => icons}/manifest.json (100%) rename static/{ => images}/DutchOpen2024.jpg (100%) rename static/{ => images}/GamingBenchmarkLinuxvsWindows.webp (100%) rename static/{ => images}/LinuxMintCinnamonSoftwareManager.webp (100%) rename static/{ => images}/Tux.svg (100%) rename static/{ => images}/TuxAinrom.png (100%) rename static/{ => images}/TuxAinrom.webp (100%) rename static/{ => images}/Zorin-17-desktop.webp (100%) rename static/{ => images}/android-chrome-192x192.png (100%) rename static/{ => images}/android-chrome-512x512.png (100%) rename static/{ => images}/apple-touch-icon.png (100%) rename static/{ => images}/clippy.png (100%) rename static/{ => images}/clippy_transparent.png (100%) rename static/{ => images}/favicon-16x16.png (100%) rename static/{ => images}/favicon-32x32.png (100%) create mode 100644 templates/diensten.html create mode 100644 templates/linux.html diff --git a/main.go b/main.go index 563e47d..6f6f576 100644 --- a/main.go +++ b/main.go @@ -346,6 +346,18 @@ func (s *Server) aboutHandler(w http.ResponseWriter, r *http.Request) { s.renderTemplate(w, "over-mij.html", data) } +// dienstenHandler handles the services page +func (s *Server) dienstenHandler(w http.ResponseWriter, r *http.Request) { + data := s.createPageData("Diensten en tarieven - "+s.config.CompanyName, "diensten") + s.renderTemplate(w, "diensten.html", data) +} + +// linuxHandler handles the Linux page (distributions + features) +func (s *Server) linuxHandler(w http.ResponseWriter, r *http.Request) { + data := s.createPageData("Linux distributies en functies - "+s.config.CompanyName, "linux") + s.renderTemplate(w, "linux.html", data) +} + // setupRoutes configures all HTTP routes func (s *Server) setupRoutes() { // Static files @@ -356,6 +368,8 @@ func (s *Server) setupRoutes() { http.HandleFunc("/", s.homeHandler) http.HandleFunc("/contact", s.contactHandler) http.HandleFunc("/over-mij", s.aboutHandler) + http.HandleFunc("/diensten", s.dienstenHandler) + http.HandleFunc("/linux", s.linuxHandler) http.HandleFunc("/health", s.healthHandler) } diff --git a/static/style.css b/static/css/style.css similarity index 90% rename from static/style.css rename to static/css/style.css index c458480..12ead1f 100644 --- a/static/style.css +++ b/static/css/style.css @@ -157,7 +157,7 @@ p { /* Hero Section */ .hero { - background: linear-gradient(135deg, rgba(236, 253, 245, 0.85) 0%, rgba(209, 250, 229, 0.85) 100%), url('/static/TuxAinrom.webp'); + background: linear-gradient(135deg, rgba(236, 253, 245, 0.85) 0%, rgba(209, 250, 229, 0.85) 100%), url('/static/images/TuxAinrom.webp'); background-size: cover; background-position: center; background-repeat: no-repeat; @@ -226,6 +226,98 @@ p { } } +/* Universal Card Base Class */ +.card { + background: white; + border-radius: 12px; + padding: 2rem; + transition: transform 0.3s ease, box-shadow 0.3s ease; + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); + border: 1px solid transparent; + display: flex; + flex-direction: column; +} + +.card:hover { + transform: translateY(-5px); + box-shadow: 0 10px 30px rgba(5, 150, 105, 0.15); +} + +.card h3 { + color: #047857; + margin-bottom: 1rem; +} + +/* Card Variants */ +.card--benefit { + background: #f0fdf4; + border-color: #bbf7d0; + text-align: center; +} + +.card--benefit:hover { + border-color: #34d399; +} + +.card--service { + background: #f0fdf4; + border-left: 4px solid #059669; + border-radius: 12px; +} + +.card--service:hover { + transform: translateY(-3px); +} + +.card--distro { + background: white; + border-radius: 16px; + min-height: 400px; + position: relative; + overflow: hidden; +} + +.card--distro::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + height: 4px; + background: linear-gradient(90deg, #059669, #10b981); +} + +.card--distro:hover { + transform: translateY(-8px); + border-color: #a7f3d0; +} + +.card--cta { + text-align: center; + border: 2px solid #bbf7d0; +} + +/* Card Content Components */ +.card__icon { + font-size: 3rem; + margin-bottom: 1rem; +} + +.card--benefit .card__icon { + font-size: 3rem; +} + +.card--cta .card__icon { + font-size: 3rem; +} + +/* Clickable Card Utility */ +.card-link { + text-decoration: none; + color: inherit; + display: block; +} + /* Buttons */ .btn { padding: 12px 24px; @@ -269,9 +361,61 @@ p { font-size: 1.1rem; } -/* Benefits Section */ +/* Universal Section Classes */ +.section { + padding: 3.5rem 0; +} + +.section--light { + background: #fff; +} + +.section--light-green { + background: #f9fafb; +} + +.section--hero { + padding: 4rem 0; + min-height: 80vh; +} + +/* Section Headers */ +.section__title { + text-align: center; + margin-bottom: 3rem; + color: #047857; +} + +.section__subtitle { + text-align: center; + font-size: 1.1rem; + color: #6b7280; + margin-bottom: 4rem; + max-width: 600px; + margin-left: auto; + margin-right: auto; +} + +/* Universal Grid Classes */ +.grid { + display: grid; + gap: 2rem; +} + +.grid--2-col { + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); +} + +.grid--3-col { + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); +} + +.grid--responsive-cards { + grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); +} + +/* Legacy Section Classes - Cleaned Up */ .benefits { - padding: 5rem 0; background: #fff; } @@ -287,34 +431,8 @@ p { gap: 2rem; } -.benefit-card { - background: #f0fdf4; - padding: 2rem; - border-radius: 12px; - text-align: center; - transition: transform 0.3s ease, box-shadow 0.3s ease; - border: 1px solid #bbf7d0; -} - -.benefit-card:hover { - transform: translateY(-5px); - box-shadow: 0 10px 30px rgba(5, 150, 105, 0.15); - border-color: #34d399; -} - -.benefit-icon { - font-size: 3rem; - margin-bottom: 1rem; -} - -.benefit-card h3 { - color: #047857; - margin-bottom: 1rem; -} - /* Windows EOL Section */ .windows-eol { - padding: 5rem 0; background: #fffbeb; position: relative; overflow: hidden; @@ -430,7 +548,6 @@ p { /* Distributions Section */ .distros { - padding: 5rem 0; background: #f9fafb; } @@ -458,36 +575,6 @@ p { align-items: stretch; } -.distro-card { - background: white; - border-radius: 16px; - padding: 2rem; - box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); - transition: all 0.3s ease; - border: 2px solid transparent; - position: relative; - overflow: hidden; - display: flex; - flex-direction: column; - min-height: 400px; -} - -.distro-card::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - height: 4px; - background: linear-gradient(90deg, #059669, #10b981); -} - -.distro-card:hover { - transform: translateY(-8px); - box-shadow: 0 12px 40px rgba(5, 150, 105, 0.15); - border-color: #a7f3d0; -} - .distro-header { display: flex; align-items: flex-start; @@ -589,7 +676,6 @@ p { /* Services Section */ .services { - padding: 5rem 0; background: #fff; } @@ -605,26 +691,8 @@ p { gap: 2rem; } -.service-card { - background: #f0fdf4; - padding: 2rem; - border-radius: 12px; - border-left: 4px solid #059669; - transition: transform 0.3s ease; -} - -.service-card:hover { - transform: translateY(-3px); -} - -.service-card h3 { - color: #047857; - margin-bottom: 1rem; -} - /* Linux Features Section */ .linux-features { - padding: 5rem 0; background: #f9fafb; } @@ -726,7 +794,6 @@ p { /* CTA Section */ .cta { - padding: 5rem 0; background: linear-gradient(135deg, #059669 0%, #047857 100%); color: white; text-align: center; @@ -744,12 +811,34 @@ p { } /* Contact Page Styles */ -.contact-hero { +/* Deprecated: contact-hero replaced by .page-hero */ + +/* Generic page hero reused across pages */ +.page-hero { background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%); - padding: 3rem 0; + padding: 2.25rem 0; text-align: center; } +/* Match heading color for reusable hero */ +.page-hero h1 { + color: #047857; + margin-bottom: 1rem; +} + +/* Keep heading links visually identical to headings */ +h2 a { + text-decoration: none; + color: inherit; +} + +/* Reusable link wrapper to make whole cards clickable */ +.card-link { + text-decoration: none; + color: inherit; + display: block; +} + .contact-hero h1 { color: #047857; margin-bottom: 1rem; @@ -882,7 +971,6 @@ p { } .contact-cta { - padding: 4rem 0; background: #f0fdf4; } @@ -898,24 +986,6 @@ p { gap: 2rem; } -.cta-benefit { - text-align: center; - padding: 2rem; - background: white; - border-radius: 12px; - box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -} - -.cta-benefit .benefit-icon { - font-size: 3rem; - margin-bottom: 1rem; -} - -.cta-benefit h3 { - color: #047857; - margin-bottom: 1rem; -} - /* Footer */ footer { background: #f9fafb; @@ -957,8 +1027,8 @@ footer { } /* About page */ -.about { - padding: 5rem 0; +.section { + padding: 3.5rem 0; } .about-grid { @@ -1067,9 +1137,7 @@ footer { gap: 1.5rem; } - .benefit-card { - padding: 1.5rem; - } + .eol-content { grid-template-columns: 1fr; @@ -1081,9 +1149,7 @@ footer { gap: 1.5rem; } - .distro-card { - padding: 1.5rem; - } + .contact-grid { grid-template-columns: 1fr; @@ -1112,8 +1178,11 @@ footer { } /* Section padding adjustments */ - .benefits, .windows-eol, .distros, .services, .linux-features, .cta { - padding: 3rem 0; + .page-hero { + padding: 1.75rem 0; + } + .section { + padding: 2.25rem 0; } /* Typography adjustments */ @@ -1159,12 +1228,12 @@ footer { } /* Card padding adjustments */ - .benefit-card, .service-card, .distro-card, .cta-benefit { + .card { padding: 1.25rem; } /* Icon size adjustments */ - .benefit-icon, .cta-benefit .benefit-icon { + .card__icon { font-size: 2.5rem; } @@ -1196,8 +1265,11 @@ footer { } /* Section padding for very small screens */ - .benefits, .windows-eol, .distros, .services, .linux-features, .cta { - padding: 2rem 0; + .page-hero { + padding: 1.5rem 0; + } + .section { + padding: 1.75rem 0; } /* Typography for very small screens */ @@ -1277,7 +1349,7 @@ footer { font-size: 1rem; } - .benefit-card, .service-card, .distro-card, .cta-benefit { + .card { padding: 1rem; } @@ -1299,9 +1371,7 @@ footer { } } -.benefit-card, -.service-card, -.cta-benefit { +.card { animation: fadeInUp 0.6s ease-out; } diff --git a/static/favicon.ico b/static/icons/favicon.ico similarity index 100% rename from static/favicon.ico rename to static/icons/favicon.ico diff --git a/static/manifest.json b/static/icons/manifest.json similarity index 100% rename from static/manifest.json rename to static/icons/manifest.json diff --git a/static/DutchOpen2024.jpg b/static/images/DutchOpen2024.jpg similarity index 100% rename from static/DutchOpen2024.jpg rename to static/images/DutchOpen2024.jpg diff --git a/static/GamingBenchmarkLinuxvsWindows.webp b/static/images/GamingBenchmarkLinuxvsWindows.webp similarity index 100% rename from static/GamingBenchmarkLinuxvsWindows.webp rename to static/images/GamingBenchmarkLinuxvsWindows.webp diff --git a/static/LinuxMintCinnamonSoftwareManager.webp b/static/images/LinuxMintCinnamonSoftwareManager.webp similarity index 100% rename from static/LinuxMintCinnamonSoftwareManager.webp rename to static/images/LinuxMintCinnamonSoftwareManager.webp diff --git a/static/Tux.svg b/static/images/Tux.svg similarity index 100% rename from static/Tux.svg rename to static/images/Tux.svg diff --git a/static/TuxAinrom.png b/static/images/TuxAinrom.png similarity index 100% rename from static/TuxAinrom.png rename to static/images/TuxAinrom.png diff --git a/static/TuxAinrom.webp b/static/images/TuxAinrom.webp similarity index 100% rename from static/TuxAinrom.webp rename to static/images/TuxAinrom.webp diff --git a/static/Zorin-17-desktop.webp b/static/images/Zorin-17-desktop.webp similarity index 100% rename from static/Zorin-17-desktop.webp rename to static/images/Zorin-17-desktop.webp diff --git a/static/android-chrome-192x192.png b/static/images/android-chrome-192x192.png similarity index 100% rename from static/android-chrome-192x192.png rename to static/images/android-chrome-192x192.png diff --git a/static/android-chrome-512x512.png b/static/images/android-chrome-512x512.png similarity index 100% rename from static/android-chrome-512x512.png rename to static/images/android-chrome-512x512.png diff --git a/static/apple-touch-icon.png b/static/images/apple-touch-icon.png similarity index 100% rename from static/apple-touch-icon.png rename to static/images/apple-touch-icon.png diff --git a/static/clippy.png b/static/images/clippy.png similarity index 100% rename from static/clippy.png rename to static/images/clippy.png diff --git a/static/clippy_transparent.png b/static/images/clippy_transparent.png similarity index 100% rename from static/clippy_transparent.png rename to static/images/clippy_transparent.png diff --git a/static/favicon-16x16.png b/static/images/favicon-16x16.png similarity index 100% rename from static/favicon-16x16.png rename to static/images/favicon-16x16.png diff --git a/static/favicon-32x32.png b/static/images/favicon-32x32.png similarity index 100% rename from static/favicon-32x32.png rename to static/images/favicon-32x32.png diff --git a/templates/contact.html b/templates/contact.html index 590862b..03dffd5 100644 --- a/templates/contact.html +++ b/templates/contact.html @@ -30,11 +30,11 @@ - - - - - + + + + + @@ -44,25 +44,25 @@ - + - + {{template "header" .}}
-
+

Neem contact op

Heeft u vragen over Linux migratie? Wij helpen u graag verder!

-
+
@@ -164,27 +164,27 @@
-
+

Waarom kiezen voor {{.CompanyName}}?

-
-
-
🎯
+
+
+
🎯

Persoonlijke aanpak

Elke klant is uniek, en wij bieden maatwerkoplossingen.

-
-
🛠️
+
+
🛠️

Professionele service

Ruim 20 jaar ervaring met Linux systemen en migraties.

-
-
🤝
+
+
🤝

Volledige ondersteuning

Van installatie tot training, wij begeleiden u door het hele proces.

-
-
💚
+
+
💚

Duurzame keuze

Samen bouwen we aan een duurzamere digitale toekomst.

diff --git a/templates/diensten.html b/templates/diensten.html new file mode 100644 index 0000000..c2dbf31 --- /dev/null +++ b/templates/diensten.html @@ -0,0 +1,116 @@ + + + + + + {{.Title}} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + {{template "header" .}} + +
+
+
+

Diensten en tarieven

+

Heldere prijzen en duidelijke afspraken. Tarief: €20 per half uur.

+
+
+ +
+
+

Wat ik voor u kan doen

+
+
+

Gratis advies

+

Ik bekijk uw huidige computer en adviseer over de beste Linux-distributie en aanpak.

+
+
+

Installatieservice

+

Professionele Linux-installatie met basissoftware, updates en drivers waar nodig.

+
+
+

Datamigratie

+

Overzetten van bestanden, documenten en foto’s van uw oude systeem naar Linux.

+
+
+

Training en ondersteuning

+

Uitleg en begeleiding zodat u direct prettig aan de slag kunt met Linux.

+
+
+
+
+ +
+
+

Tarieven

+
+
+
💶
+

€20 per half uur

+

Transparant, zonder verborgen kosten. Reistijd in overleg, binnen Het Hogeland vaak kosteloos.

+
+
+
🧾
+

Voorbeelden

+

Installatie + basisinrichting: 1–2 uur. Migratie van gegevens: afhankelijk van volume en snelheid van opslag.

+
+
+
🔁
+

Extra service

+

Optioneel kan ik data kopiëren naar uw USB-stick(s) of externe schijf. Zie de disclaimer hieronder.

+
+
+
+
+ +
+
+

Belangrijke disclaimer over back-ups

+

Ik lever in de kern een Linux-installatie- en migratieservice en ben geen back-updienst. Back-ups maken en bewaren is in principe de verantwoordelijkheid van de klant. Als extra service kan ik — op uw verzoek — data kopiëren naar door u aangeleverde USB-sticks of een externe schijf.

+

Hoewel ik zorgvuldig werk, kan er bij datakopie of -migratie altijd een risico op dataverlies bestaan (bijvoorbeeld door defecte schijven, corrupte data of hardwarefouten). U blijft verantwoordelijk voor uw eigen data. Ik ben niet aansprakelijk voor verlies of beschadiging van gegevens. Ik adviseer altijd om vooraf een eigen back-up te maken.

+
+ Vrijblijvend contact opnemen +
+
+
+
+ + {{template "footer" .}} + + + + diff --git a/templates/header.html b/templates/header.html index edde632..8f23520 100644 --- a/templates/header.html +++ b/templates/header.html @@ -4,15 +4,14 @@
Home - ↓ Voordelen - ↓ Linux-keuze - ↓ Diensten + Waarom Linux + Diensten Over mij Contact
@@ -21,9 +20,8 @@ diff --git a/templates/index.html b/templates/index.html index ce504d5..fa8538a 100644 --- a/templates/index.html +++ b/templates/index.html @@ -33,11 +33,11 @@ - - - - - + + + + + @@ -47,12 +47,12 @@ - - + + - + @@ -110,51 +110,51 @@
-
+
-

Waarom Linux kiezen?

+

Waarom Linux kiezen?

-
-
🛡️
+ +
🛡️

Veilig en betrouwbaar

Linux is van nature veiliger dan Windows. Minder virussen, geen gedwongen updates en volledige controle over uw systeem.

-
-
-
💰
+ + +
💰

Volledig gratis

Geen licentiekosten, geen abonnementen. Linux en alle software zijn gratis en open source.

-
-
-
🔄
+ + +
🔄

Oude hardware hergebruiken

Uw computer van 10 jaar oud? Linux maakt hem weer snel! Geen nieuwe hardware nodig.

-
-
-
🌱
+ + +
🌱

Milieuvriendelijk

Stop e-waste! Door Linux te gebruiken houdt u uw apparaten langer werkend en uit de afvalberg.

-
-
-
🔒
+ + +
🔒

Privacybescherming

Geen tracking en geen verborgen gegevensverzameling. Uw privacy blijft van uzelf.

-
-
-
⚡
+ + +
⚡

Snel en efficiënt

Linux gebruikt minder systeembronnen, waardoor uw computer sneller opstart en soepeler werkt.

-
+
-
+

Windows 10-ondersteuning eindigt

- Clippy advising to use Linux + Clippy advising to use Linux

Microsoft stopt de ondersteuning voor Windows 10 in oktober 2025. Dit betekent:

@@ -188,12 +188,12 @@
-
+
-

Welke Linux past bij u?

+

Welke Linux past bij u?

Er zijn veel Linux-distributies, elk met hun eigen voordelen. Ik help u graag de perfecte keuze te maken.

-
+

Ideaal voor: Beginners, kantoorwerk, algemeen gebruik

-
+ -
+

Ideaal voor: Windows migratie, ouderen, conservatieve gebruikers

-
+ -
+

Ideaal voor: Gamers, ontwikkelaars, jongeren

-
+ -
+

Ideaal voor: Mac gebruikers, designers, stijlbewuste mensen

-
+ -
+
-
+
-
+
-

Mijn diensten

+

Mijn diensten

-
+

Gratis advies

Ik bekijk uw huidige computer en adviseer over de beste Linux distributie voor uw behoeften.

-
-
+ +

Installatieservice

Professionele Linux-installatie op uw computer, inclusief alle benodigde software.

-
-
+ +

Datamigratie

Veilige overdracht van al uw bestanden, foto's en documenten van Windows naar Linux.

-
-
+ +

Training en ondersteuning

Persoonlijke begeleiding om u vertrouwd te maken met uw nieuwe Linux-systeem.

-
+
-
+
-

Linux in actie

+

Linux in actie

Zie hoe Linux eruitziet en werkt in de praktijk

- Zorin OS 17 Desktop Interface + Zorin OS 17 Desktop Interface
Bron: DebugPoint.com
@@ -363,7 +363,7 @@
- Linux Mint Software Manager + Linux Mint Software Manager
Bron: LinuxMint.com
@@ -374,7 +374,7 @@
- Gaming Performance Linux vs Windows + Gaming Performance Linux vs Windows
Bron: Linux vs Windows Gaming Performance
@@ -386,7 +386,7 @@
-
+

Klaar voor de overstap?

Laat uw computer niet eindigen als e-waste. Geef hem een tweede leven met Linux - ik help u graag.

diff --git a/templates/linux.html b/templates/linux.html new file mode 100644 index 0000000..79d472e --- /dev/null +++ b/templates/linux.html @@ -0,0 +1,278 @@ + + + + + + {{.Title}} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + {{template "header" .}} + +
+
+
+

Waarom Linux?

+

Nieuw bij Linux? Geen zorgen. Linux is een veilig en snel besturingssysteem dat uw huidige computer nieuw leven kan geven – zonder licentiekosten. Hieronder leest u kort de voordelen en ziet u voorbeelden en populaire keuzes.

+
+
+ +
+
+

Voordelen van Linux

+
+
+
🛡️
+

Veilig en betrouwbaar

+

Linux is van nature veiliger dan Windows. Minder virussen, geen gedwongen updates en volledige controle over uw systeem.

+
+
+
💰
+

Volledig gratis

+

Geen licentiekosten, geen abonnementen. Linux en alle software zijn gratis en open source.

+
+
+
🔄
+

Oude hardware hergebruiken

+

Uw computer van 10 jaar oud? Linux maakt hem weer snel! Geen nieuwe hardware nodig.

+
+
+
🌱
+

Milieuvriendelijk

+

Stop e-waste! Door Linux te gebruiken houdt u uw apparaten langer werkend en uit de afvalberg.

+
+
+
🔒
+

Privacybescherming

+

Geen tracking en geen verborgen gegevensverzameling. Uw privacy blijft van uzelf.

+
+
+
⚡
+

Snel en efficiënt

+

Linux gebruikt minder systeembronnen, waardoor uw computer sneller opstart en soepeler werkt.

+
+
+
+
+ +
+
+

Welke Linux past bij u?

+

Er zijn veel Linux-distributies, elk met hun eigen voordelen. Ik help u graag de perfecte keuze te maken.

+
+ {{/* Content mirrors the index distros cards */}} +
+
+ +
+

Ubuntu

+ Populair +
+
+

Perfect voor beginners die van Windows komen. Gebruiksvriendelijk met veel ondersteuning.

+
+ ✓ Eenvoudig + ✓ Grote community + ✓ LTS versies +
+

Ideaal voor: Beginners, kantoorwerk, algemeen gebruik

+
+ + {{/* Mint */}} +
+
+ +
+

Linux Mint

+ Windows-achtig +
+
+

Ziet er vertrouwd uit voor Windows-gebruikers. Stabiel en betrouwbaar.

+
+ ✓ Vertrouwde interface + ✓ Multimedia ondersteuning + ✓ Zeer stabiel +
+

Ideaal voor: Windows migratie, ouderen, conservatieve gebruikers

+
+ + {{/* Pop!_OS */}} +
+
+ +
+

Pop!_OS

+ Gaming +
+
+

Gemaakt door System76. Uitstekend voor gaming en creatief werk.

+
+ ✓ Gaming-geoptimaliseerd + ✓ NVIDIA-ondersteuning + ✓ Modern ontwerp +
+

Ideaal voor: Gamers, ontwikkelaars, jongeren

+
+ + {{/* Elementary, Fedora, Garuda mirror index */}} +
+
+ +
+

Elementary OS

+ Mooi +
+
+

Prachtig ontwerp geïnspireerd door macOS. Eenvoudig en elegant.

+
+ ✓ Elegant ontwerp + ✓ Privacy-gericht + ✓ Mac-achtig +
+

Ideaal voor: Mac gebruikers, designers, stijlbewuste mensen

+
+ +
+
+ +
+

Fedora

+ Geavanceerd +
+
+

Nieuwste technologieën en functies. Voor technische gebruikers.

+
+ ✓ Geavanceerde technologie + ✓ Red Hat basis + ✓ Ontwikkelaarstools +
+

Ideaal voor: Ontwikkelaars, IT-professionals, tech-enthousiastelingen

+
+ +
+
+ +
+

Garuda Linux

+ Prestaties +
+
+

Arch-gebaseerd met sterke prestaties. Prachtig ontwerp en gaming-geoptimaliseerd.

+
+ ✓ Arch basis + ✓ Gaming-klaar + ✓ Mooie interface +
+

Ideaal voor: Powergebruikers, gamers, prestatie-enthousiasten

+
+
+
+

Weet u niet welke u moet kiezen?

+

Geen probleem! Ik adviseer u graag over de beste distributie voor uw situatie.

+ Persoonlijk advies +
+
+
+ +
+
+

Linux in actie

+

Zie hoe Linux eruitziet en werkt in de praktijk

+
+
+
+ Zorin OS 17 Desktop Interface +
+ Bron: DebugPoint.com +
+
+

Moderne desktopinterface

+

Linux ziet er vertrouwd en professioneel uit. Deze Zorin OS desktop lijkt op Windows maar is veel sneller en veiliger.

+
+
+
+ Linux Mint Software Manager +
+ Bron: LinuxMint.com +
+
+

Eenvoudig software installeren

+

Duizenden gratis programma's met één klik installeren via de Software Manager. Net zo makkelijk als een app store.

+
+
+
+ Gaming Performance Linux vs Windows +
+ Bron: Linux vs Windows Gaming Performance +
+
+

Gamingprestaties

+

Linux kan vaak betere gamingprestaties leveren dan Windows, dankzij minder overhead en optimalisaties voor moderne games.

+
+
+
+
+ +
+
+

Klaar voor de overstap?

+

Laat uw computer niet eindigen als e-waste. Geef hem een tweede leven met Linux - ik help u graag.

+ Neem contact op +
+
+
+ + {{template "footer" .}} + + + + diff --git a/templates/over-mij.html b/templates/over-mij.html index ad81157..be1a2a5 100644 --- a/templates/over-mij.html +++ b/templates/over-mij.html @@ -30,11 +30,11 @@ - - - - - + + + + + @@ -44,20 +44,20 @@ - + {{template "header" .}}
-
+

Over mij

Maak kennis met de Linux-evangelist van Het Hogeland.

-
+
@@ -66,7 +66,7 @@
- Foto van mijzelf met mijn zoontje bij grasbaanraces + Foto van mijzelf met mijn zoontje bij grasbaanraces
Ik met mijn zoontje bij de grasbaanraces (Dutch Open 2024)
@@ -85,7 +85,7 @@
- Foto van mijzelf met mijn zoontje bij grasbaanraces + Foto van mijzelf met mijn zoontje bij grasbaanraces
Ik met mijn zoontje bij de grasbaanraces (Dutch Open 2024)