Agentur-Events: aus einem Bildschirmfoto wird eine Kampagnenkachel

Filipe: "bei den agentur events soll ich kein link sondern immer so ein
screen reinschicke und dan soll daraus alles genommen werden und daraus
die kampagne kachel gemacht werden."

WARUM EIN BILD UND NICHT DER LINK. Gemessen am 07./08.10.2026 an seinem
echten Agenturlink, mit Gegenprobe:
  vm.tiktok.com/ZSbACwAnK/ -> tiktok.com/tcn/activity?activity_id=...
    233 KB reine Huelle, kein Datenpaket
  dieselbe Nummer auf dem Weg der oeffentlichen Kampagnenseite
    42 KB, ebenfalls ohne Datenpaket
  eine ECHTE Kampagne auf demselben Weg
    967 KB MIT Datenpaket
Die Agentur-Kampagnen leben im Creator Network, und das rendert nichts
auf dem Server. Was Filipe sieht, sieht nur sein Browser -- also wird
genau das gelesen: das Bild davon.

DREI WEGE ZUM SELBEN KASTEN: einfuegen (Strg+V nach Win+Umschalt+S),
hereinziehen, auswaehlen (Handy). Derselbe Kasten, derselbe
Knopfzustand, dieselbe Meldezeile wie beim Link.

TESSERACT, NICHT EIN DIENST IM NETZ. Apache 2.0, auf dem eigenen
Server, 0 EUR, und das Bild verlaesst ihn nicht -- ein Backstage-Foto
zeigt Teilnehmerzahlen und Kampagnennamen. Version 5.5.0 mit deutschen
Sprachdaten war bereits vorhanden. `--psm 4` gemessen gegen `6` (24
statt 14 Zeilen); keine Bildnachbearbeitung, weil vier gemessene
Fassungen (unveraendert, invertiert, doppelt, beides) dieselben Ziele
wortgleich lesen.

DIESELBE FORM WIE DER LINK-LESER. `leseBild()` gibt Feld fuer Feld
dasselbe zurueck wie `leseKampagne()` -- dadurch greifen Gliederung,
Geschenkplaketten, Aufklappen, Teilen, Steckbrief und Spaltenwahl
unveraendert. Geprueft wird das ausdruecklich (17 gegen 17 Felder).

DER ZEITRAUM WIRD ZWEIMAL GELESEN UND MUSS ZWEIMAL DASSELBE SAGEN.
Auf der Seite steht er amerikanisch (10/01/2026) und deutsch
(01.10.2026). Genommen wird die deutsche, die amerikanische ist die
Gegenprobe. Widersprechen sie sich, entsteht KEINE Kachel: Eine Kachel
ohne Zeitraum ist unvollstaendig und sagt das selbst -- eine mit dem
falschen ist eine Falschauskunft, und bei Texterkennung ist aus einer 3
schnell eine 8.

Der Anlege-Block ist aus der Link-Route herausgezogen
(`kachelSchreiben`), damit beide Wege DIESELBE Stelle benutzen.
Abgeschrieben waere er die Dopplung, die hier am 11.09.2026 schon
einmal drei Spalten gekostet hat.

GEMESSEN UND BERICHTIGT (alles aus echten Laeufen, nicht geraten):
  - Die Phasenueberschrift trug ein Zielscheiben-Zeichen, das als `@`
    gelesen wurde -- die erste "Aufgabe" hiess "Ziele erreichen Endetin
    23 Tage 22 : 50 : 44".
  - Halbe Schilder liessen ihre zweite Haelfte im Wert stehen:
    "Sichtbar für: für Privat".
  - "Creator*innen" schnitt mitten im Nachbarwert ab und machte aus
    "1 Creator Network, 55 Creator*innen" ein "1 Creator Network, 55".
  - "In Bearbeitung" kam als "in aearbeitung" durch.
  - Die Creator-Zahl steht als "1 (i)" da, und der Kreis wird als Null
    gelesen. Sie wird deshalb GAR NICHT angezeigt: keine Angabe ist
    richtig, eine falsche ist falsch.
  - Das Wasserzeichen (seine Mailadresse, vielfach und schraeg) taucht
    im Erkennungstext kein einziges Mal auf -- festgehalten mit
    Gegenprobe, falls eine kuenftige Fassung es doch liest.
  - `.knopf--still` hiess zuerst wie ein allgemeiner Knopf-Zusatz;
    pruef-css-klassen hatte recht, ihn auf drei Seiten zu vermissen.
    Jetzt `.kampagneholen__waehlen`, im Namensraum seines Kastens.
  - Die Pruefung selbst meldete zweimal Falsches: Sie fand "execFile"
    und "Tesseract" in den KOMMENTAREN des Lesers und hielt
    `regex.exec(...)` fuer einen fremden Prozess.

