Files
dogfather-universe/workspace/dateien.html
T
DogFatherGitandClaude Opus 5 b2b016f8dd Reaktion auf 320 px: das Bild ist ganz zu sehen
NACHGEMESSEN, wie es nach dem Einklappen der Reiterleiste wirklich
aussieht — und zwar im ANFANGSZUSTAND, mit zugeklappter Leiste:

                Regie   Raum   Kino   Schiene   Pult   Transport
    412x915       45     620    232     388      128     181
    390x844       45     549    219     330      128     181
    360x640       45     345    203     143      128     181
    320x568       45      75     75       1      198     181

Die Regieleiste ist von 101 bzw. 148 auf 45 Pixel geschrumpft — auf
320 px sind das 197 gewonnene Pixel.

EIN MESSFEHLER VON MIR, hier festgehalten: Mein erster Lauf zeigte
die Leiste GROESSER als vorher (148, 195, 242). Das Werkzeug klappt
sie weiter oben selbst auf, um die Register zu messen, und ich habe
danach die Hoehen gelesen. Gemessen war also der falsche Zustand —
eine Messung, die veraendert, was sie misst.

WAS AUF 320 BLEIBT: Der Raum hat 75 Pixel, das Bild wollte 180. Das
Pult liegt mit `z-index: 60` darueber, die Knoepfe sind also
erreichbar — und genau deshalb melden pruef-breiten und pruef-handy
nichts. Zu sehen war vom Bild trotzdem nur das obere Drittel.

`max-height: 100%` an der Leinwand. Gemessen wird der Kasten damit
320x75; die Breite bleibt, das Verhaeltnis gilt nicht mehr — aber
der Spieler darin setzt das Bild mittig mit Balken links und
rechts. Es ist klein und GANZ, statt gross und zu zwei Dritteln
hinter dem Pult.

(Im Kommentar stand zuerst, die Breite folge dem Verhaeltnis. Tut
sie nicht — 320x75, nicht 133x75. Berichtigt, bevor jemand sich
darauf verlaesst.)

AUF 360, 390 UND 412 AENDERT SICH NICHTS: Dort ist der Kasten
hoeher, als 16:9 verlangt, und `max-height` greift nicht ein.
Nachgemessen: 203, 219, 232 — wie vorher.

GEPRUEFT: pruef-handy 186/0, pruef-breiten 23/0, pruef-reaktion
421/0, mess-quer „NICHTS rollt seitlich".

EHRLICH BLEIBT: 320x568 zeigt weiterhin keinen Chat (Schiene 1 px),
und das Bild ist dort 320x75. Mit 198 Pixeln Pult und 181 Pixeln
Transport von 499 geht nicht mehr. Das waere ein eigener Schritt
und eine eigene Entscheidung — kein Nebenbei.

Co-Authored-By: Claude Opus 5 <[email protected]>
2026-10-01 15:47:14 +02:00

123 lines
5.8 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<title>Dateien · Spicy & Dogi</title>
<meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" />
<!-- Die Farbe der Fensterleiste, wenn der Workspace als App laeuft.
Stand auf #0674b9 (kraeftiges Blau) und stach damit als einziger
heller Balken ueber einer durchweg dunklen Seite. Jetzt derselbe
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610011540" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610011540" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610011540" />
<link rel="stylesheet" href="assets/css/start.css?v=202610011540" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610011540" />
<link rel="stylesheet" href="assets/css/dateien.css?v=202610011540" />
<link rel="stylesheet" href="assets/css/module.css?v=202610011540" />
<!-- 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=202610011540" />
</head>
<body class="start">
<!-- Der Schleier ueber der Buehne (Casper und HasiDog in den unteren
Ecken, siehe start.css). Ein eigenes Element statt eines dritten
Pseudo-Elements -- body hat nur ::before und ::after. -->
<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&nbsp;Workspace</a> · Dateien</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">Ablage</p>
<h1 class="titel">Dateien &amp; Freigaben</h1>
<p class="unterzeile">Entwurf → zur Freigabe → freigegeben. Die aktuelle Version ist immer klar erkennbar.</p>
</div>
</section>
<!-- Hinweis für alle, die nicht ablegen dürfen (Creator). Steht statt
des Ablegefeldes, damit klar ist warum -- ein einfach fehlendes
Feld wirkt wie ein Fehler. -->
<p class="nur-lesen" id="nur-lesen" hidden>
Hier siehst du die Dateien deines Bereichs. <strong>Abgelegt werden sie
von DogFather oder von Scouts</strong> – du kannst sie öffnen, aber nichts hochladen.
</p>
<!-- Ablegefeld. Klick öffnet die Dateiauswahl, Ziehen funktioniert
ebenso -- beides landet im selben Ablauf. -->
<div class="ablage" id="ablage" tabindex="0" role="button"
aria-label="Datei auswählen oder hierher ziehen">
<svg class="ablage__zeichen" viewBox="0 0 24 24" aria-hidden="true">
<path d="M12 16V4m0 0L7.5 8.5M12 4l4.5 4.5" />
<path d="M4 15v3.5A1.5 1.5 0 0 0 5.5 20h13a1.5 1.5 0 0 0 1.5-1.5V15" />
</svg>
<p class="ablage__text">Datei hierher ziehen oder <strong>auswählen</strong></p>
<p class="ablage__klein" id="ablage-grenze">bis 25 MB</p>
<input type="file" id="feld-datei" hidden />
</div>
<div class="hochlade-zeile" id="zuordnung" hidden>
<div class="feld feld--breit">
<label class="feld-schild" for="f-creator">Ablegen im Bereich von <span class="leise">(optional)</span></label>
<select id="f-creator"><option value="">— kein Bereich —</option></select>
</div>
<!-- Wer die Datei sehen darf. Mehrfachauswahl: dieselbe Datei kann
an mehrere Personen gehen, ohne sie mehrfach hochzuladen. -->
<div class="feld feld--breit">
<label class="feld-schild">Wer darf sie sehen?</label>
<p class="leise" id="wahl-hinweis">Niemand ausgewählt – dann sieht sie nur DogFather.</p>
<div class="wahl" id="wahl"></div>
</div>
</div>
<p class="fortschritt" id="fortschritt" hidden><span id="fortschritt-text"></span></p>
<p class="fehler" id="fehler" role="alert" aria-live="polite"></p>
<div class="filter" id="filter">
<button type="button" class="schritt" data-status="" aria-pressed="true">Alle</button>
<button type="button" class="schritt" data-status="entwurf" aria-pressed="false">Entwurf</button>
<button type="button" class="schritt" data-status="review" aria-pressed="false">Zur Freigabe</button>
<button type="button" class="schritt" data-status="freigegeben" aria-pressed="false">Freigegeben</button>
</div>
<div id="liste" aria-busy="true"><p class="leise">Dateien werden geladen …</p></div>
</main>
<script src="assets/js/meldung.js?v=202610011540" defer></script>
<script src="assets/js/hochladen.js?v=202610011540" defer></script>
<script src="assets/js/nachfrage.js?v=202610011540" defer></script>
<script src="assets/js/wahl.js?v=202610011540" defer></script>
<script src="assets/js/bereiche.js?v=202610011540" defer></script>
<script src="assets/js/installieren.js?v=202610011540" defer></script>
<script src="assets/js/kopf.js?v=202610011540" defer></script>
<script src="assets/js/glocke.js?v=202610011540" defer></script>
<script src="assets/js/dateien.js?v=202610011540" defer></script>
</body>
</html>