Screenshots je Sprache (DE neu, EN/DA/NL eigene Ordner), Bilder-Version v=c

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WT5AWHW7UkHrBjhNyA2y8X

nl/index.html

@@ -77,9 +77,9 @@
       <p class="note reveal d3"><span class="when-soon">Equilo wordt op dit moment door Apple beoordeeld. <a href="mailto:equilo@tillheidrich.de?subject=Equilo%3A%20Laat%20het%20me%20weten%20bij%20de%20start">Stuur me een bericht</a>, dan laat ik het je weten zodra het zover is. </span>Voor iPhone, iPad en Apple Watch. Gratis, Plus is optioneel. In het Nederlands, Engels, Duits en Deens.</p>
     </div>
     <div class="stage" aria-hidden="true">
-      <figure class="phone p2 reveal d1"><img src="../assets/img/heute-440.webp?v=b" width="440" height="956" alt=""></figure>
-      <figure class="phone p1 reveal"><img src="../assets/img/live-sperrbildschirm-720.webp?v=b" srcset="../assets/img/live-sperrbildschirm-440.webp?v=b 440w, ../assets/img/live-sperrbildschirm-720.webp?v=b 720w" sizes="(max-width:960px) 58vw, 300px" width="720" height="1564" alt=""></figure>
-      <figure class="watch reveal d2"><img src="../assets/img/watch-laeuft.webp?v=b" width="422" height="514" alt=""></figure>
+      <figure class="phone p2 reveal d1"><img src="../assets/img/nl/heute-440.webp?v=c" width="440" height="956" alt=""></figure>
+      <figure class="phone p1 reveal"><img src="../assets/img/nl/live-sperrbildschirm-720.webp?v=c" srcset="../assets/img/nl/live-sperrbildschirm-440.webp?v=c 440w, ../assets/img/nl/live-sperrbildschirm-720.webp?v=c 720w" sizes="(max-width:960px) 58vw, 300px" width="720" height="1564" alt=""></figure>
+      <figure class="watch reveal d2"><img src="../assets/img/nl/watch-laeuft.webp?v=c" width="422" height="514" alt=""></figure>
       <div class="chip c1 reveal d3"><span class="dot"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="8"/><path d="M12 8v4l2.5 2"/></svg></span><span><b>Timer loopt</b>Op het toegangsscherm opent één tik Acute hulp</span></div>
       <div class="chip c2 reveal d3"><span class="dot"><svg viewBox="0 0 24 24"><path d="M5 12.5 9.5 17 19 7.5"/></svg></span><span><b>Daarna maar twee vragen</b>Soort en sterkte</span></div>
     </div>
@@ -126,8 +126,8 @@
       </ul>
     </div>
     <div class="media phones-duo">
-      <figure class="phone reveal"><img src="../assets/img/anfall-laeuft-440.webp?v=b" srcset="../assets/img/anfall-laeuft-440.webp?v=b 440w, ../assets/img/anfall-laeuft-720.webp?v=b 720w" sizes="260px" width="440" height="956" alt="Lopende aanval met timer en grote knop ‘Acute hulp openen’" loading="lazy"></figure>
-      <figure class="phone reveal d2"><img src="../assets/img/akut-440.webp?v=b" srcset="../assets/img/akut-440.webp?v=b 440w, ../assets/img/akut-720.webp?v=b 720w" sizes="260px" width="440" height="956" alt="Acute modus met ademcirkel, uitleg en alarmknop" loading="lazy"></figure>
+      <figure class="phone reveal"><img src="../assets/img/nl/anfall-laeuft-440.webp?v=c" srcset="../assets/img/nl/anfall-laeuft-440.webp?v=c 440w, ../assets/img/nl/anfall-laeuft-720.webp?v=c 720w" sizes="260px" width="440" height="956" alt="Lopende aanval met timer en grote knop ‘Acute hulp openen’" loading="lazy"></figure>
+      <figure class="phone reveal d2"><img src="../assets/img/nl/akut-440.webp?v=c" srcset="../assets/img/nl/akut-440.webp?v=c 440w, ../assets/img/nl/akut-720.webp?v=c 720w" sizes="260px" width="440" height="956" alt="Acute modus met ademcirkel, uitleg en alarmknop" loading="lazy"></figure>
     </div>
   </div>
 </section>
