till/equilo-landing
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WT5AWHW7UkHrBjhNyA2y8X
This commit is contained in:
tillandClaude Opus 5.5 committed 2026-10-09 06:26:23 +02:00
1 parent 15bef1161e
commit cca5161014
102 files changed
+48 -48
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

en/index.html
+12 -12
View File
@@ -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 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/en/heute-440.webp?v=c" width="440" height="956" 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/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 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"><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/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="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="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/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>