GEPRUEFT: 43 neu (pruef-kampagne-bild, davon 1 nicht nachsehbar --
Tesseract fehlt auf dem Entwicklungsrechner; auf dem Server liefert es
den gespeicherten Erkennungstext zeichengleich), 169 (Route,
unveraendert nach dem Herausziehen), struktur, css-klassen, zeichen,
deutsche-texte.

PARALLELE ARBEIT: An derselben Arbeitskopie wird gleichzeitig an der
Crew-Seite gebaut (Reaction, Foyer). Dieser Commit fasst ausschliesslich
die zehn Dateien oben an -- einzeln vorgemerkt, kein `git add -A`. Der
globale Cache-Stempel wurde absichtlich NICHT gelaufen, nur die zwei
Verweise in bereich.html; gestempelt wird am Ende einmal fuer beide.

Co-Authored-By: Claude Opus 5 <[email protected]>

workspace/bereich.html

@@ -17,7 +17,7 @@
 <link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
 <link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
 <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
-<link rel="stylesheet" href="assets/css/bereich.css?v=202610080131" />
+<link rel="stylesheet" href="assets/css/bereich.css?v=202610081000" />
 <!-- Wegen des Blocks „Willst du dazugehoeren?" auf dem Brett
      „Mitmachen". Eine eigene Kopie der Regel hier waere die zweite
      Stelle, an der dieselbe Sache anders aussieht. -->
@@ -399,8 +399,27 @@
           <span>Agentur</span>
         </label>
       </fieldset>
+      <!-- ODER EIN BILDSCHIRMFOTO (08.10.2026)
+
+           Filipe: „bei den agentur events soll ich kein link sondern
+           immer so ein screen reinschicke und dan soll daraus alles
+           genommen werden.“ Die Agentur-Kampagnen stehen im Creator
+           Network, und das ist von außen nicht lesbar (gemessen am
+           07.10.2026) — sichtbar sind sie nur in seinem Browser.
+
+           DREI WEGE ZUM SELBEN ZIEL, weil jeder woanders der
+           bequemste ist: einfügen (Strg+V nach Win+Umschalt+S),
+           fallen lassen (Maus), auswählen (Handy). Der Knopf ist
+           ein `label` zum versteckten Dateifeld — so sieht er aus
+           wie die anderen Knöpfe und bedient sich wie ein
+           Dateifeld. -->
+      <div class="kampagneholen__bild">
+        <input type="file" id="kampagne-bilddatei" accept="image/*" hidden>
+        <label class="knopf knopf--klein kampagneholen__waehlen" for="kampagne-bilddatei">Bildschirmfoto wählen</label>
+        <span class="feld-hinweis">… oder hier einfügen (Strg+V) oder hereinziehen.</span>
+      </div>
       <div class="kampagneholen__zeile">
-        <p class="feld-hinweis" id="kampagne-sagt" role="status" aria-live="polite">Titel, Zeitraum, Banner, Aufgaben und Preise kommen von selbst.</p>
+        <p class="feld-hinweis" id="kampagne-sagt" role="status" aria-live="polite">Aus dem Link kommen Titel, Zeitraum, Banner, Aufgaben und Preise von selbst — aus einem Bildschirmfoto Titel, Zeitraum und Ziele.</p>
         <button type="submit" class="knopf knopf--klein" id="kampagne-holen">Kampagne holen</button>
       </div>
     </form>
@@ -427,6 +446,6 @@
 <script src="assets/js/schulung.js?v=202610080131" defer></script>
 <script src="assets/js/holen.js?v=202610080131" defer></script>
 <script src="assets/js/bildschau.js?v=202610080131"></script>
-<script src="assets/js/bereich.js?v=202610080131" defer></script>
+<script src="assets/js/bereich.js?v=202610081000" defer></script>
 </body>
 </html>