@@ -145,13 +145,13 @@
         <span class="tag">Artsrapport als pdf</span>
         <h3>De samenvatting voor de eerste minuten</h3>
         <p>Aanvallen korter dan 20 minuten worden apart geteld, valaanvallen en waarschuwingssignalen uitgelicht. Achteraf toegevoegde registraties zijn gemarkeerd. Zo weet de arts waar ze op kan vertrouwen.</p>
-        <div class="shot"><img src="../assets/img/ipad-arztbericht-1100.webp?v=b" width="1100" height="858" alt="Artsrapport op de iPad met kerncijfers, duurklassen en vragen voor het consult" loading="lazy"></div>
+        <div class="shot"><img src="../assets/img/nl/ipad-arztbericht-1100.webp?v=c" width="1100" height="858" alt="Artsrapport op de iPad met kerncijfers, duurklassen en vragen voor het consult" loading="lazy"></div>
       </div></article>
       <article class="shell b-hear reveal d1"><div class="core tile">
         <span class="tag">Gehoorverloop</span>
         <h3>Je gehoor in de tijd</h3>
         <p>Voer audiogrammen van de praktijk in. Gehoortests uit Gezondheid, zoals de AirPods-gehoortest, toont Equilo ernaast. Het lagetonengebied verschijnt als verloop, eerlijk als trend en niet als medische bevinding.</p>
-        <div class="shot"><figure class="phone"><img src="../assets/img/hoerverlauf-440.webp?v=b" width="440" height="956" alt="Gehoorverloop met gemiddelden voor de lage tonen van linker- en rechteroor" loading="lazy"></figure></div>
+        <div class="shot"><figure class="phone"><img src="../assets/img/nl/hoerverlauf-440.webp?v=c" width="440" height="956" alt="Gehoorverloop met gemiddelden voor de lage tonen van linker- en rechteroor" loading="lazy"></figure></div>
       </div></article>
       <article class="shell b-small reveal"><div class="core tile">
         <span class="ti"><svg viewBox="0 0 24 24"><path d="M4 19h16M7 16V9M12 16V5M17 16v-4"/></svg></span>
@@ -175,7 +175,7 @@
 <!-- Honest -->
 <section id="ehrlich" class="honest">
   <div class="wrap split rev">
-    <div class="media"><figure class="phone reveal" style="width:min(300px,80%);margin-inline:auto"><img src="../assets/img/muster-440.webp?v=b" srcset="../assets/img/muster-440.webp?v=b 440w, ../assets/img/muster-720.webp?v=b 720w" sizes="300px" width="440" height="956" alt="Patroonanalyse: factoren zoals stress en stemming met hun spreiding" loading="lazy"></figure></div>
+    <div class="media"><figure class="phone reveal" style="width:min(300px,80%);margin-inline:auto"><img src="../assets/img/nl/muster-440.webp?v=c" srcset="../assets/img/nl/muster-440.webp?v=c 440w, ../assets/img/nl/muster-720.webp?v=c 720w" sizes="300px" width="440" height="956" alt="Patroonanalyse: factoren zoals stress en stemming met hun spreiding" loading="lazy"></figure></div>
     <div>
       <span class="eyebrow reveal"><i></i>Eerlijk in plaats van voorspellen</span>
       <h2 class="reveal d1">Equilo vertelt je ook <em>wat het niet weet.</em></h2>
@@ -204,7 +204,7 @@
         <li class="reveal d3"><span class="pi"><svg viewBox="0 0 24 24"><rect x="4" y="10" width="16" height="10" rx="2"/><path d="M8 10V7a4 4 0 0 1 8 0v3"/></svg></span><div><b>Alleen wat jij verstuurt, wordt gedeeld</b><span>De afbeelding wordt op je iPhone gemaakt. Geen diagnose, geen medicijnen, geen naam, als je dat niet wilt.</span></div></li>
       </ul>
     </div>
