ScarriffleandClaude Opus 5
4b0323f955
Jedes merkte sich nur seine eigene Liste. Nebeneinander geöffnet lagen sie übereinander, und keine wusste von den anderen. Ein Auswahlfeld ist ein Menü, und von denen ist höchstens eines offen — jetzt modulweit vermerkt, genau wie beim Kontextmenü. Escape schliesst zusätzlich von überall, nicht nur mit dem Fokus in der Liste. Dazu stand unter jeder Mediathek „0 Titel freigeben". Der Knopf wurde über `hidden` versteckt — das Attribut wirkt über `display: none` mit der Spezifität von Null, und `.btn` setzt `display: inline-flex`. Die Klasse `.hidden` trägt ein `!important` und setzt sich durch. Und das Favicon kommt jetzt aus `icon.png`, dem gerenderten App-Icon selbst. Meine nachgezeichnete Fassung war falsch: die Grafik füllt die Fläche, statt klein in der Mitte zu sitzen. Ein Icon, das dem echten nur ähnelt, driftet beim nächsten Entwurf wieder auseinander. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
41 lines
1.7 KiB
HTML
41 lines
1.7 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">
|
|
<meta name="theme-color" content="#0B0B0D">
|
|
<title>Flaro</title>
|
|
|
|
<!-- **Das App-Icon selbst**, aus `icon.png` im Projektordner skaliert —
|
|
die Fassung, die Icon Composer rendert, mitsamt Glas und Bevel.
|
|
|
|
Nachgezeichnet war es vorher, und das ging daneben: die Grafik füllt
|
|
die Fläche, statt klein in der Mitte zu sitzen. Ein Icon, das dem
|
|
echten nur ähnelt, driftet beim nächsten Entwurf wieder auseinander.
|
|
|
|
Bei 16 und 32 Bildpunkten verliert sich die Glasoptik — das liegt am
|
|
Entwurf, nicht am Export: ein Icon für 1024 Punkte hat dort mehr
|
|
Feinheit, als ein Browsertab zeigen kann. -->
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/icon-32.png">
|
|
<link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png">
|
|
<link rel="apple-touch-icon" href="/icon-180.png">
|
|
<link rel="manifest" href="/manifest.webmanifest">
|
|
<!-- **Inter, mit der Systemschrift als Rückfall.** `display=swap`, damit der
|
|
Text sofort steht und nicht erst, wenn die Schrift da ist — ein
|
|
Heimserver im eigenen Netz soll nicht auf Google warten. -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link rel="stylesheet"
|
|
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap">
|
|
</head>
|
|
<body>
|
|
<section id="login"></section>
|
|
<header id="topbar" class="hidden"></header>
|
|
<div id="app" class="hidden">
|
|
<nav id="chrome"></nav>
|
|
<main id="content"></main>
|
|
</div>
|
|
<script type="module" src="/src/main.ts"></script>
|
|
</body>
|
|
</html>
|