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

Progress so far. Waarom Linux still looks very ugly so WIP

Browse Source
This commit is contained in:
bdnugget
2025-09-03 13:06:02 +02:00
parent e9816d431d
commit 58e46b79c5
12 changed files with 209 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
templates/contact.html
View File

@ -60,7 +60,7 @@
<section class="page-hero">
<div class="container">
<h1>Neem contact op</h1>
<p>Heeft u vragen over Linux‑migratie? Ik help u graag verder!</p>
<p>Heeft u vragen over Linux-migratie? Ik help u graag verder!</p>
</div>
</section>
@ -101,7 +101,7 @@
<div class="contact-hours">
<h3>Openingstijden</h3>
<p>Maandag – vrijdag: 09:00 – 17:00 (op afspraak)</p>
<p>Maandag - vrijdag: 09:00 - 17:00 (op afspraak)</p>
<p>Weekend: op afspraak</p>
</div>
</div>

41
templates/diensten.html
View File

@ -64,7 +64,7 @@
</div>
<div class="card card--service">
<h3>Datamigratie</h3>
<p>Overzetten van bestanden, documenten en foto’s van uw oude systeem naar Linux.</p>
<p>Overzetten van bestanden, documenten en foto’s van uw oude systeem naar Linux. Zie ook de <a href="#backup-disclaimer">back-updisclaimer</a> hieronder.</p>
</div>
<div class="card card--service">
<h3>Training en ondersteuning</h3>
@ -74,24 +74,40 @@
</div>
</section>
<section class="section section--light-green contact-cta">
<section class="section section--light-green services">
<div class="container">
<h2>Mijn aanpak</h2>
<div class="steps-grid">
<div class="card card--service"><h3>1. Kennismaking (gratis)</h3><p>We bespreken wensen, hardware en gebruik.</p></div>
<div class="card card--service"><h3>2. Proefstart</h3><p>Linux live vanaf USB om te testen op uw pc.</p></div>
<div class="card card--service"><h3>3. Installatie</h3><p>Compleet ingericht met updates, drivers en basissoftware.</p></div>
<div class="card card--service"><h3>4. Migratie</h3><p>Bestanden, foto’s en documenten veilig overzetten.</p></div>
<div class="card card--service"><h3>5. Uitleg & nazorg</h3><p>Korte training en laagdrempelige ondersteuning.</p></div>
</div>
<div style="margin-top:1.5rem">
<p><strong>Daarnaast</strong> geef ik gratis informatiebijeenkomsten en help ik soms bij Repair Cafés met installaties, zonder kosten.</p>
</div>
</div>
</section>
<section class="section section--brand contact-cta">
<div class="container">
<h2>Tarieven</h2>
<div class="cta-benefits">
<div class="cta-benefit">
<div class="benefit-icon">💶</div>
<div class="benefit-icon" aria-hidden="true"><span class="benefit-icon__glyph">€</span></div>
<h3>€20 per half uur</h3>
<p>Transparant, zonder verborgen kosten. Reistijd in overleg, binnen Het Hogeland vaak kosteloos.</p>
</div>
<div class="cta-benefit">
<div class="benefit-icon">🧾</div>
<div class="benefit-icon" aria-hidden="true"><span class="benefit-icon__glyph">i</span></div>
<h3>Voorbeelden</h3>
<p>Installatie + basisinrichting: 1 à 2 uur. Migratie van gegevens: afhankelijk van volume en snelheid van opslag.</p>
<p>Installatie + basisinrichting + uitleg: 1 à 2 uur. Migratie van gegevens: afhankelijk van volume en snelheid van opslag.</p>
</div>
<div class="cta-benefit">
<div class="benefit-icon">🔁</div>
<div class="benefit-icon" aria-hidden="true"><span class="benefit-icon__glyph">+</span></div>
<h3>Extra service</h3>
<p>Optioneel kan ik data kopiëren naar uw USB-stick(s) of externe schijf. Zie de disclaimer hieronder.</p>
<p>Optioneel kan ik data kopiëren naar uw USB-stick(s) of externe schijf. Zie de <a href="#backup-disclaimer">back-updisclaimer</a>.</p>
</div>
</div>
</div>
@ -99,9 +115,14 @@
<section class="contact-content">
<div class="container">
<h2>Belangrijk over back‑ups</h2>
<p>Ik lever een Linux‑installatie‑ en migratieservice en ben geen back‑updienst. <strong>Back‑ups maken en bewaren is in principe de verantwoordelijkheid van de klant.</strong> Als extra service kan ik, op uw verzoek, data kopiëren naar door u aangeleverde USB‑sticks of een externe schijf.</p>
<p>Hoewel ik zorgvuldig werk, kan er bij datakopie of migratie altijd een risico op dataverlies bestaan (bijvoorbeeld door defecte schijven, corrupte data of hardwarefouten). <strong>U blijft verantwoordelijk voor uw eigen data</strong>. Ik ben niet aansprakelijk voor verlies of beschadiging van gegevens. Ik adviseer altijd om vooraf een eigen back‑up te maken.</p>
<h2 id="backup-disclaimer">Belangrijk over back-ups</h2>
<details class="disclaimer">
<summary>Lees de back-updisclaimer</summary>
<div class="disclaimer-body">
<p>Ik lever een Linux-installatie- en migratieservice. <strong>Back-ups maken en bewaren is in principe de verantwoordelijkheid van de klant.</strong> Als extra service kan ik, op uw verzoek, data kopiëren naar door u aangeleverde USB-sticks of een externe schijf. Als u geen opslag bij de hand heeft, kan ik USB-sticks van verschillende groottes meebrengen en leveren tegen een normale, eerlijke prijs.</p>
<p>Hoewel ik zorgvuldig werk, kan er bij datakopie of migratie altijd een risico op dataverlies bestaan, bijvoorbeeld door defecte schijven, corrupte data of hardwarefouten. <strong>U blijft verantwoordelijk voor uw eigen data</strong>. Ik ben niet aansprakelijk voor verlies of beschadiging van gegevens. Ik adviseer altijd om vooraf een eigen back-up te maken.</p>
</div>
</details>
<div class="about-cta">
<a href="/contact" class="btn btn-primary">Vrijblijvend contact opnemen</a>
</div>

