https://marcelvanderhoek.nl/ 2026-06-10T00:00:00.000Z Marcel van der Hoek https://marcelvanderhoek.nl/eerste-artikel/ 2026-06-10T00:00:00.000Z

Waarom dit blog bestaat en wat je hier kunt verwachten.

<p>Dit is het eerste artikel. Gewoon markdown: <strong>vet</strong>, <em>cursief</em>, <a href="https://example.com">links</a>, koppen, lijstjes en codeblokken doen het allemaal. Naar een ander artikel link je root-relatief op de slug: <a href="https://marcelvanderhoek.nl/over-visuele-rust/">zoals dit stuk over visuele rust</a>.</p> <p>Het beeld hierboven komt uit de frontmatter (<code>image</code> + <code>imageAlt</code>); de <code>description</code> is het tekstje dat op de voorpagina onder de titel staat.</p> <h2>Een tussenkop</h2> <p>Meer tekst. Een lijstje:</p> <ul> <li>rust</li> <li>eenvoud</li> <li>gewoon HTML</li> </ul> <p>En een stukje code:</p> <pre><code class="language-js">const antwoord = 42; </code></pre> <p>En een diagram met <strong>D2</strong> — dat rendert bij de build naar een statische SVG die meekleurt met dag en nacht (zonder JavaScript):</p> <figure class="d2" data-d2="ZGlyZWN0aW9uOiByaWdodApTY2hyaWp2ZW4gLT4gUHVzaGVuIC0+IExpdmUK" data-label="VmFuIHNjaHJpanZlbiBuYWFyIGxpdmU="></figure> <p>D2 doet meer dan stroomschema’s. Containers en groepen:</p> <figure class="d2" data-d2="ZGlyZWN0aW9uOiByaWdodApCZXpvZWtlciAtPiBWUFMubmdpbngKVlBTOiB7CiAgbmdpbnggLT4gYmxvZzogcHJveHkKICBibG9nOiBibG9nLWNvbnRhaW5lcgp9Cg==" data-label="Q29udGFpbmVycyBlbiBncm9lcGVu"></figure> <p>Een sequence-diagram:</p> <figure class="d2" data-d2="c2hhcGU6IHNlcXVlbmNlX2RpYWdyYW0KQmV6b2VrZXIgLT4gbmdpbng6IEdFVCAvCm5naW54IC0+IGNvbnRhaW5lcjogcHJveHkKY29udGFpbmVyIC0+IG5naW54OiBIVE1MCm5naW54IC0+IEJlem9la2VyOiAyMDAgT0sK" data-label="RWVuIHBhZ2luYSBvcHZyYWdlbg=="></figure> <p>Of een datamodel:</p> <figure class="d2" data-d2="cG9zdDogewogIHNoYXBlOiBzcWxfdGFibGUKICBzbHVnOiBzdHJpbmcKICB0aXRlbDogc3RyaW5nCiAgZGF0dW06IGRhdGUKfQo=" data-label="RGF0YW1vZGVs"></figure> <p>Wil je een extra afbeelding mét onderschrift in de tekst, gebruik dan een <code>figure</code> (markdown laat gewone HTML toe):</p> <figure> <img src="https://marcelvanderhoek.nl/img/2026/duinen.svg" alt="Duinlandschap met laagstaande zon"> <figcaption>De duinen bij Monster, vlak voor zonsondergang.</figcaption> </figure> <blockquote> <p>En een citaat, want ook dat moet er rustig uitzien.</p> </blockquote> https://marcelvanderhoek.nl/over-visuele-rust/ 2026-06-09T00:00:00.000Z

Waarom deze site zo kaal en rustig is.

<p>Dit blog is bewust kaal: één kolom, een rustige letter, geen menu dat om aandacht vraagt en niets dat beweegt in je ooghoek. Geen trackers, geen cookiemeldingen.</p> <h2>Minder is genoeg</h2> <p>Witruimte, een heldere kop en gewone tekst doen het meeste werk; de rest is afleiding. Meer over het waarom lees je in <a href="https://marcelvanderhoek.nl/eerste-artikel/">het eerste artikel</a>.</p>