DogFatherGitandClaude Opus 5
f05783ebc8
Filipe: "damit meine videos auch da auf der app rein kommen ... sobald
ich ein video poste erscheint es sofort in der app fuer die ganze
community ... dass man das Coverbild und den Text sieht ... fuer meinen
Account, dann DogFather Clips und HasiDog."
Der Weg, der HEUTE funktioniert -- ohne Freigabe, ohne Geheimnis, ohne
Wartezeit: Adresse einfuegen, alles andere geht von allein.
Link -> oEmbed (Titel, Cover-Adresse, Account)
-> Cover HERUNTERLADEN und bei uns ablegen
-> Eintrag mit Bild, Text und Knopf zum Video
DAS COVER WIRD KOPIERT, NICHT VERLINKT -- der wichtigste Satz.
TikToks Bildadresse ist signiert und laeuft ab. Heute an einem echten
Video nachgemessen: x-expires = 1789812000, also in 48 Stunden. Wer sie
nur speichert, hat uebermorgen schwarze Kacheln. Beim Bauen merkt man
das nicht und beim Testen auch nicht -- es faellt erst am uebernaechsten
Tag auf, und dann sieht die ganze App kaputt aus.
Deshalb wandert das Bild in dieselbe Ablage wie jeder Anhang und geht
durch dieselbe Bytepruefung. Ein heruntergeladenes Cover ist eine
FREMDE Datei; dass der Typ hier von einem fremden Server behauptet wird
statt vom eigenen Browser, macht ihn nicht glaubwuerdiger.
NUR SEINE EIGENEN KANAELE. Der Account aus der Antwort wird gegen
KANAELE geprueft (kanalVonHandle). Genommen wird author_url (.../@name),
nicht author_name -- der Anzeigename aendert sich, wenn jemand ihn
umstellt. Ein fremdes Video in Filipes Highlights waere nicht bloss
falsch einsortiert, es waere fremder Inhalt unter seinem Namen: 403.
DIE PRUEFUNG SCHALTET TIKTOK AB (server/pruef-video.mjs, 37 Pruefungen)
Ein nachgebauter Dienst auf 127.0.0.1 antwortet wie TikTok, mitsamt
Ablaufstempel. Im letzten Abschnitt wird er ABGESCHALTET. Danach muss
die alte Cover-Adresse ins Leere laufen und unsere weiterhin ein Bild
liefern -- beides wird gemessen, nebeneinander. Waere das Bild nur
verlinkt, waeren beide tot, genau wie uebermorgen im Betrieb.
Die Adresse des Dienstes kommt aus TIKTOK_OEMBED_BASIS. Steht sie nicht
da, gilt TikTok -- kein Verhalten, das sich still aendert. Eine
Pruefung, die das echte TikTok braucht, misst fremde Verfuegbarkeit
statt unseren Code und wird irgendwann rot, ohne dass etwas kaputt ist.
VIER GEGENPROBEN, weil 37 von 37 im ersten Lauf kein Beweis ist:
a) Cover nicht mehr kopieren -> 9 Pruefungen rot
b) author_name statt author_url -> 22 rot
c) Bytepruefung entfernen -> 2 rot (genau Abschnitt 5)
d) Dublettenpruefung entfernen -> 4 rot (genau Abschnitt 4)
Jede schlaegt dort an, wo sie soll. Und eine fuenfte Gegenprobe ist ins
Leere gelaufen: Der Patch lief ueber python3, das es hier nicht gibt --
die Datei blieb unveraendert und der Lauf war gruen. Haette ich die
Ausgabe nicht gelesen, haette ich behauptet, die Pruefung koenne rot
werden, ohne sie je rot gesehen zu haben. Der dritte Ausgang, an mir
selbst.
DAZU:
- eintraege.quelle_url / quelle_kanal / quelle_geholt_am (Umstellung)
- KANAELE bekommt handle, dazu kanalVonHandle()
- videoRouter steht VOR bereicheRouter, sonst schluckt /:bereich ihn
- Eingabefeld und Kanal-Knopf in bereich.html/.js, Farben wie bei den
Aufgaben-Kanaelen
- Stempel 202609171249
Nicht darin: die Kanal-Filterzeile in der Galerie, die Handy-Verknuepfung
(Teilen -> Workspace) und der Zustand "nicht mehr da" fuer geloeschte
Videos. Stufe B (Display API) braucht Filipes Entwickler-Freigabe.
Co-Authored-By: Claude Opus 5 <[email protected]>
120 lines
5.2 KiB
HTML
120 lines
5.2 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>Team · Spicy & Dogi</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=202609171249" />
|
||
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609171249" />
|
||
<link rel="stylesheet" href="assets/css/gate.css?v=202609171249" />
|
||
<link rel="stylesheet" href="assets/css/start.css?v=202609171249" />
|
||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609171249" />
|
||
<link rel="stylesheet" href="assets/css/team.css?v=202609171249" />
|
||
<link rel="stylesheet" href="assets/css/module.css?v=202609171249" />
|
||
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
|
||
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
|
||
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
|
||
genau diesen Dateinamen auf crew-haus.css um, und die Seite
|
||
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
|
||
ohne Umfaerben im Browser, ohne Flackern. -->
|
||
<link rel="stylesheet" href="assets/css/haus.css?v=202609171249" />
|
||
</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">Creator Workspace</a> · Team</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">
|
||
|
||
<!-- ==== DER KOPF ================================================
|
||
Er sagt in einem Satz, was diese Seite ist UND was sie nicht
|
||
ist. Der zweite Teil ist der wichtigere: Eine Seite mit Zahlen
|
||
über Kollegen wird sonst als Überwachung gelesen -- und dann
|
||
arbeitet niemand mehr offen damit.
|
||
|
||
Aus der Recherche (Fachliteratur zu Arbeitslast-Dashboards):
|
||
Der Zweck ist, Stellen zu finden, an denen Unterstützung fehlt.
|
||
Wer das nicht dazuschreibt, baut ein Kontrollwerkzeug, auch wenn
|
||
er es nicht wollte. -->
|
||
<!-- ==== EINE ECHTE KACHEL, IM TON DER KATEGORIE (09.09.2026) ====
|
||
|
||
Filipe: "perfektionnir das in einer kachel in der farbe von der
|
||
kategorie bitte."
|
||
|
||
`t-kachel` steht in der Modulliste von module.css und bekommt
|
||
damit dieselbe Form wie jede Kachel im Haus: gefraeste Fase oben
|
||
links, Kantenlicht, Eckwinkel, Raster. Die FARBE kommt aus
|
||
`--ton` -- derselben Variablen, aus der die Kachel auf der
|
||
Startseite ihren Ton zieht, und dort ist es Ton 22 (#ffd166).
|
||
Beide lesen dieselbe Zahl; die Kachel auf der Startseite und die
|
||
Ueberschrift hier koennen also nicht auseinanderlaufen. -->
|
||
<section class="t-kachel" data-ton="22">
|
||
<div class="t-kopf">
|
||
<div class="t-kopf__text">
|
||
<p class="feldschild">Rund um das Team</p>
|
||
<h1 class="t-kopf__titel">Manager & Scouts</h1>
|
||
<p class="t-kopf__unter" id="kopf-unter">
|
||
Wer betreut wen, wo staut sich etwas, wo fehlt jemand.
|
||
</p>
|
||
</div>
|
||
<p class="t-kopf__grenze">
|
||
Termine, Chats und Dateien kommen hier nicht vor – weder Inhalte
|
||
noch Zahlen. Das ist eine <strong>Arbeitslage</strong>, keine Überwachung.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
<p class="fehler" id="fehler" role="alert" aria-live="polite"></p>
|
||
|
||
<!-- ==== DIE LÜCKEN ZUERST ======================================
|
||
Eine Kennzahl sagt, wie es läuft. Eine Lücke sagt, wo etwas
|
||
fehlt -- und nur das Zweite kann man heute abstellen. Deshalb
|
||
steht sie oben und nicht unter den Tabellen. -->
|
||
<section class="t-luecken" id="luecken" hidden></section>
|
||
|
||
<!-- ==== DIE LAGE IN ZAHLEN ===================================== -->
|
||
<section class="t-lage" id="lage" hidden></section>
|
||
|
||
<!-- ==== DIE LEUTE ==============================================
|
||
Jede Person einzeln, nicht als Durchschnitt: Zwei Scouts mit je
|
||
sechs Creators und einer mit achtzehn ergeben einen Schnitt von
|
||
zehn -- und der sagt nichts über den, bei dem es klemmt. -->
|
||
<section class="t-gruppe" id="manager-block" hidden>
|
||
<h2 class="feldschild">Manager</h2>
|
||
<div class="t-liste" id="manager-liste"></div>
|
||
</section>
|
||
|
||
<section class="t-gruppe" id="scout-block" hidden>
|
||
<h2 class="feldschild">Scouts</h2>
|
||
<div class="t-liste" id="scout-liste"></div>
|
||
</section>
|
||
|
||
<p class="leise" id="laedt">Die Arbeitslage wird geladen …</p>
|
||
|
||
</main>
|
||
|
||
<script src="assets/js/wahl.js?v=202609171249" defer></script>
|
||
<script src="assets/js/bereiche.js?v=202609171249" defer></script>
|
||
<script src="assets/js/kopf.js?v=202609171249" defer></script>
|
||
<script src="assets/js/glocke.js?v=202609171249" defer></script>
|
||
<script src="assets/js/team.js?v=202609171249" defer></script>
|
||
</body>
|
||
</html>
|