2
templates/footer.html
View File

@ -20,7 +20,7 @@
<h3>Gemeenschap</h3>
<p>Lid van <a href="https://nllgg.nl" target="_blank">Nederlandse Linux Gebruikers Groep</a> (NLLGG.nl)</p>
<p>Actief bij <a href="https://buurtlinux.nl" target="_blank">Buurtlinux.nl</a> initiatief</p>
<p>Ik ondersteun de <a href="https://endof10.org" target="_blank">End‑of‑10</a>-beweging voor duurzaam computergebruik.</p>
<p>Ik ondersteun de <a href="https://endof10.org" target="_blank">End-of-10</a>-beweging voor duurzaam computergebruik.</p>
<p><a href="/over-mij">Over mij</a> · <a href="/contact">Contact</a></p>
</div>
</div>

22
templates/index.html
View File

@ -152,6 +152,20 @@
</div>
</section>
<section class="section section--light services">
<div class="container">
<h2><a href="/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's, documenten en favorieten overzetten.</p></div>
<div class="card card--service"><h3>5. Uitleg & 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és met installaties, zonder kosten.</p>
</div>
</section>
<section id="distros" class="section section--light-green distros">
<div class="container">
<h2><a href="/linux">Welke Linux past bij u?</a></h2>
@ -296,10 +310,10 @@
<h3>Installatieservice</h3>
<p>Professionele Linux-installatie op uw computer, inclusief alle benodigde software.</p>
</a>
<a class="card card--service card-link" href="/diensten">
<h3>Datamigratie</h3>
<p>Veilige overdracht van al uw bestanden, foto's en documenten van Windows naar Linux.</p>
</a>
<div class="card card--service">
<h3><a href="/diensten">Datamigratie</a></h3>
<p>Veilige overdracht van al uw bestanden, foto's en documenten van Windows naar Linux. Zie de <a href="/diensten#backup-disclaimer">back-updisclaimer</a>.</p>
</div>
<a class="card card--service card-link" href="/diensten">
<h3>Training en ondersteuning</h3>
<p>Persoonlijke begeleiding om u vertrouwd te maken met uw nieuwe Linux-systeem.</p>

