Getting there, I think

This commit is contained in:
2025-09-03 15:33:02 +02:00
parent 8aa59c6b58
commit 13fe19abda
6 changed files with 36 additions and 2 deletions

View File

@ -812,6 +812,18 @@ p {
}
/* Intro GNOME section overrides */
.intro-gnome .feature-image img {
width: 100%;
height: auto;
object-fit: contain;
}
.intro-gnome .feature-image {
aspect-ratio: auto;
}
.feature-showcase h3 {
color: #047857;

BIN
static/images/gnome.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 117 KiB

BIN
static/images/gnome.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 74 KiB

View File

@ -85,7 +85,7 @@
<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>
<p><strong>Daarnaast</strong> geef ik geregeld gratis informatiebijeenkomsten en help ik soms bij Repair Cafés met installaties, zonder kosten.</p>
</div>
</div>
</section>

View File

@ -50,6 +50,28 @@
</div>
</section>
<section class="section section--light intro-gnome">
<div class="container">
<h2 class="section__title">Rustig overstappen naar Linux</h2>
<div class="grid grid--2-col">
<div>
<div class="feature-image">
<img src="/static/images/gnome.webp" alt="GNOME desktop op Linux" loading="lazy">
<div class="image-caption">
<small>GNOME desktop. Bron: <a href="https://www.ifixit.com/Guide/How+to+install+a+GUI+on+Arch+Linux/167611" target="_blank" rel="noopener">iFixit</a></small>
</div>
</div>
</div>
<div>
<h3>Bekende bediening</h3>
<p>Menu, vensters, bureaublad: het werkt zoals u verwacht. U kunt direct aan de slag.</p>
<h3>Wat u dagelijks nodig hebt</h3>
<p>Internet, e-mail, videobellen, fotos beheren, bankieren en documenten maken: het kan allemaal. Veel vertrouwde apps zijn beschikbaar en er zijn goede alternatieven voor Windows-programmas. Ik help u stap voor stap op weg.</p>
</div>
</div>
</div>
</section>
{{template "benefits" .}}
<section class="section section--light distros">

View File

@ -1,5 +1,5 @@
{{define "benefits"}}
<section id="voordelen" class="section section--light benefits">
<section id="voordelen" class="section {{if eq .CurrentPage "linux"}}section--light-green{{else}}section--light{{end}} benefits">
<div class="container">
<h2><a href="/linux">Waarom Linux kiezen?</a></h2>
<div class="benefits-grid">