DogFatherGitandClaude Opus 5
2a26a49f91
Filipe: "ich will das man die leute mit @ markieren kann im chat."
MARKIEREN IST KEINE FARBE, SONDERN EINE ANSPRACHE. Sie funktioniert
nur, wenn drei Dinge zusammen stimmen: Der Richtige ist gemeint, er
MERKT es, und man sieht es im Satz. Fehlt eines davon, ist es eine
Attrappe -- und zwar eine, die gut aussieht.
WER GEMEINT IST, ENTSCHEIDET DER SERVER. Der Browser schickt nur Text.
Damit wirkt ein von Hand getipptes "@VanVan" genauso wie eines aus der
Auswahlliste, und niemand kann jemanden ansprechen, der gar nicht im
Raum sitzt -- auch nicht ueber die Schnittstelle.
Die Regeln stehen in server/chat-erwaehnung.js, jede mit Begruendung.
Zwei davon sind keine Feinheit, sondern der Unterschied zwischen
brauchbar und laestig:
* Das Zeichen VOR dem "@" darf kein Buchstabe sein. Sonst piepst
jede E-Mail-Adresse im Chat jemanden an
("[email protected]").
* Das Zeichen DANACH auch nicht, und der laengste Name gewinnt.
Sonst spricht "@Tilikum" Tili an.
MAN MERKT ES AUCH OHNE OFFENEN RAUM. Eine Zahl in der Gespraechsliste
sagt "hier ist etwas" -- nicht, ob es an dich war. Wer morgens vier
Raeume mit Zahlen sieht, macht den lautesten zuerst auf, und dort
steht selten das, was auf ihn wartet. Jetzt steht ein "@" daneben.
UND DIE MELDUNG AUFS HANDY SAGT ES: "VanVan hat dich erwaehnt" statt
"Nachricht von VanVan". Als EIGENE Art, die sich getrennt abschalten
laesst -- wer den lauten Chat stumm stellt, will trotzdem wissen, wenn
ihn jemand direkt anspricht. Ohne Ausnahme von der Ruhezeit: Ein Anruf
wartet auf eine Antwort, ein "@Anna" nicht.
DIE AUSWAHL BEIM TIPPEN loest drei Dinge, die man sonst selbst wissen
muesste: wie die Person genau heisst, wer ueberhaupt im Raum ist, und
ob man sich vertippt hat. Tastatur zuerst (Pfeile, Enter, Tab, Escape).
Sie erzwingt nichts -- wer weitertippt, schreibt einfach weiter.
ZWEI RECHNUNGEN, EINE ANTWORT: Der Browser braucht dieselbe Aufloesung,
um sofort hervorzuheben. Genau dort laufen Dinge auseinander, und dann
haette die Seite jemanden hervorgehoben, den niemand benachrichtigt
hat. pruef-erwaehnung LIEST die Browserfassung aus der Datei und fuehrt
sie aus -- ein Nachbau wuerde pruefen, ob ich zweimal dasselbe
schreiben kann.
---- DABEI GEFUNDEN: "gelesen bis 999999" ----------------------------
Der Server nahm fuer den Lesestand JEDE ganze Zahl an. Wer einmal eine
Zahl hinter allem Vorhandenen schickte, sah in diesem Gespraech nie
wieder einen Zaehler und nie wieder ein @-Zeichen: Alles Kuenftige galt
als gelesen, bevor es geschrieben war. Das faellt niemandem als
Zusammenhang auf -- man merkt nur, dass "die Benachrichtigungen nicht
gehen".
Der Browser schickt heute immer die letzte gesehene Nummer, ist also
nicht der Grund. Aber eine Grenze, die nur davon lebt, dass der
Aufrufer sich benimmt, ist keine. Jetzt wird auf die juengste
Nachricht des Raums begrenzt -- abgeleitet, nicht geraten.
Gefunden hat es meine eigene Pruefung: Sie setzte zum Aufraeumen 99999
und wunderte sich danach, warum das frische "@" nicht leuchtete.
WOHER MAN ERFAEHRT, DASS ES DAS GIBT: Im Chat gibt es keinen
Hilfeknopf. Der Hinweis steht deshalb im Leersatz einer neuen Gruppe --
dort, wo man beim ersten Oeffnen ohnehin hinsieht, und nur ab drei
Leuten. In einem Zweiergespraech waere er Ballast.
GEPRUEFT: pruef-erwaehnung 67/0 (neu) -- 13 Regelfaelle ohne Server,
der Weg durch die Schnittstelle, das Zeichen in der Liste samt
Gegenprobe bei jemandem, der dabei aber nicht gemeint war, beide
Aufloesungen nebeneinander, und der ganze Ablauf am echten Bildschirm
bis "Enter waehlt und schickt NICHT ab".
Dazu pruef-chat 48/0, pruef-chat-optik 36/0, pruef-treffchat 110/0,
pruef-chat-kanaele 79/0, pruef-glocke 31/0, pruef-push 24/0,
pruef-anruf-klingelt, pruef-css-klassen, pruef-meldungen,
pruef-nachfrage, pruef-tippziele.
Co-Authored-By: Claude Opus 5 <[email protected]>
124 lines
5.1 KiB
HTML
124 lines
5.1 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>Video übernehmen · 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=202609201750" />
|
||
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609201750" />
|
||
<link rel="stylesheet" href="assets/css/gate.css?v=202609201750" />
|
||
<link rel="stylesheet" href="assets/css/start.css?v=202609201750" />
|
||
<link rel="stylesheet" href="assets/css/bereich.css?v=202609201750" />
|
||
<link rel="stylesheet" href="assets/css/module.css?v=202609201750" />
|
||
<link rel="stylesheet" href="assets/css/haus.css?v=202609201750" />
|
||
</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">Team Dogi</a> · Video übernehmen</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">
|
||
|
||
<!-- ==================================================================
|
||
AUS „TEILEN" WIRD EIN TIPP (17.09.2026)
|
||
Schritt 4 aus dem Video-Plan.
|
||
|
||
Filipe postet ein Video auf dem Handy. Bisher hätte er den Link
|
||
kopieren, die App öffnen, den richtigen Bereich suchen und das
|
||
Feld finden müssen – fünf Schritte, von denen jeder einzelne der
|
||
Grund sein kann, es später zu machen. Und später heißt nie.
|
||
|
||
Jetzt: in TikTok auf „Teilen", „DogFather" wählen, fertig. Diese
|
||
Seite ist das Ziel dieses Tipps.
|
||
|
||
WARUM SIE NICHT SOFORT EINTRÄGT: Weil sie nicht wissen kann, ob
|
||
der Griff in die Tasche gemeint war. Ein Video, das ungefragt in
|
||
den Highlights landet, muss jemand wieder löschen – und das ist
|
||
mehr Arbeit als ein Tipp auf „Übernehmen". Sie zeigt also, was
|
||
sie verstanden hat, und wartet auf eine Bestätigung.
|
||
|
||
WOHIN, IST EINE FRAGE UND KEINE ANNAHME: Highlights sind
|
||
vorausgewählt, weil dort die Videos hingehören. Aber ein Clip
|
||
kann auch eine Antwort auf einen Wunsch sein.
|
||
============================================================== -->
|
||
|
||
<section class="kopf-zeile">
|
||
<div>
|
||
<p class="marke">Geteilt</p>
|
||
<h1 class="titel">Video übernehmen</h1>
|
||
<p class="unterzeile">
|
||
Titel und Coverbild werden von TikTok geholt – du musst nichts abtippen.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
<p class="fehler" id="fehler" role="alert" aria-live="polite"></p>
|
||
|
||
<section class="tl-seite" id="teilen" aria-busy="true">
|
||
<p class="leise" id="ladezeile">einen Moment …</p>
|
||
|
||
<!-- Was angekommen ist. Steht ganz oben, weil es die erste Frage
|
||
beantwortet: „hat er den richtigen Link erwischt?" -->
|
||
<div class="tl-fund" id="fund" hidden>
|
||
<p class="tl-label">Dieser Link ist angekommen:</p>
|
||
<p class="tl-url" id="url-text"></p>
|
||
</div>
|
||
|
||
<!-- Wohin. -->
|
||
<div class="tl-wahl" id="wahl" hidden>
|
||
<p class="tl-label" id="wohin-label">Wohin soll es?</p>
|
||
<div class="tl-bretter" role="group" aria-labelledby="wohin-label" id="bretter"></div>
|
||
</div>
|
||
|
||
<div class="tl-knoepfe" id="knoepfe" hidden>
|
||
<button type="button" class="knopf" id="uebernehmen">Übernehmen</button>
|
||
<a class="schritt" href="start.html" id="abbrechen">Doch nicht</a>
|
||
</div>
|
||
|
||
<!-- Wenn gar kein Link dabei war. Kein Formular als Strafe, sondern
|
||
ein Feld zum Einfügen – man ist ja schon hier. -->
|
||
<div class="tl-haendisch" id="haendisch" hidden>
|
||
<label class="tl-label" for="eingabe">Link zum Video</label>
|
||
<input type="url" id="eingabe" inputmode="url" autocomplete="off"
|
||
placeholder="https://www.tiktok.com/@dogfather0804/video/…" />
|
||
</div>
|
||
|
||
<!-- Das Ergebnis. -->
|
||
<div class="tl-fertig" id="fertig" hidden>
|
||
<p class="tl-fertig-satz" id="fertig-satz"></p>
|
||
<div class="tl-knoepfe">
|
||
<a class="knopf" id="hin" href="start.html">Ansehen</a>
|
||
<a class="schritt" href="start.html">Fertig</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<script src="assets/js/meldung.js?v=202609201750" defer></script>
|
||
<script src="assets/js/nachfrage.js?v=202609201750" defer></script>
|
||
|
||
|
||
<script src="assets/js/wahl.js?v=202609201750" defer></script>
|
||
<script src="assets/js/bereiche.js?v=202609201750" defer></script>
|
||
<script src="assets/js/kopf.js?v=202609201750" defer></script>
|
||
<script src="assets/js/teilen.js?v=202609201750" defer></script>
|
||
</body>
|
||
</html>
|