56
templates/linux.html
View File

@ -46,35 +46,47 @@
<section class="page-hero">
<div class="container">
<h1>Waarom Linux?</h1>
<p>Nieuw bij Linux? Geen zorgen. Linux is een veilig en snel besturingssysteem dat uw huidige computer nieuw leven kan geven, zonder licentiekosten. Hieronder vindt u een korte beslishulp, mijn aanpak en voorbeelden in beeld.</p>
<p>Nieuw bij Linux? Geen zorgen. Linux is een veilig en snel besturingssysteem dat uw huidige computer nieuw leven kan geven, zonder licentiekosten. Hieronder vindt u een korte beslishulp en voorbeelden in beeld.</p>
</div>
</section>
{{template "benefits" .}}
<section class="section section--light-green distros">
<section class="section section--light distros">
<div class="container">
<h2>Welke Linux past bij u?</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="services-grid">
<div class="card card--service"><h3>Windows‑achtig en eenvoudig</h3><p><strong>Linux Mint</strong> – vertrouwde interface, zeer stabiel.</p></div>
<div class="card card--service"><h3>Populair en veelzijdig</h3><p><strong>Ubuntu LTS</strong> – grote community, langetermijnupdates.</p></div>
<div class="card card--service"><h3>Gaming en drivers</h3><p><strong>Pop!_OS</strong> – gaming‑geoptimaliseerd, NVIDIA‑ondersteuning.</p></div>
<div class="card card--service"><h3>Design en eenvoud</h3><p><strong>Elementary OS</strong> – elegant en eenvoudig.</p></div>
<div class="card card--service"><h3>Prestaties en tweaken</h3><p><strong>Garuda Linux</strong> – Arch‑basis, snelle prestaties.</p></div>
</div>
</div>
</section>
<section class="section section--light-green">
<div class="container">
<h2>Mijn aanpak</h2>
<div class="services-grid">
<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, NL‑taal en basissoftware.</p></div>
<div class="card card--service"><h3>4. Migratie</h3><p>Bestanden, foto’s, documenten en favorieten overzetten.</p></div>
<div class="card card--service"><h3>5. Uitleg & nazorg</h3><p>Korte training, daarna laagdrempelig bereikbaar voor vragen.</p></div>
<p class="section-subtitle">Een paar goede keuzes met elk een duidelijk profiel.</p>
<div class="distro-tiles">
<div class="distro-tile">
<img src="/static/images/mint.svg" alt="Linux Mint" class="distro-tile__img">
<h3>Linux Mint</h3>
<p>Windows-achtig, stabiel, vertrouwd voor overstappers.</p>
</div>
<div class="distro-tile">
<img src="/static/images/ubuntu.png" alt="Ubuntu" class="distro-tile__img">
<h3>Ubuntu LTS</h3>
<p>Populair, langetermijnupdates, breed inzetbaar.</p>
</div>
<div class="distro-tile">
<img src="/static/images/popos.svg" alt="Pop!_OS" class="distro-tile__img">
<h3>Pop!_OS</h3>
<p>Gaming-geoptimaliseerd, uitstekende NVIDIA-ondersteuning.</p>
</div>
<div class="distro-tile">
<img src="/static/images/fedora.png" alt="Fedora" class="distro-tile__img">
<h3>Fedora</h3>
<p>Nieuwste technologie, Red Hat-basis, ontwikkelaarstools.</p>
</div>
<div class="distro-tile">
<img src="/static/images/elementary.png" alt="Elementary OS" class="distro-tile__img">
<h3>Elementary OS</h3>
<p>Elegant, eenvoudig, design-gericht.</p>
</div>
<div class="distro-tile">
<img src="/static/images/garuda.svg" alt="Garuda Linux" class="distro-tile__img">
<h3>Garuda Linux</h3>
<p>Arch-basis, snelle prestaties, modern.</p>
</div>
</div>
</div>
</section>