Engineering

Deze pagina documenteert hoe prisminvestment.nl is gebouwd. Alle cijfers hieronder worden bij iedere build automatisch opnieuw bepaald, zodat deze pagina niet uit de pas kan lopen met de website zelf.

Versie

v.1.0.0

Uitgebracht

2026-09-16

Laatst gewijzigd

2026-10-30

Omgeving

Productie — https://prisminvestment.nl

Frontend

Statische HTML, CSS en JavaScript — geen framework, geen runtime-afhankelijkheden

Generator

Eleventy 3.1.6 op Node 24 (vastgelegd in .nvmrc)

Templating

Nunjucks — gedeelde partials voor beide taalversies

Afbeeldingen

eleventy-img 7.0.0 (sharp 0.35.4) — homepagefoto in AVIF met WebP-fallback, met een eigen uitsnede voor staande schermen; portret in WebP met JPEG-fallback; logo’s in WebP met PNG-fallback, transparantie behouden

Typografie

Instrument Sans, self-hosted als variabele WOFF2 (SIL Open Font License)

Talen

Nederlands op de root, Engels onder /en/

Externe verzoeken

Geen bij het laden — alle bronnen komen van het eigen domein. Alleen het aanvraagformulier op de pagina Strategie stuurt gegevens naar Web3Forms, en pas als een bezoeker het verzendt.

Totaal

3527 kB verdeeld over 88 bestanden

HTML

231 kB

CSS

34.2 kB

JavaScript

9.6 kB

Lettertypen

40.3 kB

Afbeeldingen

3195 kB

Overig

16.2 kB — sitemap, robots.txt, llms.txt, manifest, .htaccess, fontlicentie

Gemeten over de volledige gepubliceerde map, inclusief beide taalversies en alle afbeeldingsvarianten; tekstbestanden geteld met LF-regeleinden, zoals git ze bewaart. Een individuele pagina laadt hiervan slechts een fractie.

Versiebeheer

Git en GitHub

Build

Eleventy — genereert beide taalversies uit één set templates

Analytics

Geen — er worden geen cookies geplaatst en geen bezoekers gevolgd

Controle

GitHub Actions bouwt bij iedere push beide versies en keurt alle pagina’s (npm run audit)

Ontwerp en realisatie

JDH Company

Hosting

STRATO, in Duitsland. Statische bestanden, geen code op de server; de serverinstellingen staan in gegenereerde .htaccess-bestanden

Adres

https://prisminvestment.nl

Strict-Transport-Security

max-age=31536000; includeSubDomains

X-Content-Type-Options

nosniff

X-Frame-Options

SAMEORIGIN

Referrer-Policy

strict-origin-when-cross-origin

Permissions-Policy

camera=(), microphone=(), geolocation=(), payment=(), usb=()

Content-Security-Policy

default-src 'self'; img-src 'self' data:; style-src 'self'; script-src 'self'; font-src 'self'; connect-src 'self' https://api.web3forms.com; form-action 'self' https://api.web3forms.com; frame-ancestors 'self'; base-uri 'self'; object-src 'none'

Cookies en opslag

Geen cookies. Eén vlag in sessionStorage onthoudt dat in dit tabblad al een pagina van de site is geopend, zodat de intro alleen speelt als een bezoek op de homepage begint; die vlag verdwijnt zodra het tabblad sluit.

E-mailadres

Staat niet als gewoon @-adres of mailto-link in de HTML, alleen uitgeschreven met [at]; JavaScript zet de link pas in de browser in elkaar

De headers hierboven komen uit dezelfde lijst waaruit .htaccess wordt gegenereerd.

Het spectrum is pixel-exact overgenomen uit het logo.

Inkt en neutralen.

Instrument Sans, gewichten 400–700 uit één variabel bestand per tekenset (Latijn en Latijn-uitgebreid). De koppen schalen vloeiend mee met de breedte van het scherm; de overige maten liggen vast.

--text-h1

clamp(30px,3.6vw,42px)

--text-h2

clamp(22px,2.6vw,30px)

--text-h3

clamp(17px,2vw,20px)

--text-body-lg

18px

--text-body

16px

--text-body-sm

14px

--text-label

13px

--text-caption

12px

--text-eyebrow

11px

--text-fine

11px