From 8048d03fad259dc00c3925421a223dc902342b34 Mon Sep 17 00:00:00 2001 From: Dogfather Date: Sun, 2 Aug 2026 13:32:37 +0200 Subject: [PATCH] Neuer TikTok-Button-Stil (Polarlicht-Pille mit echten TikTok-Farben) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Auf vanvan.html und dogfather.html ersetzt ein neuer .btn-tiktok-Button (gleicher Polarlicht-/Schimmer-Mechanismus wie der "Bewerben"-Button im Header, aber mit TikTok-Markenfarben Cyan #25F4EE + Pink/Rot #FE2C55 statt der allgemeinen Regenbogen-Aurora) den bisherigen reinen Text- Handle-Mention. Bewusst NUR für echte TikTok-Links verwendet — keine anderen Buttons/Links bekommen diese Farben. --- assets/css/main.css | 61 +++++++++++++++++++++++++++++++++++++ assets/js/i18n-dogfather.js | 10 +++--- assets/js/i18n-vanvan.js | 10 +++--- dogfather.html | 3 +- vanvan.html | 3 +- 5 files changed, 75 insertions(+), 12 deletions(-) diff --git a/assets/css/main.css b/assets/css/main.css index fe4dbd0..299bc7a 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -449,6 +449,67 @@ header.site-header { .nav-cta::before, .nav-cta::after { animation: none; } } +/* TikTok-Button: exakt derselbe Polarlicht-Mechanismus wie .nav-cta + (schwarze Pille + wandernde Farbwolken + Lichtschimmer), aber mit den + echten TikTok-Markenfarben (Cyan #25F4EE + Pink/Rot #FE2C55) statt der + allgemeinen Regenbogen-Aurora. Bewusst NUR für echte TikTok-Links + verwendet — keine anderen Social-/CTA-Buttons bekommen diese Farben. */ +.btn-tiktok { + position: relative; + isolation: isolate; + overflow: hidden; + display: inline-flex; + align-items: center; + gap: .4rem; + padding: .6rem 1.5rem; + border-radius: 999px; + color: #fff; + font-weight: 700; + font-size: .95rem; + background: #0b0e14; + border: 1px solid rgba(255, 255, 255, .16); + text-decoration: none; + transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; + box-shadow: 0 6px 18px rgba(0, 0, 0, .35); +} +.btn-tiktok span { + position: relative; + z-index: 2; + text-shadow: 0 1px 3px rgba(0, 0, 0, .6), 0 0 14px rgba(0, 0, 0, .35); +} +.btn-tiktok::before { + content: ""; + position: absolute; + inset: -60%; + z-index: 0; + background: + radial-gradient(circle at 22% 30%, rgba(37, 244, 238, .95), transparent 55%), + radial-gradient(circle at 78% 68%, rgba(254, 44, 85, .95), transparent 58%); + filter: blur(9px) saturate(1.35); + animation: nav-cta-aurora 9s ease-in-out infinite alternate; +} +.btn-tiktok::after { + content: ""; + position: absolute; + inset: 0; + z-index: 1; + background: linear-gradient(115deg, transparent 35%, rgba(255, 255, 255, .4) 49%, transparent 63%); + background-size: 240% 100%; + mix-blend-mode: overlay; + animation: nav-cta-shimmer 4.5s linear infinite; + pointer-events: none; +} +.btn-tiktok:hover { + transform: translateY(-1px); + border-color: rgba(255, 255, 255, .32); + box-shadow: 0 10px 26px rgba(0, 0, 0, .45), + 0 0 22px rgba(37, 244, 238, .35), + 0 0 22px rgba(254, 44, 85, .35); +} +@media (prefers-reduced-motion: reduce) { + .btn-tiktok::before, .btn-tiktok::after { animation: none; } +} + .nav-toggle { display: none; background: none; diff --git a/assets/js/i18n-dogfather.js b/assets/js/i18n-dogfather.js index b978c60..999fe5a 100644 --- a/assets/js/i18n-dogfather.js +++ b/assets/js/i18n-dogfather.js @@ -22,11 +22,11 @@ window.I18N_PAGE = { en: "Who is Filipe?", fr: "Qui est Filipe ?", pt: "Quem é o Filipe?", }, df_wer_lead: { - de: `Content Creator, Streamer auf TikTok (@dogfather0804) und das Herz einer wachsenden Community.`, - "de-CH": `Content Creator, Streamer uf TikTok (@dogfather0804) und s Herz vo re wachsende Community.`, - en: `Content creator, streamer on TikTok (@dogfather0804) and the heart of a growing community.`, - fr: `Créateur de contenu, streamer sur TikTok (@dogfather0804) et le cœur d'une communauté grandissante.`, - pt: `Content creator, streamer no TikTok (@dogfather0804) e o coração de uma comunidade em crescimento.`, + de: `Content Creator, Streamer auf TikTok und das Herz einer wachsenden Community.`, + "de-CH": `Content Creator, Streamer uf TikTok und s Herz vo re wachsende Community.`, + en: `Content creator, streamer on TikTok and the heart of a growing community.`, + fr: `Créateur de contenu, streamer sur TikTok et le cœur d'une communauté grandissante.`, + pt: `Content creator, streamer no TikTok e o coração de uma comunidade em crescimento.`, }, df_wer_1: { de: "Filipe ist 34 Jahre alt, gebürtiger Portugiese und lebt seit Februar 2026 in Luxemburg. Sein bisheriger Weg führte ihn durch verschiedene Orte, unterschiedliche Lebensabschnitte und Erfahrungen, die ihn zu dem Menschen gemacht haben, der er heute ist.", diff --git a/assets/js/i18n-vanvan.js b/assets/js/i18n-vanvan.js index 8ba2c76..3968e57 100644 --- a/assets/js/i18n-vanvan.js +++ b/assets/js/i18n-vanvan.js @@ -26,11 +26,11 @@ window.I18N_PAGE = { en: "Hey, this is VanVan, Dogi's right hand.", fr: "Coucou, c'est VanVan, le bras droit de Dogi.", pt: "Oi, aqui é a VanVan, o braço direito do Dogi.", }, vv_wer_tiktok: { - de: `Auf TikTok findet ihr mich unter @o.o.vanessa.o.o.`, - "de-CH": `Uf TikTok findet ihr mich unter @o.o.vanessa.o.o.`, - en: `You can find me on TikTok at @o.o.vanessa.o.o.`, - fr: `Vous me trouverez sur TikTok sous @o.o.vanessa.o.o.`, - pt: `Vocês me encontram no TikTok em @o.o.vanessa.o.o.`, + de: `Auf TikTok findet ihr mich unter:`, + "de-CH": `Uf TikTok findet ihr mich unter:`, + en: `You can find me on TikTok at:`, + fr: `Vous me trouverez sur TikTok sous :`, + pt: `Vocês me encontram no TikTok em:`, }, 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/dogfather.html b/dogfather.html index 594045b..d6d64cc 100644 --- a/dogfather.html +++ b/dogfather.html @@ -42,7 +42,8 @@

Wer ist Filipe?

-

Content Creator, Streamer auf TikTok (@dogfather0804) und das Herz einer wachsenden Community.

+

Content Creator, Streamer auf TikTok und das Herz einer wachsenden Community.

+ TikTok

Filipe ist 34 Jahre alt, gebürtiger Portugiese und lebt seit Februar 2026 in Luxemburg. Sein bisheriger Weg führte ihn durch verschiedene Orte, unterschiedliche Lebensabschnitte und Erfahrungen, die ihn zu dem Menschen gemacht haben, der er heute ist.

An seiner Seite: Husky Casper und Kater Simba — treue Begleiter, die längst Teil der Marke geworden sind. Mit seinem Core-Team baut DogFather jeden Tag daran, dass sich Menschen in seiner Community nicht allein fühlen.

diff --git a/vanvan.html b/vanvan.html index 590b980..5df76d0 100644 --- a/vanvan.html +++ b/vanvan.html @@ -43,7 +43,8 @@

Wer ich bin

Huhu, hier ist VanVan, die rechte Hand von Dogi.

-

Auf TikTok findet ihr mich unter @o.o.vanessa.o.o.

+

Auf TikTok findet ihr mich unter:

+ TikTok

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.