97 lines
4.5 KiB
HTML
97 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>«Dokumenttitel» — KALINA</title>
|
|
<link rel="stylesheet" href="kalina-ci.css">
|
|
<style>
|
|
/* Prompt oben, Bild unten — ein Blatt. Reihenfolge und Größe nicht umbauen:
|
|
der Prompt füllt die erste Seite, das Bild folgt darunter (break-inside: avoid).
|
|
Die Werte (Prompt 8 pt, Bild max. 74 mm hoch) sind auf ein A4-Blatt gerechnet: Prompt bis
|
|
~2 000 Zeichen plus Bild plus Fussleiste passen zusammen auf Seite 1. Bei deutlich laengerem
|
|
Prompt rutscht das Bild auf Seite 2 - auch recht, dann nicht nachbessern.
|
|
Nach dem Bau GENAU EINE Gegenprobe (pdfinfo + pdftotext), dann ausliefern. */
|
|
.prompt-block {
|
|
border: 1px solid var(--steel);
|
|
border-top: 3px solid var(--rot);
|
|
background: #ffffff;
|
|
padding: 10px 12px;
|
|
margin: 8px 0 0;
|
|
font-size: 8pt;
|
|
line-height: 1.38;
|
|
}
|
|
.prompt-block p { margin: 0 0 6px; }
|
|
.prompt-block p:last-child { margin-bottom: 0; }
|
|
.bild-block { break-inside: avoid; margin: 12px 0 0; }
|
|
.bild-block img {
|
|
max-height: 74mm; /* gemessen: groesste Hoehe, bei der Prompt + Bild + Fussleiste
|
|
auf EIN A4-Blatt passen. Breite folgt der Hoehe (16:9 -> 132 mm). */
|
|
max-width: 100%;
|
|
width: auto;
|
|
display: block;
|
|
border: 1px solid var(--steel);
|
|
margin: 0 auto;
|
|
}
|
|
.bild-block .bildunterschrift {
|
|
width: 70%;
|
|
margin: 4px auto 0;
|
|
font-size: 8.5pt;
|
|
color: var(--muted);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="dokument">
|
|
|
|
<!-- KOPFLEISTE: Marke (SVG, schriftfrei) + Wortmarke als TEXT (das i in Kalina-Rot) -->
|
|
<header class="kopf">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" width="34" height="34" aria-label="KALINA Mark">
|
|
<circle cx="120" cy="120" r="112" fill="#0e1419" stroke="#2a323c" stroke-width="2"/>
|
|
<g fill="none" stroke="#f5f5ef" stroke-width="30" stroke-linecap="square" stroke-linejoin="miter">
|
|
<path d="M84,72 L84,168"/><path d="M100,120 L176,64"/><path d="M100,124 L176,176"/>
|
|
</g>
|
|
<g fill="#c1121f">
|
|
<circle cx="176" cy="64" r="2.2"/><circle cx="189" cy="64" r="2.2"/><circle cx="182.5" cy="52.7" r="2.2"/><circle cx="169.5" cy="52.7" r="2.2"/><circle cx="169.5" cy="75.3" r="2.2"/><circle cx="182.5" cy="75.3" r="2.2"/>
|
|
<circle cx="176" cy="176" r="2.2"/><circle cx="189" cy="176" r="2.2"/><circle cx="182.5" cy="164.7" r="2.2"/><circle cx="169.5" cy="164.7" r="2.2"/><circle cx="169.5" cy="187.3" r="2.2"/><circle cx="182.5" cy="187.3" r="2.2"/>
|
|
</g>
|
|
<circle cx="100" cy="122" r="4.5" fill="#c1121f"/>
|
|
</svg>
|
|
<span class="wortmarke">KAL<i>I</i>NA</span>
|
|
</header>
|
|
|
|
<!-- TITELZONE -->
|
|
<h1 class="titel">«Dokumenttitel»</h1>
|
|
<p class="untertitel">«Bildprompt und Bild — Fassung»</p>
|
|
<p class="lead">«Ein Satz: was oben steht und was unten zu sehen ist.»</p>
|
|
|
|
<!-- PROMPT: den Prompt-TEXT 1:1 einsetzen, gekürzt oder umgeschrieben wird nicht -->
|
|
<h2>Prompt</h2>
|
|
<div class="prompt-block">
|
|
<p>«Prompt-Text, unverändert, wie an den Bildgenerator gegeben.»</p>
|
|
</div>
|
|
|
|
<!-- BILD: Datei liegt neben dem HTML (bei Bedarf vorher kopieren) -->
|
|
<div class="bild-block">
|
|
<img src="«BILDDATEI, z. B. bild.png»" alt="«Bildbeschreibung, kurz»">
|
|
<p class="bildunterschrift">«Bildunterschrift: Modell, Format, Pixelmaße.»</p>
|
|
</div>
|
|
|
|
<!-- FUSSMARKE -->
|
|
<footer class="fuss">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" width="26" height="26" aria-label="KALINA Mark">
|
|
<circle cx="120" cy="120" r="112" fill="#0e1419" stroke="#2a323c" stroke-width="2"/>
|
|
<g fill="none" stroke="#f5f5ef" stroke-width="30" stroke-linecap="square" stroke-linejoin="miter">
|
|
<path d="M84,72 L84,168"/><path d="M100,120 L176,64"/><path d="M100,124 L176,176"/>
|
|
</g>
|
|
<g fill="#c1121f">
|
|
<circle cx="176" cy="64" r="2.2"/><circle cx="189" cy="64" r="2.2"/><circle cx="182.5" cy="52.7" r="2.2"/><circle cx="169.5" cy="52.7" r="2.2"/><circle cx="169.5" cy="75.3" r="2.2"/><circle cx="182.5" cy="75.3" r="2.2"/>
|
|
<circle cx="176" cy="176" r="2.2"/><circle cx="189" cy="176" r="2.2"/><circle cx="182.5" cy="164.7" r="2.2"/><circle cx="169.5" cy="164.7" r="2.2"/><circle cx="169.5" cy="187.3" r="2.2"/><circle cx="182.5" cy="187.3" r="2.2"/>
|
|
</g>
|
|
<circle cx="100" cy="122" r="4.5" fill="#c1121f"/>
|
|
</svg>
|
|
<span>KALINA · «Dokumenttitel» · Stand «TT.MM.JJJJ»</span>
|
|
<span>© «JJJJ» kalina.si</span>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|