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

da/index.html

@@ -77,9 +77,9 @@
       <p class="note reveal d3"><span class="when-soon">Equilo er lige nu til gennemsyn hos Apple. <a href="mailto:equilo@tillheidrich.de?subject=Equilo%3A%20Giv%20mig%20besked%20ved%20lancering">Skriv til mig</a>, så giver jeg besked, så snart det går i gang. </span>Til iPhone, iPad og Apple Watch. Gratis, Plus er valgfrit. På dansk, engelsk, tysk og hollandsk.</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 p2 reveal d1"><img src="../assets/img/da/heute-440.webp?v=c" 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="phone p1 reveal"><img src="../assets/img/da/live-sperrbildschirm-720.webp?v=c" srcset="../assets/img/da/live-sperrbildschirm-440.webp?v=c 440w, ../assets/img/da/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/watch-laeuft.webp?v=b" width="422" height="514" alt=""></figure>
+      <figure class="watch reveal d2"><img src="../assets/img/da/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>Timeren kører</b>På låseskærmen åbner ét tryk Akuthjælp</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>Bagefter kun to spørgsmål</b>Type og styrke</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="Igangværende anfald med timer og stor knap »Åbn Akuthjælp«" loading="lazy"></figure>
+      <figure class="phone reveal"><img src="../assets/img/da/anfall-laeuft-440.webp?v=c" srcset="../assets/img/da/anfall-laeuft-440.webp?v=c 440w, ../assets/img/da/anfall-laeuft-720.webp?v=c 720w" sizes="260px" width="440" height="956" alt="Igangværende anfald med timer og stor knap »Åbn Akuthjælp«" 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="Akuttilstand med vejrtrækningscirkel, vejledning og nødopkaldsknap" loading="lazy"></figure>
+      <figure class="phone reveal d2"><img src="../assets/img/da/akut-440.webp?v=c" srcset="../assets/img/da/akut-440.webp?v=c 440w, ../assets/img/da/akut-720.webp?v=c 720w" sizes="260px" width="440" height="956" alt="Akuttilstand med vejrtrækningscirkel, vejledning og nødopkaldsknap" loading="lazy"></figure>
     </div>
   </div>
 </section>
@@ -145,13 +145,13 @@
         <span class="tag">Lægerapport som PDF</span>
         <h3>Resuméet til de første minutter</h3>
         <p>Anfald under 20 minutter tælles for sig, faldanfald og advarselstegn fremhæves. Registreringer, der er tilføjet bagefter, er markeret. Så ved lægen, hvad der er til at stole på.</p>
-        <div class="shot"><img src="../assets/img/ipad-arztbericht-1100.webp?v=b" width="1100" height="858" alt="Lægerapport på iPad med nøgletal, varighedsklasser og spørgsmål til konsultationen" loading="lazy"></div>
+        <div class="shot"><img src="../assets/img/da/ipad-arztbericht-1100.webp?v=c" width="1100" height="858" alt="Lægerapport på iPad med nøgletal, varighedsklasser og spørgsmål til konsultationen" loading="lazy"></div>
       </div></article>
       <article class="shell b-hear reveal d1"><div class="core tile">
         <span class="tag">Hørelsesforløb</span>
         <h3>Din hørelse over tid</h3>
         <p>Indtast audiogrammer fra klinikken. Høretests fra Sundhed, fx AirPods-høretesten, viser Equilo ved siden af. Det dybe frekvensområde vises som et forløb, ærligt som en tendens og ikke som et klinisk fund.</p>
-        <div class="shot"><figure class="phone"><img src="../assets/img/hoerverlauf-440.webp?v=b" width="440" height="956" alt="Hørelsesforløb med gennemsnit for dybe frekvenser på venstre og højre øre" loading="lazy"></figure></div>
+        <div class="shot"><figure class="phone"><img src="../assets/img/da/hoerverlauf-440.webp?v=c" width="440" height="956" alt="Hørelsesforløb med gennemsnit for dybe frekvenser på venstre og højre øre" 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="Mønsteranalyse: faktorer som stress og humør med deres spændvidde" loading="lazy"></figure></div>
+    <div class="media"><figure class="phone reveal" style="width:min(300px,80%);margin-inline:auto"><img src="../assets/img/da/muster-440.webp?v=c" srcset="../assets/img/da/muster-440.webp?v=c 440w, ../assets/img/da/muster-720.webp?v=c 720w" sizes="300px" width="440" height="956" alt="Mønsteranalyse: faktorer som stress og humør med deres spændvidde" loading="lazy"></figure></div>
     <div>
       <span class="eyebrow reveal"><i></i>Ærlighed frem for prognoser</span>
       <h2 class="reveal d1">Equilo fortæller dig også, <em>hvad den ikke ved.</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>Kun det, du sender, bliver delt</b><span>Billedet bliver lavet på din iPhone. Ingen diagnose, ingen medicin, intet navn, hvis du ikke vil.</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="Billedeksempel »Min uge« med prikker for rolige dage og anfald, symptomer og forvarsler" loading="lazy"></figure></div>
