fix: prevent hero title descender clipping, replace <br> with styled <span> for second line across all locales

This commit is contained in:
Timo
2026-06-09 21:14:55 +02:00
parent 39fe2cbd11
commit 5216fde641
34 changed files with 69 additions and 64 deletions
+3 -3
View File
@@ -6,9 +6,9 @@
<title>KoalaSync | Sync Netflix, YouTube & Any Video with Friends</title>
<meta name="description" content="Watch Netflix, YouTube, Twitch & any HTML5 video in perfect sync with friends. Free, open-source browser extension for Chrome and Firefox. No sign-up needed.">
<link rel="preload" href="style.5ee446e6.min.css" as="style">
<link rel="preload" href="style.49e7653a.min.css" as="style">
<link rel="preload" as="image" href="assets/LookDownKoala.webp" imagesrcset="assets/LookDownKoala-1x.webp 90w, assets/LookDownKoala.webp 205w" imagesizes="90px" fetchpriority="high">
<link rel="stylesheet" href="style.5ee446e6.min.css">
<link rel="stylesheet" href="style.49e7653a.min.css">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/icon-192x192.png">
@@ -260,7 +260,7 @@
<span class="version-text-en" lang="en">v2.2.1 OUT NOW</span>
<span class="version-text-de" lang="de">v2.2.1 JETZT VERFÜGBAR</span>
</a>
<h1 data-reveal>Watch Together.<br>Sync Perfectly.</h1>
<h1 data-reveal>Watch Together.<span class='hero-line2'>Sync Perfectly.</span></h1>
<p class="hero-subtitle" data-reveal>Your remote movie night without lags. No registration, no data collection. Just share a link and watch together.</p>
<div class="hero-mascot-container" data-reveal>
<picture><source srcset="assets/LookDownKoala-1x.avif 90w, assets/LookDownKoala.avif 205w" type="image/avif"><img src="assets/LookDownKoala-1x.webp" srcset="assets/LookDownKoala-1x.webp 90w, assets/LookDownKoala.webp 205w" sizes="90px" alt="A cute koala standing and looking down at the download buttons" class="hero-lookdown-mascot" width="90" height="132" loading="eager" fetchpriority="high" decoding="async"></picture>