gezond water

Hieronder de verbeterde versie. Belangrijkste upgrades:**Visueel & branding** - ok-water.nl kleuren (#2980b9 / #1a3a5c) in plaats van generiek blauw - SVG-iconen i.p.v. emoji's (scherper, geen OS-verschillen tussen Apple/Windows emoji) - Subtiele decoratieve glow-blob achter de kaart - Shimmer-effect bij hover op de save-button - Float-animatie op het bookmark-icoon, pulse-animatie op badge-dot**Slimmer gedrag** - OS-detectie: toont automatisch `⌘ + D` op Mac, `Ctrl + D` op Windows/Linux - Echte keyboard listener: vangt CTRL+D / CMD+D op en bevestigt met een toast - ESC-toets sluit de widget - Throttled scroll listener (performance op lange pagina's) - Defensive `localStorage` (werkt ook als cookies/storage geblokkeerd zijn)**Technisch & compliance ok-water.nl rules** - `font-family:inherit` overal (Divi typography wint) - `clamp()` typografie door de hele widget - `overflow:hidden` + `overflow-wrap:break-word` op alle background boxes - `safe-area-inset-bottom` support voor iPhone notch/home indicator - `prefers-reduced-motion` voor toegankelijkheid - BEM-style naming onder `okw-bm__` namespace - Geen absolute labels naast bodytekst (alles in flexbox) - Button full-width onder 480px ✓, shortcut-badge verbergt op touch```html
Pagina klaar om op te slaan Gebruik Ctrl + D om de bookmark op te slaan
```Plak dit in een Divi Code Module — werkt vanzelf op alle pagina's waar je 'm wilt hebben. De localStorage-key is `okwBookmarkSeen_v2` (nieuw versienummer) zodat bezoekers die de oude versie al hadden weggeklikt deze versie wél een keer te zien krijgen.