-    <div class="media"><figure class="phone reveal d1"><img src="../assets/img/so-gehts-mir-440.webp?v=b" srcset="../assets/img/so-gehts-mir-440.webp?v=b 440w, ../assets/img/so-gehts-mir-720.webp?v=b 720w" sizes="290px" width="440" height="956" alt="Voorbeeldafbeelding ‘Mijn week’ met stippen voor rustige dagen en aanvallen, symptomen en voortekenen" loading="lazy"></figure></div>
+    <div class="media"><figure class="phone reveal d1"><img src="../assets/img/nl/so-gehts-mir-440.webp?v=c" srcset="../assets/img/nl/so-gehts-mir-440.webp?v=c 440w, ../assets/img/nl/so-gehts-mir-720.webp?v=c 720w" sizes="290px" width="440" height="956" alt="Voorbeeldafbeelding ‘Mijn week’ met stippen voor rustige dagen en aanvallen, symptomen en voortekenen" loading="lazy"></figure></div>
   </div>
 </section>
 
@@ -212,8 +212,8 @@
 <section id="alltag">
   <div class="wrap split rev">
     <div class="media duo">
-      <figure class="phone reveal"><img src="../assets/img/medikamente-440.webp?v=b" srcset="../assets/img/medikamente-440.webp?v=b 440w, ../assets/img/medikamente-720.webp?v=b 720w" sizes="290px" width="440" height="956" alt="Medicijnen met voorraad: betahistine 46 tabletten, nog ruim drie weken genoeg" loading="lazy"></figure>
-      <figure class="watchmini reveal d2"><img src="../assets/img/watch-symptome.webp?v=b" width="422" height="514" alt="Apple Watch: symptomen na de aanval aantikken, eigen symptomen bovenaan" loading="lazy"></figure>
+      <figure class="phone reveal"><img src="../assets/img/nl/medikamente-440.webp?v=c" srcset="../assets/img/nl/medikamente-440.webp?v=c 440w, ../assets/img/nl/medikamente-720.webp?v=c 720w" sizes="290px" width="440" height="956" alt="Medicijnen met voorraad: betahistine 46 tabletten, nog ruim drie weken genoeg" loading="lazy"></figure>
+      <figure class="watchmini reveal d2"><img src="../assets/img/nl/watch-symptome.webp?v=c" width="422" height="514" alt="Apple Watch: symptomen na de aanval aantikken, eigen symptomen bovenaan" loading="lazy"></figure>
     </div>
     <div>
       <span class="eyebrow reveal"><i></i>Dagelijks leven</span>
@@ -232,7 +232,7 @@
 <!-- Knowledge -->
 <section class="band-doc">
   <div class="wrap split rev">
-    <div class="media"><figure class="phone reveal" style="width:min(290px,80%);margin-inline:auto"><img src="../assets/img/wissen-440.webp?v=b" srcset="../assets/img/wissen-440.webp?v=b 440w, ../assets/img/wissen-720.webp?v=b 720w" sizes="290px" width="440" height="956" alt="Kennisgedeelte met feit van de dag en mythecheck" loading="lazy"></figure></div>
+    <div class="media"><figure class="phone reveal" style="width:min(290px,80%);margin-inline:auto"><img src="../assets/img/nl/wissen-440.webp?v=c" srcset="../assets/img/nl/wissen-440.webp?v=c 440w, ../assets/img/nl/wissen-720.webp?v=c 720w" sizes="290px" width="440" height="956" alt="Kennisgedeelte met feit van de dag en mythecheck" loading="lazy"></figure></div>
     <div>
       <span class="eyebrow reveal"><i></i>Kennis met bronnen</span>
       <h2 class="reveal d1">Elke dag een feit. <em>Met bewijs.</em></h2>