HogelandLinux/HogelandLinuxWp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

lol vibe

Browse Source
This commit is contained in:
bdnugget
2026-09-06 00:14:07 +02:00
parent 56e7e28142
commit 4d8a7a6924
41 changed files with 2993 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
wpfiles/wp-content/themes/hogelandlinux/front-page.php
+246
View File
@@ -0,0 +1,246 @@
<?php
/**
* Front page (home): mirrors the original index.html.
*/
get_header();
?>
<main>
<section id="home" class="hero">
<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 hero-buttons--stack">
<div class="hero-buttons-row hero-buttons-row--secondary">
<a href="<?php echo esc_url( home_url( '/contact/' ) ); ?>" class="btn btn-secondary">Gratis advies</a>
<a href="<?php echo esc_url( home_url( '/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">&darr; Meer weten</a>
</div>
</div>
</div>
</section>
<?php $hl_section_class = 'section--light'; get_template_part( 'template-parts/benefits' ); ?>
<section id="windows10-eol" class="section windows-eol">
<div class="container">
<h2>Windows 10-ondersteuning eindigt</h2>
<div class="eol-content">
<div class="eol-main">
<div class="eol-clippy-image">
<img src="<?php echo esc_url( HOGELANDLINUX_URL . '/assets/images/clippy.png' ); ?>" alt="Clippy advising to use Linux">
</div>
<div class="eol-text">
<p>Microsoft stopt de ondersteuning voor Windows 10 in <strong>oktober 2025</strong>. Dit betekent:</p>
<ul>
<li>&#10060; Geen beveiligingsupdates meer</li>
<li>&#10060; Geen technische ondersteuning</li>
<li>&#10060; Uw computer wordt kwetsbaar voor cyberaanvallen</li>
<li>&#10060; Mogelijk niet meer compatibel met nieuwe software</li>
</ul>
<p class="highlight">Maar u hoeft geen nieuwe computer te kopen! Linux biedt een modern, veilig alternatief dat perfect werkt op uw huidige hardware.</p>
</div>
</div>
<div class="eol-stats">
<div class="stat">
<div class="stat-icon">&#128187;</div>
<h3>1+ miljard</h3>
<p>Windows 10 computers wereldwijd</p>
</div>
<div class="stat">
<div class="stat-icon">&#128465;&#65039;</div>
<h3>240 miljoen ton</h3>
<p>Potenti&euml;le e-waste zonder migratie</p>
</div>
<div class="stat">
<div class="stat-icon">&#128274;</div>
<h3>0 updates</h3>
<p>Na oktober 2025</p>
</div>
</div>
</div>
</div>
</section>
<section class="section section--light services">
<div class="container">
<h2><a href="<?php echo esc_url( home_url( '/diensten/' ) ); ?>">Mijn aanpak</a></h2>
<div class="steps-grid" style="margin-top:1.5rem">
<div class="card card--service"><h3>1. Kennismaking (gratis)</h3><p>Korte intake: wensen, hardware en gebruik. Samen kiezen we een route.</p></div>
<div class="card card--service"><h3>2. Proefstart</h3><p>Linux live vanaf USB zodat u ziet hoe het werkt op uw pc.</p></div>
<div class="card card--service"><h3>3. Installatie</h3><p>Veilig, met updates, codecs, printer, Nederlandse taal en basissoftware.</p></div>
<div class="card card--service"><h3>4. Migratie</h3><p>Bestanden, foto&rsquo;s, documenten en favorieten overzetten.</p></div>
<div class="card card--service"><h3>5. Uitleg &amp; nazorg</h3><p>Korte training, daarna laagdrempelig bereikbaar voor vragen.</p></div>
</div>
<p style="margin-top:1rem"><strong>Daarnaast</strong> geef ik gratis informatiebijeenkomsten en help ik soms bij Repair Caf&eacute;s met installaties, zonder kosten.</p>
</div>
</section>
<section id="distros" class="section section--light-green distros">
<div class="container">
<h2><a href="<?php echo esc_url( home_url( '/waarom-linux/' ) ); ?>">Welke Linux past bij u?</a></h2>
<p class="section-subtitle">Er zijn veel Linux-distributies, elk met hun eigen voordelen. Ik help u graag de perfecte keuze te maken.</p>
<div class="distros-grid">
<a class="card card--distro card-link" href="<?php echo esc_url( home_url( '/waarom-linux/' ) ); ?>">
<div class="distro-header">
<div class="distro-logo">
<img src="<?php echo esc_url( HOGELANDLINUX_URL . '/assets/images/mint.svg' ); ?>" alt="Linux Mint" width="48" height="48">
</div>
<div class="distro-header-content">
<h3>Linux Mint</h3>
<span class="distro-tag">Windows-achtig</span>
</div>
</div>
<p class="distro-description">Ziet er vertrouwd uit voor Windows-gebruikers. Stabiel en betrouwbaar.</p>
<div class="distro-features">
<span class="feature">&#10003; Vertrouwde interface</span>
<span class="feature">&#10003; Multimedia ondersteuning</span>
<span class="feature">&#10003; Zeer stabiel</span>
</div>
<p class="distro-ideal">Ideaal voor: <strong>Windows migratie, ouderen, conservatieve gebruikers</strong></p>
</a>
<a class="card card--distro card-link" href="<?php echo esc_url( home_url( '/waarom-linux/' ) ); ?>">
<div class="distro-header">
<div class="distro-logo">
<img src="<?php echo esc_url( HOGELANDLINUX_URL . '/assets/images/ubuntu.png' ); ?>" alt="Ubuntu" width="48" height="48">
</div>
<div class="distro-header-content">
<h3>Ubuntu</h3>
<span class="distro-tag">Populair</span>
</div>
</div>
<p class="distro-description">Perfect voor beginners die van Windows komen. Gebruiksvriendelijk met veel ondersteuning.</p>
<div class="distro-features">
<span class="feature">&#10003; Eenvoudig</span>
<span class="feature">&#10003; Grote community</span>
<span class="feature">&#10003; LTS versies</span>
</div>
<p class="distro-ideal">Ideaal voor: <strong>Beginners, kantoorwerk, algemeen gebruik</strong></p>
</a>
<a class="card card--distro card-link" href="<?php echo esc_url( home_url( '/waarom-linux/' ) ); ?>">
<div class="distro-header">
<div class="distro-logo">
<img src="<?php echo esc_url( HOGELANDLINUX_URL . '/assets/images/popos.svg' ); ?>" alt="Pop!_OS" width="48" height="48">
</div>
<div class="distro-header-content">
<h3>Pop!_OS</h3>
<span class="distro-tag">Gaming</span>
</div>
</div>
<p class="distro-description">Gemaakt door System76. Uitstekend voor gaming en creatief werk.</p>
<div class="distro-features">
<span class="feature">&#10003; Gaming-geoptimaliseerd</span>
<span class="feature">&#10003; NVIDIA-ondersteuning</span>
<span class="feature">&#10003; Modern ontwerp</span>
</div>
<p class="distro-ideal">Ideaal voor: <strong>Gamers, ontwikkelaars, jongeren</strong></p>
</a>
<a class="card card--distro card-link" href="<?php echo esc_url( home_url( '/waarom-linux/' ) ); ?>">
<div class="distro-header">
<div class="distro-logo">
<img src="<?php echo esc_url( HOGELANDLINUX_URL . '/assets/images/elementary.png' ); ?>" alt="elementary" width="48" height="48">
</div>
<div class="distro-header-content">
<h3>Elementary OS</h3>
<span class="distro-tag">Mooi</span>
</div>
</div>
<p class="distro-description">Prachtig ontwerp ge&iuml;nspireerd door macOS. Eenvoudig en elegant.</p>
<div class="distro-features">
<span class="feature">&#10003; Elegant ontwerp</span>
<span class="feature">&#10003; Privacy-gericht</span>
<span class="feature">&#10003; Mac-achtig</span>
</div>
<p class="distro-ideal">Ideaal voor: <strong>Mac gebruikers, designers, stijlbewuste mensen</strong></p>
</a>
<div class="card card--distro">
<div class="distro-header">
<div class="distro-logo">
<img src="<?php echo esc_url( HOGELANDLINUX_URL . '/assets/images/fedora.png' ); ?>" alt="Fedora" width="48" height="48">
</div>
<div class="distro-header-content">
<h3>Fedora</h3>
<span class="distro-tag">Geavanceerd</span>
</div>
</div>
<p class="distro-description">Nieuwste technologie&euml;n en functies. Voor technische gebruikers.</p>
<div class="distro-features">
<span class="feature">&#10003; Geavanceerde technologie</span>
<span class="feature">&#10003; Red Hat basis</span>
<span class="feature">&#10003; Ontwikkelaarstools</span>
</div>
<p class="distro-ideal">Ideaal voor: <strong>Ontwikkelaars, IT-professionals, tech-enthousiastelingen</strong></p>
</div>
<div class="card card--distro">
<div class="distro-header">
<div class="distro-logo">
<img src="<?php echo esc_url( HOGELANDLINUX_URL . '/assets/images/garuda.svg' ); ?>" alt="Garuda Linux" width="48" height="48">
</div>
<div class="distro-header-content">
<h3>Garuda Linux</h3>
<span class="distro-tag">Prestaties</span>
</div>
</div>
<p class="distro-description">Arch-gebaseerd met extreme prestaties. Prachtig ontwerp en gaming-geoptimaliseerd.</p>
<div class="distro-features">
<span class="feature">&#10003; Arch basis</span>
<span class="feature">&#10003; Gaming-klaar</span>
<span class="feature">&#10003; Mooie interface</span>
</div>
<p class="distro-ideal">Ideaal voor: <strong>Powergebruikers, gamers, prestatie-enthousiasten</strong></p>
</div>
</div>
<div class="distro-cta">
<h3>Weet u niet welke u moet kiezen?</h3>
<p>Geen probleem! Ik adviseer u graag over de beste distributie voor uw specifieke situatie en behoeften.</p>
<a href="<?php echo esc_url( home_url( '/contact/' ) ); ?>" class="btn btn-primary">Persoonlijk advies</a>
</div>
</div>
</section>
<section id="diensten" class="section section--light services">
<div class="container">
<h2><a href="<?php echo esc_url( home_url( '/diensten/' ) ); ?>">Mijn diensten</a></h2>
<div class="services-grid">
<a class="card card--service card-link" href="<?php echo esc_url( home_url( '/diensten/' ) ); ?>">
<h3>Gratis advies</h3>
<p>Ik bekijk uw huidige computer en adviseer over de beste Linux distributie voor uw behoeften.</p>
</a>
<a class="card card--service card-link" href="<?php echo esc_url( home_url( '/diensten/' ) ); ?>">
<h3>Installatieservice</h3>
<p>Professionele Linux-installatie op uw computer, inclusief alle benodigde software.</p>
</a>
<div class="card card--service">
<h3><a href="<?php echo esc_url( home_url( '/diensten/' ) ); ?>">Datamigratie</a></h3>
<p>Veilige overdracht van al uw bestanden, foto&rsquo;s en documenten van Windows naar Linux. Zie de <a href="<?php echo esc_url( home_url( '/diensten/#backup-disclaimer' ) ); ?>">back-updisclaimer</a>.</p>
</div>
<a class="card card--service card-link" href="<?php echo esc_url( home_url( '/diensten/' ) ); ?>">
<h3>Training en ondersteuning</h3>
<p>Persoonlijke begeleiding om u vertrouwd te maken met uw nieuwe Linux-systeem.</p>
</a>
</div>
</div>
</section>
<?php $hl_section_class = 'section--light-green'; get_template_part( 'template-parts/linux-features' ); ?>
<section class="section cta">
<div class="container">
<h2>Klaar voor de overstap?</h2>
<p>Laat uw computer niet eindigen als e-waste. Geef hem een tweede leven met Linux - ik help u graag.</p>
<a href="<?php echo esc_url( home_url( '/contact/' ) ); ?>" class="btn btn-primary btn-large">Neem contact op</a>
</div>
</section>
</main>
<?php
get_footer();