diff --git a/assets/css/main.css b/assets/css/main.css index 68dcdab..c199cab 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1284,6 +1284,54 @@ body.seite-laedt main { opacity: .55; transition: opacity .15s ease; } 0 0 34px color-mix(in srgb, var(--accent) 55%, transparent); } .music-widget.open .music-toggle { transform: rotate(12deg); } +.music-toggle span { position: relative; z-index: 2; } + +/* Auf den Bewerben-Seiten bekommt der Musik-Knopf dieselbe Polarlicht- + Farbe wie der "Bewerben"-Knopf oben in der Leiste — beide markieren + hier bewusst denselben "Treffpunkt beider Welten"-Charakter der Seite. */ +body.bewerben-seite .music-toggle { + position: relative; + isolation: isolate; + overflow: hidden; + background: #0b0e14; + border-color: rgba(255, 255, 255, .18); + color: #fff; +} +body.bewerben-seite .music-toggle::before { + content: ""; + position: absolute; + inset: -40%; + z-index: 0; + background: + radial-gradient(circle at 20% 25%, rgba(143, 217, 234, .95), transparent 55%), + radial-gradient(circle at 45% 75%, rgba(139, 92, 246, .9), transparent 58%), + radial-gradient(circle at 80% 30%, rgba(217, 74, 92, .95), transparent 55%), + radial-gradient(circle at 60% 85%, rgba(232, 147, 58, .55), transparent 55%); + filter: blur(6px) saturate(1.35); + animation: nav-cta-aurora 9s ease-in-out infinite alternate; +} +body.bewerben-seite .music-toggle::after { + content: ""; + position: absolute; + inset: 0; + z-index: 1; + border-radius: 999px; + 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; +} +body.bewerben-seite .music-toggle:hover, +body.bewerben-seite .music-toggle:focus-visible { + box-shadow: 0 16px 38px rgba(0, 0, 0, .5), + 0 0 22px rgba(143, 217, 234, .3), + 0 0 22px rgba(217, 74, 92, .28); +} +@media (prefers-reduced-motion: reduce) { + body.bewerben-seite .music-toggle::before, + body.bewerben-seite .music-toggle::after { animation: none; } +} .music-panel { width: min(330px, calc(100vw - 44px)); diff --git a/assets/js/main.js b/assets/js/main.js index e7517f0..d72a22d 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -19,8 +19,6 @@ { label: "Casper", href: "casper.html" }, { label: "VanVan", href: "vanvan.html" }, { label: "Zeitreise", href: "zeitreise.html" }, - // Streamplan zurück unter Dogfather — Wunsch Dogi. - { label: "Streamplan", href: "streamplan.html" }, ], }, { @@ -30,6 +28,8 @@ { label: "Modi-Team", href: "team-modis.html" }, { label: "Community", href: "community.html" }, { label: "Stimmen", href: "stimmen.html" }, + // Streamplan zurück unter HasiDog — Wunsch Dogi. + { label: "Streamplan", href: "streamplan.html" }, ], }, { @@ -154,7 +154,6 @@
  • Casper
  • VanVan
  • Zeitreise
    • -
  • Streamplan
    • @@ -164,6 +163,7 @@
  • Modi-Team
  • Community
  • Stimmen
    • +
  • Streamplan
  • Manager Dogfather
  • Scouts
    • @@ -249,7 +249,7 @@
    `; + title="Musik von Hasidog & Van-Van">🎵`; document.body.appendChild(widget); const panel = document.getElementById("music-panel"); diff --git a/bewerben-creator.html b/bewerben-creator.html index 117b046..1f40137 100644 --- a/bewerben-creator.html +++ b/bewerben-creator.html @@ -22,7 +22,7 @@ - +
    diff --git a/bewerben-kooperation.html b/bewerben-kooperation.html index aaea051..dfee057 100644 --- a/bewerben-kooperation.html +++ b/bewerben-kooperation.html @@ -22,7 +22,7 @@ - +
    diff --git a/bewerben-modi.html b/bewerben-modi.html index 764195c..06f232f 100644 --- a/bewerben-modi.html +++ b/bewerben-modi.html @@ -22,7 +22,7 @@ - +
    diff --git a/bewerben-scout.html b/bewerben-scout.html index 217c9cb..ce59d41 100644 --- a/bewerben-scout.html +++ b/bewerben-scout.html @@ -22,7 +22,7 @@ - +
    diff --git a/bewerben.html b/bewerben.html index 1ea9b2a..412c96c 100644 --- a/bewerben.html +++ b/bewerben.html @@ -22,7 +22,7 @@ - +
    diff --git a/dogfather.html b/dogfather.html index f3ec8b8..7adea92 100644 --- a/dogfather.html +++ b/dogfather.html @@ -49,6 +49,19 @@ +
    +
    +

    Der Mensch hinter DogFather

    +

    Hinter DogFather steht ein Mensch, dem Familie, Loyalität und echter Zusammenhalt besonders wichtig sind.

    +

    Ich bin ein direkter, ehrlicher und humorvoller Mensch, der großen Wert darauf legt, andere so zu behandeln, wie er selbst behandelt werden möchte. Respekt, Vertrauen und Verlässlichkeit sind für mich keine leeren Worte, sondern Werte, nach denen ich jeden Tag lebe.

    +

    Menschen, die mir wichtig sind, können sich jederzeit auf mich verlassen. Ich höre zu, unterstütze, wo ich kann, und versuche auch in schwierigen Situationen, den Blick für das Positive nicht zu verlieren. Gleichzeitig bin ich jemand, der offen seine Meinung sagt und lieber ehrlich als oberflächlich ist.

    +

    Neben meiner ernsten und verantwortungsvollen Seite gehört auch eine große Portion Humor zu mir. Ich lache gerne, nehme mich selbst nicht immer zu ernst und genieße die kleinen, besonderen Momente im Leben.

    +

    Für mich zählt nicht, was ein Mensch besitzt oder nach außen darstellt. Entscheidend sind sein Charakter, sein Herz und die Art, wie er mit anderen Menschen umgeht.

    +

    Echt im Herzen. Klar im Kopf. Loyal bis zum Schluss.

    +

    – Filipe

    +
    +
    +

    Persönlichkeit

    diff --git a/links.html b/links.html index 2e50157..b416265 100644 --- a/links.html +++ b/links.html @@ -42,9 +42,17 @@

    @dogfather0804

    -

    💬 Discord

    +

    📸 Instagram

    Folgt in Kürze

     + +

    👻 Snapchat

    +

    Folgt in Kürze

    +     + +

    💬 Discord

    +

    Nur auf Anfrage

    +

    🛒 Merchandise / Shop

    Folgt in Kürze

    @@ -75,7 +83,7 @@

    Dogis persönlicher Teilen-Baustein

    - +
    diff --git a/streamer.html b/streamer.html index f9813af..c728c25 100644 --- a/streamer.html +++ b/streamer.html @@ -61,6 +61,19 @@ +
    +
    +

    Der Mensch hinter DogFather

    +

    Hinter DogFather steht ein Mensch, dem Familie, Loyalität und echter Zusammenhalt besonders wichtig sind.

    +

    Ich bin ein direkter, ehrlicher und humorvoller Mensch, der großen Wert darauf legt, andere so zu behandeln, wie er selbst behandelt werden möchte. Respekt, Vertrauen und Verlässlichkeit sind für mich keine leeren Worte, sondern Werte, nach denen ich jeden Tag lebe.

    +

    Menschen, die mir wichtig sind, können sich jederzeit auf mich verlassen. Ich höre zu, unterstütze, wo ich kann, und versuche auch in schwierigen Situationen, den Blick für das Positive nicht zu verlieren. Gleichzeitig bin ich jemand, der offen seine Meinung sagt und lieber ehrlich als oberflächlich ist.

    +

    Neben meiner ernsten und verantwortungsvollen Seite gehört auch eine große Portion Humor zu mir. Ich lache gerne, nehme mich selbst nicht immer zu ernst und genieße die kleinen, besonderen Momente im Leben.

    +

    Für mich zählt nicht, was ein Mensch besitzt oder nach außen darstellt. Entscheidend sind sein Charakter, sein Herz und die Art, wie er mit anderen Menschen umgeht.

    +

    Echt im Herzen. Klar im Kopf. Loyal bis zum Schluss.

    +

    – Filipe

    +
    +
    +