DogFatherGitandClaude Opus 5
e1ee778c04
Filipe, mit dem Bildschirmfoto der LIVE-Punkte: "diese aufgaben auf
screen. alle auf dieser app getrennt von denen auf der team dogi
website bitte, sehr wichtig. die sollen die manager und scouts bewerten
können mit passt passt nicht verbesserung möglich und was weiß ich. und
die creator sollen sehen was bei ihnen passt oder nicht mit der notiz
vom manager oder scout. spicy und dogfather sollen auch bewerten können
wie vorher. ... und wie gesagt von der team dogi seite da ist ein
anderes system auf diesen aufgaben."
WAS AUF DEM BILDSCHIRMFOTO STAND, WAR NICHT SEINE SEITE
Unter "Vor der Sendung" stand die Liste eines MODIS -- erkennbar am
Satz darueber ("Was du vor und beim Start gesehen hast") und an den
Punkten ("Die Ankuendigung kam rechtzeitig"). Am echten Bestand
nachgemessen: Die Auswahl "Person" fuellte sich aus allen Creatorn PLUS
allen Modis, sortiert nach Namen. Der erste Name im Haus ist "Diene",
eine Modi -- und ohne ausdrueckliche Wahl nimmt die Seite den ersten.
DogFather bekam auf der Agenturadresse also zuverlaessig das Teamhaus
zu sehen, und druecken konnte er dort nichts, weil ein Modi-Bericht nur
dem Modi selbst gehoert.
DIE GRENZE, AN DREI STELLEN STATT AN EINER
* Die Auswahl geht durch EIN Sieb (hat diese Person ueberhaupt eine
Liste, und steht sie in diesem Haus?) statt durch drei einzeln
gepflegte Bedingungen.
* Die Grenze haelt auch gegen eine von Hand eingetragene Nummer --
eine ausgeduennte Auswahlliste ist Kosmetik, solange ?creator_id=
durchgeht.
* Die gueltigen Punkt-Schluessel lagen fuer beide Haeuser in EINER
Menge. Ein Scout konnte damit bei einem Creator den Stand eines
Modi-Punktes setzen: angenommen, gespeichert, nie zu sehen.
* Dazu: `darfCreator` sagt fuer DogFather bei JEDER Nummer ja -- er
konnte einen Stand an einer Managerin oder an sich selbst setzen.
Drei Lagen wie bei den Aufgaben: crew / agentur / keine Adresse. Der
dritte Ausgang ist kein Schlupfloch, sondern die Bedingung dafuer, dass
die Pruefungen ueberhaupt noch etwas messen koennen.
ZWEI SKALEN, WEIL ES ZWEI VERSCHIEDENE DINGE SIND
Agentur (Betreuung urteilt, Creator liest): Passt / Verbesserung
moeglich / Passt nicht / Trifft nicht zu. Team (Modi berichtet,
DogFather behandelt im Eingang): Passt so / Verbessern, unveraendert --
eine Stufe "Passt nicht" haette dort keinen Empfaenger.
"Trifft nicht zu" ist kein Beiwerk: Ohne sie steht ein Punkt, der bei
diesem Creator gar nicht vorkommt, fuer immer auf "offen" und die
Bilanz zaehlt ihn als unerledigt mit.
Die Worte, die Toene und die Frage im Nachfragefenster kommen vom
Server. Der Browser baut Knoepfe, Marken und Kacheln daraus und kennt
keine Stufe beim Namen -- sonst muesste er ausserdem wissen, WANN
welche gilt, und das waere ein Rollenvergleich in einer Datei, die
jeder herunterladen kann.
DIE NOTIZ TRAEGT JETZT AUCH DIE ROLLE
"mit der notiz vom manager oder scout" -- bis hierher stand am Satz nur
ein Vorname. Wer die Namen im ersten Monat nicht kennt, weiss nicht,
wer da urteilt. Jetzt: "Patrick, Scout · 24.09., 23:43".
DIE UMSTELLUNG DER DATENBANK KOMMT NICHT VON MIR
Eine CHECK-Regel laesst sich in SQLite nicht aendern; die Tabelle muss
neu gebaut werden. Ich hatte den Griff hier zuerst ein zweites Mal
geschrieben -- mit Zeilenzaehlung und PRAGMA-Spaltenliste, aber OHNE
die Sicherung davor, ohne die Indizes und ohne `foreign_key_check`
danach. Drei von fuenf Absicherungen fehlten, und keine davon haette
gefehlt, wenn ich die vorhandene Funktion benutzt haette. Genau davor
warnt ihr eigener Kommentar seit dem 09.09.2026.
Jetzt: `checkListeErweitern` aus workspace.js, ausgegeben statt
nachgebaut. Der Marker ist die erste fehlende Stufe und keine
hingeschriebene -- eine feste Angabe waere an dem Tag falsch, an dem
eine weitere dazukommt.
Und danach wird NACHGESEHEN, was wirklich erlaubt ist: Bricht die
Umstellung ab, werden die neuen Stufen auch nicht angeboten. Ein Knopf,
der beim Druecken scheitert, ist schlechter als kein Knopf.
WAS SONST NOCH NACHGEZOGEN WURDE
* Der Zaehler auf der Creator-Startseite zaehlte fest
`stufe = 'verbessern'`. Die staerkste Rueckmeldung, die es gibt,
waere als Einzige nicht dort erschienen. Jetzt aus dem Katalog.
* Der Satz unter "Feste Punkte" stand im Browser und sprach in BEIDEN
Haeusern vom "Creator". Die Teamfassung bleibt wortgleich -- ab dem
24.09. wird jeder Umbau je Haus getrennt gefuehrt, und dies ist der
des Agenturhauses.
* "Passt" setzt weiterhin mit einem Klick. Ein Nachfragefenster vor
dem haeufigsten Klick einer Betreuung, die vierzig Punkte durchgeht,
macht aus einem Durchgang eine Sitzung.
GEMESSEN
* pruef-checkliste-stufen.mjs, neu: 56 Pruefungen, 0 Fehler. Darin
die Umstellung an einer Datenbank mit dem ALTEN Bauplan und echten
Zeilen -- Zeilen, Spalten UND Spalteninhalte nachgezaehlt, plus die
Sicherung. Zu jeder Schranke die Gegenprobe, die durchkommen muss.
* pruef-checkliste 97, pruef-modi-checkliste 75, pruef-haus-trennung
97, pruef-manager-sicht 43 -- alle unveraendert gruen.
* pruef-checkliste rechnete mit festen Zahlen (drei Bilanzkacheln,
zwei Knoepfe je Punkt) und war rot, ohne dass etwas kaputt war. Sie
fragt die Zahlen jetzt bei der Schnittstelle ab und zaehlt sie im
Browser nach. Gleich viele Pruefstellen, 57.
* Bildschirmfotos bei 1280 px und 390 px (Betreuung, Creator, das
Nachfragefenster): vier Knoepfe passen auf dem Handy als 2x2, 0 px
Ueberhang, keine Konsolenfehler.
* Die neuen Toene sind gerechnet, nicht gegriffen: #d97f87 hat die
relative Helligkeit 0,317 -- so hell wie das vorhandene Gruen
(0,320) und heller als das Blaugrau von "offen" (0,241), das den
Barrierefreiheits-Lauf schon bestanden hat. Kein Signalrot: Ein
gedaempftes Rosé sagt "das gehoert geaendert", ein Rot sagt "du
hast versagt".
Co-Authored-By: Claude Opus 5 <[email protected]>
349 lines
15 KiB
HTML
349 lines
15 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
||
<title>Draußen · Das Rudel</title>
|
||
<meta name="robots" content="noindex, nofollow" />
|
||
<link rel="manifest" href="/workspace/app.webmanifest" />
|
||
<meta name="theme-color" content="#06090f" />
|
||
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609242347" />
|
||
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609242347" />
|
||
<link rel="stylesheet" href="assets/css/gate.css?v=202609242347" />
|
||
<link rel="stylesheet" href="assets/css/start.css?v=202609242347" />
|
||
<link rel="stylesheet" href="assets/css/unsere-seiten.css?v=202609242347" />
|
||
<link rel="stylesheet" href="assets/css/module.css?v=202609242347" />
|
||
<link rel="stylesheet" href="assets/css/haus.css?v=202609242347" />
|
||
</head>
|
||
|
||
<body class="start">
|
||
|
||
<div class="schleier" aria-hidden="true"></div>
|
||
|
||
<header class="kopfleiste">
|
||
<button type="button" class="zurueck-knopf" id="zurueck" hidden>
|
||
<svg class="zurueck-knopf__pfeil" viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="M14.5 5.5 8 12l6.5 6.5" />
|
||
</svg>
|
||
<span class="zurueck-knopf__text">Zurück</span>
|
||
</button>
|
||
<p class="marke"><span class="marke__text"><a class="zurueck" href="start.html">Das Rudel</a> · Draußen</span></p>
|
||
<div class="kopfleiste__rechts">
|
||
<span class="wer" id="wer">…</span>
|
||
<button type="button" class="abmelden" id="abmelden">Abmelden</button>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="inhalt inhalt--breit">
|
||
|
||
<section class="kopf-zeile">
|
||
<div>
|
||
<p class="marke">Das Rudel · Draußen</p>
|
||
<h1 class="titel">Draußen</h1>
|
||
<p class="unterzeile">
|
||
Ob gerade gestreamt wird, wo du Dogi sonst findest — und wo dein
|
||
Rabatt wartet.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ==================================================================
|
||
WARUM DIESE SEITE AM 21.09.2026 UMGEBAUT WURDE
|
||
|
||
Filipe: "mach was anderes aus dieser seite oder mach es viel
|
||
krass und geiler, den wir haben ja jetzt den treff chat also ist
|
||
das schon fast unnoetig ... erstell was was mich von den socken
|
||
schmeisst. es soll wirklich sogar ein wow effekt fuer die
|
||
community ergeben." Dazu die eine Auflage: die Kachel bleibt.
|
||
|
||
WAS SIE VORHER WAR: zwei Karten mit zwei Adressen. Sauber
|
||
gebaut -- und trotzdem kam niemand ein zweites Mal wieder. Wer im
|
||
Rudel ist, kennt die Website. Den Rabattcode merkt man sich beim
|
||
ersten Mal.
|
||
|
||
DIE FRAGE, DIE WIRKLICH JEMAND HAT, IST EINE ANDERE: Laeuft er
|
||
gerade? Und wenn nicht -- wie lange noch? Darauf gab es im Rudel
|
||
bisher keine Antwort, obwohl das Haus sie seit dem 20.08. kennt:
|
||
postfach.dogfather-universe.com/live-status, derselbe Dienst, von
|
||
dem der oeffentliche Streamplan lebt.
|
||
|
||
DER PULS OBEN IST DESHALB KEIN SCHMUCK. Er ist der Grund, diese
|
||
Seite zu oeffnen -- und der Grund, morgen wiederzukommen.
|
||
============================================================== -->
|
||
|
||
<!-- ==================================================================
|
||
DER PULS
|
||
|
||
DREI LAGEN, NICHT ZWEI. Ein Ampelbauteil kennt ueblicherweise
|
||
"live" und "nicht live". Das ist eine Luege, sobald der Dienst
|
||
nicht erreichbar ist: Dann steht dort "nicht live", obwohl
|
||
niemand nachgesehen hat, und jemand verpasst einen Stream, weil
|
||
eine Seite so getan hat, als wuesste sie es.
|
||
|
||
Deshalb `data-lage` mit vier Werten:
|
||
laedt -- wir fragen gerade
|
||
live -- er sendet, mit Titel und Weg hin
|
||
wartet -- er sendet nicht, mit Countdown
|
||
unklar -- wir konnten nicht nachsehen, und sagen das
|
||
|
||
In "unklar" laeuft der Countdown WEITER. Er braucht kein Netz --
|
||
die naechste 20-Uhr-Marke ergibt sich aus der Uhr des Geraets.
|
||
Eine Stoerung beim Live-Dienst nimmt der Seite also nur die eine
|
||
Auskunft, die wirklich von ihm abhaengt, nicht den Rest.
|
||
|
||
Der Ring fuellt sich ueber den ganzen Tag bis zur naechsten
|
||
Sendezeit. Er zeigt damit dasselbe wie die Zahl, aber ohne Lesen:
|
||
Ein fast voller Ring heisst "gleich".
|
||
============================================================== -->
|
||
<section class="puls" id="puls" data-lage="laedt" aria-live="polite">
|
||
<div class="puls__aura" aria-hidden="true"></div>
|
||
|
||
<div class="puls__ring-feld">
|
||
<svg class="puls__ring" viewBox="0 0 120 120" aria-hidden="true">
|
||
<circle class="puls__ring-bahn" cx="60" cy="60" r="52" />
|
||
<circle class="puls__ring-fortschritt" id="puls-bogen" cx="60" cy="60" r="52" />
|
||
</svg>
|
||
<span class="puls__punkt" aria-hidden="true"></span>
|
||
</div>
|
||
|
||
<div class="puls__text">
|
||
<p class="puls__marke" id="puls-marke">DogFather auf TikTok</p>
|
||
<p class="puls__lage" id="puls-lage">Wir sehen gerade nach …</p>
|
||
<p class="puls__zahl" id="puls-zahl">–:–:–</p>
|
||
<p class="puls__klein" id="puls-klein">Alle Zeiten in deiner Ortszeit.</p>
|
||
</div>
|
||
|
||
<!-- DER KNOPF STEHT NEBEN DEM TEXT, NICHT DARIN (21.09.2026).
|
||
|
||
Am Rechner ist die Karte ueber 1200 px breit; lag der Knopf im
|
||
Textblock, klebte er links unten und rechts blieb die halbe
|
||
Karte leer. Als eigenes Geschwister rutscht er mit
|
||
`margin-left: auto` an den rechten Rand -- dorthin, wo der
|
||
Daumen am Handy und der Blick am Rechner ohnehin hinwandern.
|
||
|
||
Am Handy bricht die Karte in eine Spalte um, und er steht
|
||
wieder unter dem Text. Dafuer sorgt derselbe Umbruch, der auch
|
||
den Ring nach oben setzt -- keine zweite Regel. -->
|
||
<a class="puls__knopf" id="puls-knopf"
|
||
href="https://www.tiktok.com/@dogfather0804"
|
||
target="_blank" rel="noopener noreferrer" hidden>Jetzt zuschauen →</a>
|
||
</section>
|
||
|
||
<!-- ==================================================================
|
||
DAS BESONDERE EVENT
|
||
|
||
Dieselbe Quelle wie beim oeffentlichen Streamplan
|
||
(/special-event). Traegt die Verwaltung eines ein, erscheint
|
||
dieser Kasten; sonst ist er nicht da.
|
||
|
||
ER IST VERSTECKT UND NICHT LEER: Ein Kasten mit "kein Event
|
||
geplant" belegt jeden Tag Platz, um an den meisten Tagen nichts
|
||
zu sagen -- und genau deshalb liest ihn niemand mehr an dem Tag,
|
||
an dem doch etwas drinsteht.
|
||
============================================================== -->
|
||
<section class="event" id="event" hidden>
|
||
<span class="event__zeichen" aria-hidden="true">★</span>
|
||
<div class="event__text">
|
||
<p class="event__marke">Besonderes Live-Event</p>
|
||
<h2 class="event__titel" id="event-titel"></h2>
|
||
<p class="event__zahl" id="event-zahl"></p>
|
||
</div>
|
||
<a class="event__knopf" id="event-knopf" href="#"
|
||
target="_blank" rel="noopener noreferrer" hidden>Mehr erfahren →</a>
|
||
</section>
|
||
|
||
<!-- ==================================================================
|
||
DIE KANAELE
|
||
|
||
Die drei Accounts kommen vom Server (/workspace/api/draussen) und
|
||
stehen hier NICHT im Quelltext. Sie haengen dort an derselben
|
||
Liste, die auch die Aufgabenverteilung benutzt.
|
||
|
||
WARUM DAS WICHTIG IST: Am 21.09.2026 stand in dieser Liste
|
||
"@hasidog00804" -- eine Null zu viel, der Account existiert
|
||
nicht. Zwei Pruefungen hatten den Tippfehler abgeschrieben und
|
||
waren deshalb gruen. Eine dritte Abschrift hier waere ein toter
|
||
Link gewesen, den niemand meldet, weil niemand weiss, dass er
|
||
falsch ist.
|
||
|
||
SOLANGE NICHTS DA IST, STEHT HIER AUCH NICHTS -- kein Geruest aus
|
||
grauen Kaesten. Geht der Abruf schief, erscheint ein Satz, der
|
||
sagt, was los ist, statt einer leeren Reihe, die aussieht, als
|
||
gaebe es keine Kanaele.
|
||
============================================================== -->
|
||
<section class="kanaele" id="kanaele" hidden>
|
||
<h2 class="kanaele__titel">Wo du ihn sonst findest</h2>
|
||
<div class="kanaele__reihe" id="kanaele-reihe"></div>
|
||
<p class="kanaele__fehler" id="kanaele-fehler" hidden>
|
||
Die Kanäle konnten gerade nicht geladen werden. Versuch es später
|
||
noch einmal — an deinem Gerät liegt es nicht.
|
||
</p>
|
||
</section>
|
||
|
||
<!-- ==================================================================
|
||
DIE ZWEI SEITEN (seit 19.09.2026, unveraendert in der Sache)
|
||
|
||
DER CODE IST ECHT UND WURDE NACHGESEHEN, nicht abgeschrieben:
|
||
Er steht in partnercodes.json von VanVans Shop als DOGI10, 10
|
||
Prozent, aktiv, ohne Ablaufdatum, mit der Notiz "Zum weitergeben
|
||
an Community, Zuschauer, Freunde etc." -- und mit
|
||
"giltAufSale": false. Genau deshalb steht der Satz zu den
|
||
reduzierten Artikeln hier drunter. Ein Rabatt, der an der Kasse
|
||
anders ausfaellt als angekuendigt, kostet mehr Vertrauen, als
|
||
er Umsatz bringt.
|
||
|
||
Der zweite Code in derselben Datei ist als "Nur fuer Filipe
|
||
persoenlich" vermerkt und steht deshalb NIRGENDWO auf dieser
|
||
Seite.
|
||
============================================================== -->
|
||
|
||
<h2 class="seiten-titel">Unsere Seiten</h2>
|
||
|
||
<div class="seiten-gitter">
|
||
|
||
<!-- ---- DOGFATHER UNIVERSE ------------------------------------ -->
|
||
<article class="aussen aussen--dogi" data-weg="https://dogfather-universe.com/">
|
||
<div class="aussen__schein" aria-hidden="true"></div>
|
||
<!-- DIE SCHWEBENDEN LOGOS (19.09.2026).
|
||
|
||
Filipe: "die sollen paar mal sein in der kacheln und so wie
|
||
schweben, sich ganz leicht bewegen."
|
||
|
||
VIER STUECK, VERSCHIEDEN GROSS UND VERSCHIEDEN SCHNELL. Alle
|
||
gleich waere ein Muster, und ein Muster sieht nach Tapete
|
||
aus. Verschieden heisst: Man nimmt Tiefe wahr, ohne dass
|
||
etwas ablenkt.
|
||
|
||
Sie tragen KEINE Farbe: Das PNG ist eine Maske, die Farbe
|
||
kommt aus dem CSS (--aussen-ton). Deshalb passt dasselbe
|
||
Logo in jede Kachel, egal welchen Ton sie hat.
|
||
|
||
`aria-hidden`, weil sie nichts sagen -- wer die Seite
|
||
vorlesen laesst, soll nicht viermal "Logo" hoeren. -->
|
||
<div class="logo-feld" aria-hidden="true">
|
||
<span class="logo-feld__stueck" data-n="1"></span>
|
||
<span class="logo-feld__stueck" data-n="2"></span>
|
||
<span class="logo-feld__stueck" data-n="3"></span>
|
||
<span class="logo-feld__stueck" data-n="4"></span>
|
||
</div>
|
||
<div class="aussen__kopf">
|
||
<span class="aussen__zeichen" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24">
|
||
<circle cx="12" cy="12" r="8.4" />
|
||
<path d="M3.6 12h16.8M12 3.6c2.4 2.5 2.4 13.9 0 16.8M12 3.6c-2.4 2.5-2.4 13.9 0 16.8" />
|
||
</svg>
|
||
</span>
|
||
<div>
|
||
<p class="aussen__marke">Die Website</p>
|
||
<h3 class="aussen__titel">DogFather Universe</h3>
|
||
</div>
|
||
</div>
|
||
<p class="aussen__satz">
|
||
Die Heimat von DogFather als Streamer, der HasiDog-Community
|
||
und seiner Arbeit als Manager bei Spicy Media.
|
||
</p>
|
||
|
||
<!-- WAS ES DORT GIBT -- ABGELESEN, NICHT AUSGEDACHT.
|
||
Die Punkte stammen aus der Navigation von
|
||
dogfather-universe.com (streamplan.html, hasidog.html,
|
||
zeitreise.html, stimmen.html). Eine erfundene Aufzählung
|
||
wäre beim ersten Klick als Lüge aufgeflogen.
|
||
|
||
UND SIE SIND KEINE LINKS: Die ganze Karte führt zur
|
||
Startseite; einzelne Links darin würden diesen Klick
|
||
zerschneiden und wären auf dem Handy außerdem zu kleine
|
||
Ziele. -->
|
||
<ul class="aussen__liste">
|
||
<li>Der Streamplan – wann was läuft</li>
|
||
<li>HasiDog: die Community rund um Dogi</li>
|
||
<li>Die Zeitreise durch alles Bisherige</li>
|
||
<li>Stimmen von Leuten, die dabei waren</li>
|
||
</ul>
|
||
|
||
<p class="aussen__weg">
|
||
<span class="aussen__adresse">dogfather-universe.com</span>
|
||
<a class="aussen__knopf" href="https://dogfather-universe.com/"
|
||
target="_blank" rel="noopener noreferrer">Seite öffnen →</a>
|
||
</p>
|
||
</article>
|
||
|
||
<!-- ---- VANVANS SHOP ------------------------------------------ -->
|
||
<article class="aussen aussen--shop" data-weg="https://vans-diy-bastelbedarf.com/">
|
||
<div class="aussen__schein" aria-hidden="true"></div>
|
||
<div class="logo-feld" aria-hidden="true">
|
||
<span class="logo-feld__stueck" data-n="1"></span>
|
||
<span class="logo-feld__stueck" data-n="2"></span>
|
||
<span class="logo-feld__stueck" data-n="3"></span>
|
||
<span class="logo-feld__stueck" data-n="4"></span>
|
||
</div>
|
||
<div class="aussen__kopf">
|
||
<span class="aussen__zeichen" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24">
|
||
<path d="M5 8h14l-1.1 11.2a1.4 1.4 0 0 1-1.4 1.3H7.5a1.4 1.4 0 0 1-1.4-1.3z" />
|
||
<path d="M9 8V6.4a3 3 0 0 1 6 0V8" />
|
||
</svg>
|
||
</span>
|
||
<div>
|
||
<p class="aussen__marke">Der Shop</p>
|
||
<!-- NAME UND BESCHREIBUNG STAMMEN VON DER SEITE SELBST
|
||
(og:site_name und meta description). Meine erste Fassung
|
||
hieß „Van's DIY Bastelbedarf" und nannte „Perlen,
|
||
Anhänger, Werkzeug" — beides ausgedacht und beides
|
||
falsch. Der Laden heißt mit „&", und er verkauft vor
|
||
allem Handgemachtes. -->
|
||
<h3 class="aussen__titel">Van's DIY & Bastelbedarf</h3>
|
||
</div>
|
||
</div>
|
||
<p class="aussen__satz">
|
||
VanVans eigener Laden: handgemachte Häkelwerke, Plushies,
|
||
Schmuck und Bastelzubehör.
|
||
</p>
|
||
|
||
<!-- Der Rabatt. Eigener Block, weil er das Wichtigste auf
|
||
dieser Karte ist -- und kopierbar, weil niemand einen Code
|
||
abtippen soll, den er sich vorher merken muss. -->
|
||
<div class="gutschein">
|
||
<p class="gutschein__zeile">
|
||
<span class="gutschein__prozent">10 %</span>
|
||
<span class="gutschein__wofuer">für alle aus der Community</span>
|
||
</p>
|
||
<button type="button" class="gutschein__code" id="code-knopf"
|
||
data-code="DOGI10"
|
||
aria-label="Rabattcode DOGI10 kopieren">
|
||
<span class="gutschein__wort">DOGI10</span>
|
||
<span class="gutschein__hinweis" id="code-hinweis">tippen zum Kopieren</span>
|
||
</button>
|
||
<p class="gutschein__klein">
|
||
Beim Bestellen im Feld für den Gutscheincode eintragen.
|
||
Gilt nicht auf bereits reduzierte Artikel.
|
||
</p>
|
||
</div>
|
||
|
||
<p class="aussen__weg">
|
||
<span class="aussen__adresse">vans-diy-bastelbedarf.com</span>
|
||
<a class="aussen__knopf" href="https://vans-diy-bastelbedarf.com/"
|
||
target="_blank" rel="noopener noreferrer">Shop öffnen →</a>
|
||
</p>
|
||
</article>
|
||
|
||
</div>
|
||
|
||
<p class="seiten-fuss">
|
||
Alles hier öffnet sich in einem neuen Fenster — das Rudel bleibt
|
||
also offen.
|
||
</p>
|
||
|
||
</main>
|
||
|
||
<script src="assets/js/nachfrage.js?v=202609242347" defer></script>
|
||
|
||
<script src="assets/js/wahl.js?v=202609242347" defer></script>
|
||
<script src="assets/js/bereiche.js?v=202609242347" defer></script>
|
||
<script src="assets/js/installieren.js?v=202609242347" defer></script>
|
||
<script src="assets/js/kopf.js?v=202609242347" defer></script>
|
||
<script src="assets/js/glocke.js?v=202609242347" defer></script>
|
||
<script src="assets/js/live.js?v=202609242347" defer></script>
|
||
<script src="assets/js/unsere-seiten.js?v=202609242347" defer></script>
|
||
</body>
|
||
</html>
|