From 063903c60adb29a6a77a4645f28be44d3d2f85a0 Mon Sep 17 00:00:00 2001 From: Till Heidrich Date: Thu, 23 Jul 2026 19:39:05 +0000 Subject: [PATCH] feat: How-To/Anleitung page + nav link Co-Authored-By: Claude Opus 4.8 Claude-Session: https://claude.ai/code/session_01XNQ8ghPfzAfsyVYd6HgFb6 --- src/layouts/Base.astro | 2 + src/pages/anleitung.astro | 83 +++++++++++++++++++++++++++++++++++++++ 2 files changed, 85 insertions(+) create mode 100644 src/pages/anleitung.astro diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro index 9e9130f..92e0324 100644 --- a/src/layouts/Base.astro +++ b/src/layouts/Base.astro @@ -15,6 +15,7 @@ const nav = [ { href: '/', label: 'Studio', icon: 'studio' }, { href: '/bibliothek', label: 'Bibliothek', icon: 'library' }, { href: '/warteschlange', label: 'Warteschlange', icon: 'queue' }, + { href: '/anleitung', label: 'Hilfe', icon: 'help' }, ...(user?.role === 'admin' ? [{ href: '/admin', label: 'Admin', icon: 'admin' }] : []), ]; @@ -24,6 +25,7 @@ const ICONS: Record = { library: ``, queue: ``, admin: ``, + help: ``, }; --- diff --git a/src/pages/anleitung.astro b/src/pages/anleitung.astro new file mode 100644 index 0000000..7a8b28d --- /dev/null +++ b/src/pages/anleitung.astro @@ -0,0 +1,83 @@ +--- +import Base from '../layouts/Base.astro'; +--- + +
+
+

So funktioniert Klarbild

+ +
+

Aus Screenshots und Fundstücken werden druckfertige Bilder — bereinigt, freigestellt, + im richtigen Format, optional direkt bei Picdrop. Alles geht über die Website und über Telegram.

+ +
+

1 · Bild bearbeiten

+
    +
  1. Im Studio oben Bearbeiten wählen.
    2. +
  2. Screenshots hochladen — ziehen, mit ⌘/Strg + V einfügen oder tippen (bis zu 100 auf einmal).
    3. +
  3. Wählen, was passieren soll: Bereinigen (Rahmen, Wand, Shop-Oberfläche weg), + Freistellen (Motiv frei, Hintergrund transparent), Format (z. B. 30 × 40 cm oder The Frame), + Kontur (weißer Stickerrand).
    4. +
  4. Beim Format „Zuschneiden" oder „Erweitern" wählen — Erweitern erzeugt mehr Szene rund ums + Motiv (Outpainting), ideal für The Frame.
    5. +
  5. Qualität und Ziel (Bibliothek, Picdrop oder beides) wählen, dann Loslegen.
    6. +
+
+ +
+

2 · Mehrere Bilder kombinieren

+

Modus Kombinieren: mindestens zwei Bilder hochladen und beschreiben, was entstehen soll — + z. B. „das Poolbild, aber mit unserer Hündin Frieda am Beckenrand". Das erste Bild ist die Leitszene, + weitere liefern Personen oder Motive. Es entsteht ein neues, zusammengesetztes Bild.

+
+ +
+

3 · Neues Bild aus Text

+

Modus Neu erzeugen: ganz ohne Vorlage, nur aus einer Beschreibung. Je genauer der Text, + desto besser das Ergebnis.

+
+ +
+

4 · Bibliothek, Ordner & Alternativen

+

Alle Ergebnisse landen in der Bibliothek. Über die Ordner-Leiste oben lässt sich nach Ordner + filtern; jedem Ordner kann eine eigene Picdrop-Galerie zugeordnet werden. Mit + Alternative + entsteht eine weitere Fassung desselben Bildes — die Fassungen liegen gruppiert beieinander und lassen + sich per Miniaturleiste umschalten. Vorher/Nachher zeigt den Vergleich zum Original.

+
+ +
+

5 · Alles per Telegram

+
    +
  • Einmalig koppeln: im Admin einen Code erzeugen und im Chat mit dem Bot eingeben.
    • +
  • Bearbeiten: Bilder weiterleiten (am besten als Datei für volle Qualität) → Rezept wählen.
    • +
  • Kombinieren: zwei oder mehr Bilder mit einer Bildunterschrift senden (z. B. „mit unserer Hündin + Frieda") → Knopf „🔀 Kombinieren".
    • +
  • Neu erzeugen: /neu <Beschreibung> — z. B. /neu ein Olivenzweig auf Sand.
    • +
  • Der Bot meldet sich einmal, wenn alles fertig ist — mit den Ergebnissen und Links.
    • +
+
+ +
+

Tipps

+
    +
  • Für Druck immer 300 dpi und ein cm-Format wählen — die Pixelmaße stehen direkt dabei.
    • +
  • In Telegram Bilder als Datei senden, nicht als Foto — sonst komprimiert Telegram.
    • +
  • Sticker: Freistellen + Kontur zusammen wählen.
    • +
+
+
+ + +