+    <div class="media"><figure class="phone reveal d1"><img src="../assets/img/da/so-gehts-mir-440.webp?v=c" srcset="../assets/img/da/so-gehts-mir-440.webp?v=c 440w, ../assets/img/da/so-gehts-mir-720.webp?v=c 720w" sizes="290px" width="440" height="956" alt="Billedeksempel »Min uge« med prikker for rolige dage og anfald, symptomer og forvarsler" 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="Medicin med beholdning: betahistin 46 tabletter, rækker godt tre uger endnu" loading="lazy"></figure>
+      <figure class="phone reveal"><img src="../assets/img/da/medikamente-440.webp?v=c" srcset="../assets/img/da/medikamente-440.webp?v=c 440w, ../assets/img/da/medikamente-720.webp?v=c 720w" sizes="290px" width="440" height="956" alt="Medicin med beholdning: betahistin 46 tabletter, rækker godt tre uger endnu" loading="lazy"></figure>
-      <figure class="watchmini reveal d2"><img src="../assets/img/watch-symptome.webp?v=b" width="422" height="514" alt="Apple Watch: tryk på symptomer efter anfaldet, egne symptomer øverst" loading="lazy"></figure>
+      <figure class="watchmini reveal d2"><img src="../assets/img/da/watch-symptome.webp?v=c" width="422" height="514" alt="Apple Watch: tryk på symptomer efter anfaldet, egne symptomer øverst" loading="lazy"></figure>
     </div>
     <div>
       <span class="eyebrow reveal"><i></i>Hverdagen</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="Videnssektion med dagens fakta og myte-tjek" loading="lazy"></figure></div>
+    <div class="media"><figure class="phone reveal" style="width:min(290px,80%);margin-inline:auto"><img src="../assets/img/da/wissen-440.webp?v=c" srcset="../assets/img/da/wissen-440.webp?v=c 440w, ../assets/img/da/wissen-720.webp?v=c 720w" sizes="290px" width="440" height="956" alt="Videnssektion med dagens fakta og myte-tjek" loading="lazy"></figure></div>
     <div>
       <span class="eyebrow reveal"><i></i>Viden med kilder</span>
       <h2 class="reveal d1">Én fakta om dagen. <em>Med dokumentation.</em></h2>

en/index.html

@@ -77,9 +77,9 @@
       <p class="note reveal d3"><span class="when-soon">Equilo is currently in review at Apple. <a href="mailto:equilo@tillheidrich.de?subject=Equilo%3A%20Please%20notify%20me%20at%20launch">Write to me</a> and I'll let you know as soon as it launches. </span>For iPhone, iPad and Apple Watch. Free, Plus is optional. In English, German, Danish and Dutch.</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 p2 reveal d1"><img src="../assets/img/en/heute-440.webp?v=c" 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="phone p1 reveal"><img src="../assets/img/en/live-sperrbildschirm-720.webp?v=c" srcset="../assets/img/en/live-sperrbildschirm-440.webp?v=c 440w, ../assets/img/en/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/watch-laeuft.webp?v=b" width="422" height="514" alt=""></figure>
+      <figure class="watch reveal d2"><img src="../assets/img/en/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 running</b>On the Lock Screen, one tap opens Acute help</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>Then just two questions</b>Type and intensity</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="Attack in progress with timer and a big “Open Acute help” button" loading="lazy"></figure>
+      <figure class="phone reveal"><img src="../assets/img/en/anfall-laeuft-440.webp?v=c" srcset="../assets/img/en/anfall-laeuft-440.webp?v=c 440w, ../assets/img/en/anfall-laeuft-720.webp?v=c 720w" sizes="260px" width="440" height="956" alt="Attack in progress with timer and a big “Open Acute help” button" 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 mode with breathing circle, guidance and emergency call button" loading="lazy"></figure>
+      <figure class="phone reveal d2"><img src="../assets/img/en/akut-440.webp?v=c" srcset="../assets/img/en/akut-440.webp?v=c 440w, ../assets/img/en/akut-720.webp?v=c 720w" sizes="260px" width="440" height="956" alt="Acute mode with breathing circle, guidance and emergency call button" loading="lazy"></figure>
     </div>
   </div>
 </section>
