diff --git a/assets/css/main.css b/assets/css/main.css index 4b2eca4f..8fe84963 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -825,17 +825,28 @@ header.site-header { .btn-tiktok, .btn-tiktok::before, .btn-tiktok::after, .btn-tiktok-note, .btn-tiktok-text { animation: none; } } -/* Silberner "Coming soon"-Button: eigener, deutlich edlerer Look als +/* Silberner Hervorhebungs-Button: eigener, deutlich edlerer Look als .btn-tiktok — echtes Chrome-Metallic-Textglitzern, rotierender Metallrand-Schimmer, zwei funkelnde Sparkle-Akzente und ein sanft - pulsierender Halo-Glow. Für Dinge, die noch nicht live sind - (z.B. VanVans zweiter Kanal), aber trotzdem besonders auffallen sollen. */ + pulsierender Halo-Glow. Für Dinge, die besonders auffallen sollen — + gesperrt (abonnieren.html, "Coming soon…", ohne href und mit + aria-disabled) ODER als echter Link (vanvan.html → VanVans Shop). + Der :hover-Zustand unten passt deshalb nur zur verlinkten Variante; + im gesperrten Fall fällt er mangels href kaum auf. */ .btn-silver { position: relative; isolation: isolate; overflow: visible; display: inline-flex; align-items: center; + /* Die Beschriftung bleibt in EINER Zeile. Ohne das brach "VAN´S DIY" auf + dem Handy am Apostroph mitten im Wort um ("VAN / ´S / DIY", 05.09.2026 + gemessen bei 390px: Knopf 117px hoch statt 89px). Grund ist die schmale + Spalte auf vanvan.html — die Sektion bleibt dort auch auf dem Handy + zweispaltig, weil ein Inline-Style die Regel aus @media(max-width:620px) + überschreibt. nowrap macht die Knopfbreite zur Mindestbreite der Spalte, + das Gitter gibt ihm den Platz dann von selbst. */ + white-space: nowrap; gap: .55rem; padding: .95rem 2.4rem; border-radius: 999px; diff --git a/assets/js/i18n-vanvan.js b/assets/js/i18n-vanvan.js index ef7a72b4..e5941c7b 100644 --- a/assets/js/i18n-vanvan.js +++ b/assets/js/i18n-vanvan.js @@ -32,9 +32,12 @@ window.I18N_PAGE = { fr: `Vous me trouverez sur TikTok sous :`, pt: `Vocês me encontram no TikTok em:`, }, - vv_coming_soon: { - de: `Coming soon…`, "de-CH": `Coming soon…`, - en: `Coming soon…`, fr: `Coming soon…`, pt: `Coming soon…`, + /* Eigenname von VanVans Shop — bleibt in allen fünf Sprachen gleich, + wird also bewusst nicht übersetzt. (Bis 05.09.2026 stand hier + "Coming soon…", der Knopf führt jetzt zu vans-diy-bastelbedarf.com.) */ + vv_vansdiy: { + de: `VAN´S DIY`, "de-CH": `VAN´S DIY`, + en: `VAN´S DIY`, fr: `VAN´S DIY`, pt: `VAN´S DIY`, }, vv_wer_1: { de: "Ich bin ein Mensch, der mit dem Herzen denkt, unglaublich loyal ist und für die Menschen kämpft, die ihm wichtig sind.", diff --git a/vanvan.html b/vanvan.html index 90ded9ca..651d59dc 100644 --- a/vanvan.html +++ b/vanvan.html @@ -59,7 +59,13 @@

Auf TikTok findet ihr mich unter:

TikTok
- Coming soon… + + VAN´S DIY

Ich bin ein Mensch, der mit dem Herzen denkt, unglaublich loyal ist und für die Menschen kämpft, die ihm wichtig sind.

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.

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.