vanvan.html: größeres Foto, größerer Text, neuer "Coming soon"-Button

- Foto in der "Wer ich bin"-Sektion vergrößert (Grid-Spalten von 1:1 auf
  1.25:1 zugunsten des Fotos).
- Fließtext/Lead/Zitate/Überschriften auf der ganzen Seite spürbar
  größer (eigener <style>-Block, nur für diese Seite).
- Neuer .btn-silver-Button-Stil (gleicher Polarlicht-Mechanismus wie
  .btn-tiktok, nur in Silber) direkt unter dem TikTok-Button, Text
  "Coming soon…" für VanVans zweiten, noch nicht gestarteten Kanal.
This commit is contained in:
2026-08-02 19:36:13 +02:00
parent cabfebb8e5
commit c98667cb99
3 changed files with 74 additions and 2 deletions
+11 -2
View File
@@ -21,6 +21,13 @@
<link rel="stylesheet" href="assets/css/theme-dogfather.css" />
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
<style>
/* Auf Wunsch: Text auf der ganzen VanVan-Seite größer, wirkte zu klein. */
main p { font-size: 1.14rem; line-height: 1.85; }
main .lead { font-size: 1.3rem; }
main .quote { font-size: 1.2rem; }
main h2 { font-size: clamp(1.7rem, 3.8vw, 2.6rem); }
</style>
</head>
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-vanvan.jpg');--page-bg-mobile:url('/assets/img/bg-vanvan-mobile.jpg');">
<div id="site-header"></div>
@@ -36,7 +43,7 @@
</section>
<section class="section-tight">
<div class="container grid grid-2" style="align-items:center;">
<div class="container grid grid-2" style="align-items:center;grid-template-columns:1.25fr 1fr;">
<div class="collage-photo" style="aspect-ratio:1/1;border-radius:var(--radius);">
<img src="assets/img/card-vanvan.jpg" alt="VanVan" style="width:100%;height:100%;object-fit:cover;" />
</div>
@@ -44,7 +51,9 @@
<h2 data-i18n="vv_wer_h2">Wer ich bin</h2>
<p class="lead" data-i18n="vv_wer_lead">Huhu, hier ist VanVan, die rechte Hand von Dogi.</p>
<p data-i18n="vv_wer_tiktok">Auf TikTok findet ihr mich unter:</p>
<a class="btn-tiktok" href="https://www.tiktok.com/@o.o.vanessa.o.o" target="_blank" rel="noopener" style="margin-bottom:1rem;"><span>TikTok</span></a>
<a class="btn-tiktok" href="https://www.tiktok.com/@o.o.vanessa.o.o" target="_blank" rel="noopener" style="margin-bottom:.7rem;"><span>TikTok</span></a>
<br />
<a class="btn-silver" href="#" aria-disabled="true" onclick="return false;" style="margin-bottom:1rem;"><span data-i18n="vv_coming_soon">Coming soon…</span></a>
<p data-i18n="vv_wer_1" style="margin-top:1.4rem;">Ich bin ein Mensch, der mit dem Herzen denkt, unglaublich loyal ist und für die Menschen kämpft, die ihm wichtig sind.</p>
<p data-i18n="vv_wer_2">Wenn ich zu jemandem Vertrauen aufgebaut habe, gibt es für mich kein „halb“. Dann bin ich da unabhängig davon, ob gerade gute oder schwierige Zeiten herrschen.</p>
<p data-i18n="vv_wer_3">Freundschaft, Zusammenhalt und Ehrlichkeit bedeuten mir mehr als alles andere. Für mich zählen keine Fassaden, sondern der Charakter eines Menschen. Wenn ich jemanden unterstütze, dann nicht, weil es von mir erwartet wird, sondern weil ich aus voller Überzeugung hinter diesem Menschen stehe.</p>