@@ -145,13 +145,13 @@
         <span class="tag">Doctor report as PDF</span>
         <h3>The summary for the first few minutes</h3>
         <p>Attacks under 20 minutes are counted separately, drop attacks and warning signs are highlighted. Entries added afterwards are marked. That way your doctor knows what to rely on.</p>
-        <div class="shot"><img src="../assets/img/ipad-arztbericht-1100.webp?v=b" width="1100" height="858" alt="Doctor report on iPad with key figures, duration classes and questions for the appointment" loading="lazy"></div>
+        <div class="shot"><img src="../assets/img/en/ipad-arztbericht-1100.webp?v=c" width="1100" height="858" alt="Doctor report on iPad with key figures, duration classes and questions for the appointment" loading="lazy"></div>
       </div></article>
       <article class="shell b-hear reveal d1"><div class="core tile">
         <span class="tag">Hearing history</span>
         <h3>Your hearing over time</h3>
         <p>Enter audiograms from your clinic. Equilo shows hearing tests from the Health app, such as the AirPods hearing test, alongside them. The low-frequency range appears as a curve over time, honestly framed as a trend and not as a clinical finding.</p>
-        <div class="shot"><figure class="phone"><img src="../assets/img/hoerverlauf-440.webp?v=b" width="440" height="956" alt="Hearing history with low-frequency averages for left and right ear" loading="lazy"></figure></div>
+        <div class="shot"><figure class="phone"><img src="../assets/img/en/hoerverlauf-440.webp?v=c" width="440" height="956" alt="Hearing history with low-frequency averages for left and right ear" 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="Pattern analysis: factors such as stress and mood with their range" loading="lazy"></figure></div>
+    <div class="media"><figure class="phone reveal" style="width:min(300px,80%);margin-inline:auto"><img src="../assets/img/en/muster-440.webp?v=c" srcset="../assets/img/en/muster-440.webp?v=c 440w, ../assets/img/en/muster-720.webp?v=c 720w" sizes="300px" width="440" height="956" alt="Pattern analysis: factors such as stress and mood with their range" loading="lazy"></figure></div>
     <div>
       <span class="eyebrow reveal"><i></i>Honesty, not predictions</span>
       <h2 class="reveal d1">Equilo also tells you <em>what it doesn't know.</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>Only what you send gets shared</b><span>The image is created on your iPhone. No diagnosis, no medication, no name, if you don't want them.</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="Image preview “My week” with dots for calm days and attacks, symptoms and early signs" loading="lazy"></figure></div>
+    <div class="media"><figure class="phone reveal d1"><img src="../assets/img/en/so-gehts-mir-440.webp?v=c" srcset="../assets/img/en/so-gehts-mir-440.webp?v=c 440w, ../assets/img/en/so-gehts-mir-720.webp?v=c 720w" sizes="290px" width="440" height="956" alt="Image preview “My week” with dots for calm days and attacks, symptoms and early signs" 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="Medication with supply: betahistine, 46 tablets, enough for a good three weeks" loading="lazy"></figure>
+      <figure class="phone reveal"><img src="../assets/img/en/medikamente-440.webp?v=c" srcset="../assets/img/en/medikamente-440.webp?v=c 440w, ../assets/img/en/medikamente-720.webp?v=c 720w" sizes="290px" width="440" height="956" alt="Medication with supply: betahistine, 46 tablets, enough for a good three weeks" loading="lazy"></figure>
-      <figure class="watchmini reveal d2"><img src="../assets/img/watch-symptome.webp?v=b" width="422" height="514" alt="Apple Watch: tap symptoms after an attack, your own symptoms at the top" loading="lazy"></figure>
+      <figure class="watchmini reveal d2"><img src="../assets/img/en/watch-symptome.webp?v=c" width="422" height="514" alt="Apple Watch: tap symptoms after an attack, your own symptoms at the top" loading="lazy"></figure>
     </div>
     <div>
       <span class="eyebrow reveal"><i></i>Everyday life</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="Knowledge section with fact of the day and myth check" loading="lazy"></figure></div>
+    <div class="media"><figure class="phone reveal" style="width:min(290px,80%);margin-inline:auto"><img src="../assets/img/en/wissen-440.webp?v=c" srcset="../assets/img/en/wissen-440.webp?v=c 440w, ../assets/img/en/wissen-720.webp?v=c 720w" sizes="290px" width="440" height="956" alt="Knowledge section with fact of the day and myth check" loading="lazy"></figure></div>
     <div>
       <span class="eyebrow reveal"><i></i>Knowledge with sources</span>
       <h2 class="reveal d1">One fact a day. <em>With evidence.</em></h2>