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

Website: neue Screenshots (Build 32), Live-Aktivität im Hero, Vorzeichen und Symptome bei So geht's mir, ruhigere Abstände, Startzustand Bald im App Store

Browse Source
This commit is contained in:
till committed 2026-10-05 20:44:52 +02:00
1 parent 75f09d5352
commit 921934ca1b
24 files changed
+65 -21
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

assets/site.css
+39
View File
@@ -279,3 +279,42 @@ footer{padding:3.5rem 0 4rem;border-top:1px solid var(--hair);font-size:.92rem;c
.menu-open .overlay a:nth-child(6){transition-delay:.25s}.menu-open .overlay a:nth-child(7){transition-delay:.3s}
@media(max-width:960px){.support-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.support-grid{grid-template-columns:1fr}}
/* ---------- Oktober 2026: Rhythmus, Startzustand ---------- */
/* Abstände: Eyebrow, Überschrift und Text hatten in den Split-Abschnitten keinen Abstand. */
.eyebrow + h1,.eyebrow + h2{margin-top:1.15rem}
h2 + p,h1 + p{margin-top:1.25rem}
.split > div > p{max-width:38rem}
.split h2{max-width:18ch}
.split .points{margin-top:2.4rem}
.points{gap:1.35rem}
.points li{grid-template-columns:2.6rem 1fr;gap:1rem}
.points .pi{width:2.6rem;height:2.6rem}
.points span{line-height:1.55}
.facts,.myths{margin-top:2.6rem}
@media(max-width:767px){
section{padding:4.5rem 0}
.story{padding-top:2.5rem}
.split{gap:3rem}
.split h2{max-width:none}
.head h2{margin:1rem 0}
.hero{padding-bottom:3rem}
.phones-duo{gap:.9rem}
.phones-duo .phone:nth-child(2){margin-top:2.5rem}
.honest{margin:0 .5rem}
}
/* Startzustand: vor der Freigabe „Bald im App Store“, danach App-Store-Knöpfe (html[data-launch]). */
html[data-launch="soon"] .when-live{display:none!important}
html[data-launch="live"] .when-soon{display:none!important}
.soon-pill{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.3rem;border-radius:999px;font-weight:600;font-size:.98rem;color:var(--teal-deep);background:var(--paper);box-shadow:inset 0 0 0 1px var(--hair),0 12px 28px -20px rgba(15,43,43,.5)}
.soon-pill i{width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 0 rgba(232,155,123,.6);animation:soonPulse 2.4s var(--ease) infinite}
@keyframes soonPulse{0%{box-shadow:0 0 0 0 rgba(232,155,123,.55)}70%{box-shadow:0 0 0 10px rgba(232,155,123,0)}100%{box-shadow:0 0 0 0 rgba(232,155,123,0)}}
.hero .note a{color:var(--teal);text-underline-offset:3px}
.eyebrow > span{display:inline}
/* Abschnittsabstände: vorher bis zu 10rem oben und unten, zwischen zwei hellen Abschnitten wirkte das wie ein Loch. */
section{padding:clamp(4.5rem,8vw,7.5rem) 0}
.story{padding-top:3rem;padding-bottom:clamp(3rem,5vw,4.5rem)}
.story + section{padding-top:clamp(3rem,5vw,4.5rem)}
.hero{padding-bottom:3.5rem}