Changelog — v0.x (beta)
Alle wijzigingen uit de beta-reeks. ← Terug naar de changelog
Status overzicht — v0.x
🐛 Bugs
12 ✓
0 ○
Opgelost — laatste eerst
WAV-downloadlink
oAi_ai_ai_ai.wav typo in liedjes.html
v0.13
PDF-bestandsnaam
foutcodes_.pdf had trailing underscore — downloadlink was kapot
v0.13
Medailleanimatie statisch op Safari/Chrome (GPU-compositing conflict)
v0.9
Paginatitel te dicht op witte boog in page-hero
v0.6
Mobiel nav: actieve link overlapte andere links in dropdown
v0.6
filmpjes.html ontbrak in sitemap
v0.3
Dode contactformulier-code verwijderd uit
main.js
v0.3
Ontbrekende OG-afbeelding & apple-touch-icon
v0.3
aria-pressed niet bijgewerkt op filtertabs
v0.3
querySelector("#") SyntaxError
v0.3
Sint-Cordula HTTP → HTTPS
v0.2
404-paginalinks voegden
/pages toe aan URL
v0.2
Open
Geen open bugs 🎉
✨ Features
12 ✓
0 ○
Opgeleverd — laatste eerst
Intentieverklaring — online invulformulier voor ouders via Formbricks
v0.21
Fietsparcours — Canvas dodge-game; fietsers, voetgangers en auto's ontwijken
v0.20
Contactformulier via Formbricks (EU-hosting, GDPR-conform)
v0.19
Cookie consent banner (fietsthema, localStorage)
v0.18
Verkeersborden Quiz — 16 MC-vragen; shuffle + directe feedback
v0.14
Spelletjes hub — Woordzoeker, Fietspuzzel en Verkeersborden Quiz elk op eigen pagina
v0.15
Fietspuzzel (
puzzel.html) — sleep onderdelen naar juiste plek
v0.12
Contactformulier — Formspree Ajax, inline validatie, succes/fout zonder herlaad
v0.10
Spelletjes pagina — Fietswoordzoeker (15×15, 14 woorden)
v0.8
Testomgevingsbanner (automatisch op
test-*-hostnaam)
v0.7
Gedeelde nav & footer (
components.js) + versiebeheer & changelog
v0.2
Eerste versie website
v0.1
Gepland
Geen geplande features 🎉
⚡ Optimalisaties
10 ✓
0 ○
Doorgevoerd — laatste eerst
Navigatie geoptimaliseerd: 2 dropdowns (Leren▼, Scholen▼), items verdeeld over volledige breedte
v0.22
HTTP-beveiligingsheaders (HSTS, CSP, X-Frame-Options …) via .htaccess — A op Mozilla Observatory
v0.18
Google Fonts zelf gehost — geen IP-overdracht naar Google meer
v0.18
YouTube embeds via
youtube-nocookie.com — geen tracking cookies bij laden
v0.18
Lenteschoonmaak: 13 wees-bestanden verwijderd
v0.13
Medailleanimatie GPU-layer fix (
translateZ(0) + will-change)
v0.9
CSS medailleanimatie
spin-slow → spin-glow
v0.6
Google Fonts
@import → <link> in <head>
v0.4
Open Graph + Twitter Card meta op alle pagina's
v0.4
Twee scroll-listeners samengevoegd;
getComputedStyle → offsetHeight
v0.4
Open
Geen open opts 🎉
🔵 Beta — v0.x
0.22
Navigatie-items verdeeld over de volledige breedte van de balk (
flex: 1; justify-content: space-evenly)
0.21
Navigatie geoptimaliseerd van 10 naar 5 items; twee dropdowns: Leren▼ (Verkeersregels, Filmpjes, Liedjes, Tips, Spelletjes) en Scholen▼ (Scholen, Downloads, Intentieverklaring)
Fietspuzzel: highlight op de fiets bij het selecteren van een onderdeel verwijderd
Nieuw: Intentieverklaring (
intentieverklaring.html) — online invulformulier voor ouders; kind/klas/school, 4 verplichte toestemmingen, naam ouder; ingediend via Formbricks (EU-hosting, GDPR-conform)
0.20
Fietsparcours toegevoegd aan
spelletjes.html hub en sitemap.xml
Nieuw spelletje: Fietsparcours (
fietsparcours.html) — HTML5 Canvas dodge-game; rij op het fietspad en ontwijkt fietsers (🚴), voetgangers (🚶) en geparkeerde auto’s (🚗); 1 punt per ontwijking, snelheid loopt op, geanimeerd wegdek
0.19
CSP
connect-src uitgebreid met https://app.formbricks.com — laat de formulier-fetch toe zonder de rest van de CSP te versoepelen
Contact-link terug in navigatie als
nav-cta-knop
🔒 Contactformulier heropend via Formbricks (EU-hosting, Frankfurt DE — GDPR/SOC2/ISO27001) — geen data meer naar de VS; velden: voornaam, achternaam, e-mail, vraag
0.18
Contact tijdelijk uitgeschakeld — Formspree (VS) wordt vervangen door een EU-alternatief (Formbricks); contactpagina toont ondertussen een melding
🔒 HTTP-beveiligingsheaders toegevoegd via
.htaccess: HSTS, X-Frame-Options, X-Content-Type-Options, Referrer-Policy, Permissions-Policy en Content-Security-Policy — site haalt nu een A op Mozilla Observatory
🔒 Automatische HTTP → HTTPS redirect via
.htaccess — verbinding is altijd versleuteld
🔒 Google Fonts zelf gehost in
assets/fonts/ — geen verbinding meer met Google-servers bij elk paginabezoek; IP-adres van bezoekers gaat niet meer naar Google
🔒 YouTube embeds via
youtube-nocookie.com — geen tracking cookies meer bij het laden van de filmpjes-pagina; cookies pas als je op play drukt
📝 Cookiebeleid bijgewerkt — klopt nu met de werkelijkheid (YouTube-cookies op filmpjes-pagina eerlijk vermeld)
🍪 Cookie consent banner — fietsthema; bezoekers kiezen zelf welke cookies ze toestaan; keuze onthouden via localStorage
0.17
Fietspuzzel moeilijker: hulplijnen (slot-indicators) volledig verborgen — geen gestippelde cirkels meer die vertellen waar elk onderdeel hoort
3 extra onderdelen toegevoegd: Ketting, Bel en Licht — puzzel gaat van 5 naar 8 onderdelen
Foutenteller: het winscherm toont hoeveel fouten je maakte; perfecte score krijgt een 🌟
0.16
Nav vereenvoudigd: Spelletjes-dropdown verwijderd, gewone link naar de spelletjes-hub (
spelletjes.html)
0.15
Elk spelletje heeft nu een eigen pagina:
woordzoeker.html (nieuw), puzzel.html, verkeersborden-quiz.html
spelletjes.html is nu een overzichtspagina (hub) met kaartjes voor alle drie spelletjes
Nav-dropdown uitgebreid met 🎮 Alle spelletjes als eerste optie
0.14
Nieuw spelletje: Verkeersborden Quiz (
verkeersborden-quiz.html) — 16 multiple choice vragen over verkeerborden voor fietsers, met shuffle, directe feedback, scoreoverzicht en antwoordreview
Spelletjes-dropdown uitgebreid met 🚦 Verkeersborden als derde optie
0.13
PDF-bestandsnaam
Overzicht_knelpunten_met_foutcodes_.pdf had trailing underscore — downloadlink was kapot
WAV-downloadlink
oAi_ai_ai_ai.wav typo in liedjes.html hersteld
🧪 Lenteschoonmaak: 13 wees-bestanden verwijderd; 2 kapotte links hersteld
0.12
Fietspuzzel toegevoegd (
puzzel.html) — sleep de onderdelen naar de juiste plek op de fiets
Spelletjes-dropdown uitgebreid met 🧩 Puzzel als tweede optie
0.11
Contact-link in navigatie krijgt
nav-cta highlight — opvallender knopje voor betere zichtbaarheid
0.10
Contactformulier volledig uitgewerkt — Formspree Ajax, inline validatie per veld, succes/fout-bericht zonder herladen van de pagina
0.9
Medailleanimatie statisch op Safari en Chrome door GPU-compositing conflict (
backdrop-filter + float)
Medailleanimatie GPU-layer fix:
translateZ(0) + will-change: transform — animatie vloeiend op alle browsers
0.8
Spelletjes pagina — Fietswoordzoeker (15×15 raster, 14 fiets- en verkeerswoorden) met timer, wordcount en reveal-knop
0.7
Testomgevingsbanner: automatisch zichtbaar op hostnaam
test-* — herinnert redacteurs dat ze op de testsite zitten
0.6
Mobiel nav: actieve link overlapte andere links in het dropdown-menu
Paginatitel plakte te dicht op de witte boog in de page-hero
CSS medailleanimatie
spin-slow → spin-glow: rotatie gecombineerd met schaalsprong ×1.28 op 180°
0.5
Filmpjes pagina uitgebreid met presentatievideo, routevideo en 12 oefenvideo's per locatie
0.4
Google Fonts geladen via
<link> in <head> in plaats van CSS @import — sneller renderen
Twee losse scroll-listeners samengevoegd tot één — minder reflow-druk
Open Graph + Twitter Card meta toegevoegd op alle pagina's — nette previews bij delen
getComputedStyle(--nav-height) vervangen door navbar.offsetHeight — betrouwbaarder nav-hoogte
0.3
querySelector("#") gooide een SyntaxError op pagina's zonder ankers — opgelost
aria-pressed toegevoegd aan de filtertabs (toegankelijkheid)
Dode code van het oude contactformulier verwijderd
og-home.png en apple-touch-icon.png gegenereerd; Filmpjes toegevoegd aan de sitemap; Sint-Cordula-link van HTTP naar HTTPS
0.2
Gedeelde navbar en footer via
components.js — geen kopieerwerk meer per pagina
Versiesysteem toegevoegd
contact.html → schools.html; 404-pagina overgezet op root-relatieve paden
0.1
Eerste release — basisversie van de website (met enkele gekende bugs)