+Update: Added printfiles and updated website.
This commit is contained in:
@@ -0,0 +1,188 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Erpresserschreiben – JGA Wendl · Im Jahre Schnee</title>
|
||||
<link href="https://fonts.googleapis.com/css2?family=MedievalSharp&family=Cinzel+Decorative:wght@700&family=Cinzel:wght@400;600&family=Crimson+Pro:ital,wght@0,400;0,600;1,400&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
* { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
body {
|
||||
background: #0d0800;
|
||||
font-family: 'Crimson Pro', Georgia, serif;
|
||||
color: #1a0f00;
|
||||
padding: 2rem 1rem;
|
||||
}
|
||||
.page-head { text-align: center; margin-bottom: 1.5rem; }
|
||||
.page-head .kicker {
|
||||
font-family: 'Cinzel', serif; letter-spacing: 0.4em; font-size: 0.75rem;
|
||||
text-transform: uppercase; color: #c8a86a;
|
||||
}
|
||||
.page-head h1 {
|
||||
font-family: 'Cinzel Decorative', serif; font-size: 2rem; color: #f0c94a;
|
||||
text-shadow: 0 0 20px rgba(201,162,39,0.5); margin: 0.3rem 0;
|
||||
}
|
||||
.print-hint { text-align: center; color: #8a7340; font-size: 0.8rem; margin-bottom: 2rem; }
|
||||
|
||||
.scroll {
|
||||
max-width: 720px;
|
||||
margin: 0 auto 2.5rem;
|
||||
background:
|
||||
radial-gradient(ellipse at 30% 0%, rgba(255,255,255,0.45) 0%, transparent 60%),
|
||||
radial-gradient(ellipse at 80% 100%, rgba(120,80,20,0.25) 0%, transparent 55%),
|
||||
linear-gradient(165deg, #f4e8c1 0%, #e8d5a0 55%, #dcc488 100%);
|
||||
border: 1px solid #5a3a00;
|
||||
padding: 3rem 3.2rem 3.5rem;
|
||||
position: relative;
|
||||
box-shadow: 0 10px 30px rgba(0,0,0,0.6), inset 0 0 90px rgba(120,80,20,0.18);
|
||||
break-inside: avoid;
|
||||
}
|
||||
/* angesengte/abgenutzte Ränder */
|
||||
.scroll::before {
|
||||
content: '';
|
||||
position: absolute; inset: 0;
|
||||
box-shadow: inset 0 0 30px rgba(60,30,0,0.35);
|
||||
pointer-events: none;
|
||||
mix-blend-mode: multiply;
|
||||
}
|
||||
|
||||
.seal {
|
||||
position: absolute;
|
||||
top: -18px; right: 40px;
|
||||
width: 70px; height: 70px;
|
||||
background: radial-gradient(circle at 40% 35%, #b33 0%, #8b1a1a 55%, #5a0e0e 100%);
|
||||
border-radius: 50%;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
color: #f0c94a; font-size: 1.6rem;
|
||||
box-shadow: 0 4px 8px rgba(0,0,0,0.5);
|
||||
transform: rotate(-8deg);
|
||||
font-family: 'Cinzel Decorative', serif;
|
||||
}
|
||||
|
||||
.letter-no {
|
||||
font-family: 'Cinzel', serif; letter-spacing: 0.2em; text-transform: uppercase;
|
||||
font-size: 0.7rem; color: #8b1a1a; margin-bottom: 0.4rem;
|
||||
}
|
||||
.letter-title {
|
||||
font-family: 'MedievalSharp', cursive;
|
||||
font-size: 1.8rem; color: #5a0e0e; text-align: center;
|
||||
margin-bottom: 0.4rem;
|
||||
}
|
||||
.rule { width: 60%; height: 1px; background: #5a3a00; margin: 0.6rem auto 1.6rem; opacity: 0.5; }
|
||||
|
||||
.scroll p {
|
||||
font-size: 1.18rem; line-height: 1.75; color: #2a1500;
|
||||
margin-bottom: 1rem; text-align: justify;
|
||||
}
|
||||
.scroll .salut { font-family: 'MedievalSharp', cursive; font-size: 1.35rem; }
|
||||
.scroll .demand {
|
||||
font-family: 'MedievalSharp', cursive;
|
||||
font-size: 1.3rem; text-align: center; color: #8b1a1a;
|
||||
border-top: 1px solid rgba(90,58,0,0.4); border-bottom: 1px solid rgba(90,58,0,0.4);
|
||||
padding: 0.8rem 0; margin: 1.4rem 0;
|
||||
}
|
||||
.scroll .sign {
|
||||
text-align: right; font-family: 'MedievalSharp', cursive;
|
||||
font-size: 1.4rem; color: #5a0e0e; margin-top: 2rem;
|
||||
}
|
||||
.scroll .ps { font-style: italic; font-size: 1.02rem; color: #4a2a00; margin-top: 1.4rem; }
|
||||
.blank { border-bottom: 1px solid #5a3a00; display: inline-block; min-width: 110px; }
|
||||
|
||||
.note {
|
||||
max-width: 720px; margin: -1.5rem auto 2.5rem;
|
||||
font-size: 0.82rem; color: #8a7340; font-style: italic; text-align: center;
|
||||
}
|
||||
|
||||
/* GM-Notizfeld am Fuß jedes Briefs (vor dem Verteilen abschneiden) */
|
||||
.scroll::after {
|
||||
content: '✂ GM-Notiz — verschickt am / an wen (vor dem Verteilen abschneiden)';
|
||||
display: block;
|
||||
margin-top: 2.4rem;
|
||||
padding-top: 0.5rem;
|
||||
min-height: 3.4rem;
|
||||
border-top: 1px dashed rgba(90,58,0,0.55);
|
||||
font-family: 'Cinzel', serif;
|
||||
font-size: 0.6rem; letter-spacing: 0.1em; text-transform: uppercase;
|
||||
color: #8b1a1a;
|
||||
background-image: repeating-linear-gradient(
|
||||
transparent 0,
|
||||
transparent 1.5rem,
|
||||
rgba(90,58,0,0.3) 1.5rem,
|
||||
rgba(90,58,0,0.3) calc(1.5rem + 1px),
|
||||
transparent calc(1.5rem + 1px),
|
||||
transparent 2.7rem
|
||||
);
|
||||
}
|
||||
|
||||
@media print {
|
||||
html, body {
|
||||
background: #fff; padding: 0;
|
||||
-webkit-print-color-adjust: exact; print-color-adjust: exact;
|
||||
}
|
||||
.page-head, .print-hint, .note { display: none; }
|
||||
.scroll {
|
||||
box-shadow: none; border-color: #5a3a00; margin: 0 auto; break-after: page;
|
||||
-webkit-print-color-adjust: exact; print-color-adjust: exact;
|
||||
}
|
||||
.scroll:last-of-type { break-after: avoid; }
|
||||
}
|
||||
@page { size: A4 portrait; margin: 1.2cm; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="page-head">
|
||||
<div class="kicker">Im Jahre Schnee</div>
|
||||
<h1>✉ Erpresserschreiben ✉</h1>
|
||||
</div>
|
||||
<div class="print-hint">Drucken (A4 hochkant), auf Antik-/Kraftpapier kopieren, Ränder ansengen oder mit Kaffee altern. Eines davon = Boss-Fähigkeit A im Kampf – Spielername in die Lücke eintragen.</div>
|
||||
|
||||
<!-- BRIEF 1 — Ankündigung (zur Ankunft / Backhendl-Brieftaube) -->
|
||||
<div class="scroll">
|
||||
<div class="seal">☠</div>
|
||||
<div class="letter-no">Erstes Schreiben · zur Brieftaube</div>
|
||||
<div class="letter-title">An den Bräutigam Wendl</div>
|
||||
<div class="rule"></div>
|
||||
<p class="salut">Höret, ihr Zecher im Jahre Schnee!</p>
|
||||
<p>Während ihr Met sauft und das Backhendl rupft, sitzt die holde <strong>Iris</strong> in meinem Turm. Ihr Lachen ist verstummt, ihr Platz an Wendls Seite ist leer. Ich habe sie mir genommen — und kein Gebet, kein Gelage und kein voller Krug wird sie zurückbringen.</p>
|
||||
<p>Glaubt nicht, der Tag sei zum Feiern. Er ist eine Prüfung. Beweist mir die Stärke des Bräutigams — oder Iris bleibt mein für alle Zeit, und am Hochzeitstag steht Wendl allein vor dem Altar.</p>
|
||||
<p class="demand">Sammelt sechs Beweise eurer Stärke,<br>dann erst trete ich euch entgegen.</p>
|
||||
<p>Bis dahin: Vertraut niemandem an diesem Tisch. Nicht jeder, der euch zuprostet, meint es gut. Einer unter euch trägt meine Farben.</p>
|
||||
<p class="sign">— Der Namenlose</p>
|
||||
<p class="ps">P.S. Ich beobachte euch. Jede volle Stunde sende ich ein neues Wort.</p>
|
||||
</div>
|
||||
<div class="note">Brief 1 — kommt mit der „Brieftaube" (Backhendl) gegen ~14:00 zur Eröffnung.</div>
|
||||
|
||||
<!-- BRIEF 2 — Boss-Fähigkeit A (Spielername-Lücke) -->
|
||||
<div class="scroll">
|
||||
<div class="seal">☠</div>
|
||||
<div class="letter-no">Zweites Schreiben · Kampf-Fähigkeit A</div>
|
||||
<div class="letter-title">Ein Name aus der Runde</div>
|
||||
<div class="rule"></div>
|
||||
<p class="salut">Ihr meint, ihr hättet die Oberhand?</p>
|
||||
<p>Ich kenne euch alle beim Namen. Und einer von euch hat heute genug gelärmt. Du da — <span class="blank"> </span> — ja, <em>du</em>.</p>
|
||||
<p>Iris hat mir von dir erzählt. Sie sagte, du seist nicht halb so tapfer, wie du tust. Beweise das Gegenteil — oder setz dich, halt den Mund und rühr dich nicht von der Stelle.</p>
|
||||
<p class="demand">Die genannte Person setzt die nächste Runde aus.<br>— oder sie trinkt und bleibt trotzdem stumm dabei.</p>
|
||||
<p>Solange ihr euch um euch selbst sorgt, sorge ich mich nicht um Iris. Sie weint, müsst ihr wissen. Wegen <em>dir</em>.</p>
|
||||
<p class="sign">— Der Namenlose</p>
|
||||
</div>
|
||||
<div class="note">Brief 2 — im Kampf vorlesen (Boss-Fähigkeit A, 1× pro Phase). Spielernamen vorher in die Lücke schreiben.</div>
|
||||
|
||||
<!-- BRIEF 3 — Reserve / Eskalation -->
|
||||
<div class="scroll">
|
||||
<div class="seal">☠</div>
|
||||
<div class="letter-no">Drittes Schreiben · Eskalation / Reserve</div>
|
||||
<div class="letter-title">Mein letztes Wort</div>
|
||||
<div class="rule"></div>
|
||||
<p class="salut">Wendl. Nur an dich.</p>
|
||||
<p>Du sammelst Würfel wie ein Kind Kieselsteine und glaubst, das mache dich zum Helden. Aber sag mir: Weißt du wirklich, wer dir heute die Hand geschüttelt hat? Wer dir etwas <em>verkauft</em> hat, das nicht echt war?</p>
|
||||
<p>Iris trug ein weißes Gewand, als ich sie holte. Sieh genau hin, was man dir als das ihre andreht — nicht alles, was nach ihr aussieht, ist von ihr. <strong>Manche Flecken färben ab.</strong></p>
|
||||
<p class="demand">Komm allein. Oder komm mit allen.<br>Es wird dir nichts nützen — einer von ihnen gehört mir.</p>
|
||||
<p>Wir sehen uns, wenn die sechste Stärke dein ist. Bring deinen Mut mit. Iris zählt jede Stunde.</p>
|
||||
<p class="sign">— Der Namenlose</p>
|
||||
<p class="ps">P.S. Sucht ihr mich? Sucht zuerst den, der saubere Worte und schmutzige Hände hat.</p>
|
||||
</div>
|
||||
<div class="note">Brief 3 — Reserve für Phase 2 / wenn die Spannung einen Schub braucht. Streut bereits den Hände-Hinweis fürs Werwolf-Finale.</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user