foundry/caws-world
4
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

add readme

Browse Source 
reorganize folder structure
This commit is contained in:
Ammerhai
2024-12-10 20:26:18 +01:00
parent ecbe717655
commit b22929b1f0
11 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/cystrelias-almanac.html
+135
View File
@@ -0,0 +1,135 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Cystrelias Almanac Of Wondrous Secrets</title>
<link rel="stylesheet" href="/dnd-book.css">
</head>
<body >
<!-- Erstelle ein Container-Div mit der Klasse "phb" -->
<div class="phb">
<h1 id="cystrelias-almanac-of-wondrous-secrets">Cystrelias Almanac Of Wondrous Secrets</h1>
<p><a
href="https://www.gmbinder.com/share/-L0WUSjJyFHG7PDyIFta">https://www.gmbinder.com/share/-L0WUSjJyFHG7PDyIFta</a>
</p>
<h2 id="kapitel-1---v%C3%B6lker-und-spezies-a">Kapitel 1 - Völker und Spezies </a></h2>
<h3 id="satyrn">Satyrn</h3>
<p>Satyrn haben einen wohlverdienten Ruf für ihre gute Laune, ihre geselligen Persönlichkeiten und ihre Liebe zu
Festen. Die meisten Satyrn werden von einfachen Wünschen angetrieben, die Welt zu sehen und alle ihre Freuden zu
genießen. Ihre Spontaneität und Launenhaftigkeit bringen sie zwar manchmal in Konflikt mit stoischeren Völkern, aber
Satyrn lassen sich von der Launenhaftigkeit anderer selten von ihrem eigenen Glück abhalten. Das Leben ist
schließlich ein Segen der Götter, und die angemessene Reaktion auf ein solches Geschenk ist für die meisten Satyrn,
es mit Freude anzunehmen.</p>
<h4 id="geborene-der-wildnis">Geborene der Wildnis</h4>
<p>In ihrer körperlichen Gestalt verkörpern die Satyrn eine Verschmelzung von menschlicher Zivilisation und der
Freiheit wilder Tiere. Im Allgemeinen sehen sie den Menschen ähnlich, mit einer Reihe von Staturen und Merkmalen.
Aber ihre ziegenartigen Hörner, spitzen Ohren und behaarten Unterkörper unterscheiden sie deutlich. Die massiven
Hörner der Satyrn sind an der Schädelbasis mit dem Kopf verbunden, während ihre Beine in kräftigen Hufen enden. Ihr
Körper ist von der Taille abwärts mit dickem Fell bedeckt, das an der Taille kürzer und unterhalb der Knie länger
ist. Kurze, weiche Haare wachsen an Hals und Wirbelsäule, entlang der Schultern und auf den Unterarmen.</p>
<h4 id="das-leben-sch%C3%BCtzen">Das Leben Schützen</h4>
<p>Die meisten Satyrn glauben, dass die anderen Völker von Theros mit der Plage der Ernsthaftigkeit behaftet sind.
Satyrn spotten über die Bemühungen der Polisbauer mit ihren Gesetzen und rechten Winkeln, und sie machen sich über
die Philosophen mit ihren endlosen Theorien und endlosen Diskussionen lustig.</p>
<p>Satyrn sind der Meinung, dass das Leben mit allen Sinnen gelebt und erlebt werden muss. Satyrn sehen die Welt und
alles in ihr als einen Haken voller Genüsse, und sie wollen jede Seite erkunden. In Kapitel 3 erfährst du mehr über
die Heimat der Satyrn, das Skola-Tal.</p>
<h4 id="die-kunst-der-offenbarung">Die Kunst der Offenbarung</h4>
<p>Die Menschen der Poleis stellen sich Satyrfeste im Allgemeinen als rauschende Bacchanale vor, bei denen alles
Mögliche passieren kann. Dieses Bild ist nicht falsch, aber es ist unvollständig, denn zu einem Gelage gehört mehr
als Ausschweifung. Für Satyrn ist das Feiern eine Lebenseinstellung. Sie erfreuen sich an den kleinen Dingen: dem
Gesang eines Vogels, einer warmen Brise, dem Geruch eines leckeren Kuchens, dem Entspannen an einem Fluss im
Sonnenschein. Das Leben bietet diese Gaben frei an, und für einen Satyr sind sie wertvoller als Gold oder Ruhm.
Schwelgen bedeutet, die Zwänge der Zeit zu vergessen, die Zukunft und die Vergangenheit loszulassen und ganz im
gegenwärtigen Augenblick zu sein. Für Satyrn ist die Begegnung mit dem Leben mit allen Sinnen eine Ehre für die
Götter, und - was am wichtigsten ist - sie fühlt sich wirklich gut an. Angetrieben von Instinkt und Intuition,
erweisen sich die meisten Satyrn als unberechenbar und folgen ihrem Sinn für Wunder, wohin auch immer er sie führt.
</p>
<h4 id="ein-exzentrisches-v%C3%B6lkchen">Ein Exzentrisches Völkchen</h4>
<p>Satyrn sind für ihre Exzentrik bekannt. Manche Menschen verbringen zu viel Zeit damit, sich darüber Gedanken zu
machen, warum Satyrn sich so verhalten, wie sie es tun. Aber Satyrn selbst sind einfach so, wie sie sind, und haben
kein Bedürfnis zu verstehen, was sie antreibt, geschweige denn es anderen zu erklären. Die Tabelle der
Satyr-Exzentrizitäten zeigt einige Vorlieben oder Neigungen, die dein Satyr-Charakter haben könnte.</p>
<h5 id="satyr-eigenschaften">Satyr Eigenschaften</h5>
<table>
<thead>
<tr>
<th>D8</th>
<th>Charakteristik</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Blumen sind die tollsten Dinge überhaupt. Ich möchte sie pflücken, sie tragen und ihre stillen Geheimnisse
entdecken.</td>
</tr>
<tr>
<td>2</td>
<td>Es gibt keinen Baum und keine Statue, auf die man nicht klettern könnte.</td>
</tr>
<tr>
<td>3</td>
<td>Nichts vereint das Unglück so gut wie ein fröhlicher Tanz.</td>
</tr>
<tr>
<td>4</td>
<td>Manchmal hilft es wirklich mit einer Pflanze zu sprechen.</td>
</tr>
<tr>
<td>5</td>
<td>Wenn ich ratlos bin, rauche ich eine Pfeife. Und wenn ich eine rauche, so wird es eine wunderbare Pfeife
sein.</td>
</tr>
<tr>
<td>6</td>
<td>Ich stelle mir vor, dass meine Kleidung meine glorreiche Seele ist, die ich vor aller Welt zur Schau stelle,
und ich kleide mich entsprechend.</td>
</tr>
<tr>
<td>7</td>
<td>Hörner zu haben, ist das Beste. Es macht Spaß, sie zu schmücken, und man kann eine Amphore öffnen, ohne
Probleme.</td>
</tr>
<tr>
<td>8</td>
<td>Wenn ich etwas wirklich Wichtiges zu sagen habe, singe ich es immer.</td>
</tr>
</tbody>
</table>
<h3 id="satyr-namen">Satyr Namen</h3>
<p>Der Name eines Satyrs ist so verspielt und schelmisch wie er selbst, und jeder Name wird vergeben, wenn die
Persönlichkeit des Satyrs durchscheint. Die meisten Satyrn geben sich auch gegenseitig Spitznamen.</p>
<p><strong>Weibliche Namen:</strong> Aliki, Avra, Chan, Dafni, Eirini, Elpida, Irini, Kaiti, Lia, Niki, Tasia, Xeni,
Yanna, Zoi</p>
<p><strong>Männliche Namen:</strong> Aleksos, Dimi, Filippos, Ilias, Kyriakos, Neofytos, Omiros, Pantelis, Spyro,
Takis, Zemon</p>
<p><strong>Spitznamen:</strong> Hüpfer, Glitzerauge, Sonnenstrahl, Klip-Klop, Schnellfuß, Blütenkink</p>
<h3 id="merkmale-der-satyr">Merkmale der Satyr</h3>
<p>Dein Satyrcharakter hat die folgenden Volkseigenschaften</p>
<p><strong>Attributswerterhöhung.</strong> Dein Charisma-Wert erhöht sich um zwei und dein Geschicklichkeitswert
steigt um eins.</p>
<p><strong>Alter.</strong> Satyrn reifen und altern in etwa gleich schnell wie Menschen.</p>
<p><strong>Ausrichtung.</strong> Satyrn genießen es, ein Leben frei vom Mantel des Gesetzes zu führen. Sie neigen
dazu, gut zu sein, aber einige haben eine hinterhältige Ader und sorgen gerne für Unruhe.</p>
<p><strong>Größe.</strong> Satyrn sind zwischen knapp 1,80 m und etwa 1,80 m groß und im Allgemeinen schlank gebaut.
Deine Größe ist mittelgroß.</p>
<p><strong>Bewegungsrate.</strong> Deine Grundgeschwindigkeit beträgt neun Meter.</p>
<p><strong>Rammen.</strong> Du kannst deinen Kopf und deine Hörner für unbewaffnete Schläge einsetzen. Wenn du damit
triffst, fügst du 1w4 + deinen Stärke-Modifikator als Schlagschaden zu.</p>
<p><strong>Magieresistenz.</strong> Du hast einen Vorteil bei Rettungswürfen gegen Zauber und andere magische Effekte.
</p>
<p><strong>Fröhliche Sprünge.</strong> Immer wenn du einen Weit- oder Hochsprung machst, kannst du einen 1w6 Wurf
machen und die gewürfelte Zahl zu der Anzahl der Meter addieren, die du zurücklegst, selbst wenn du einen Sprung aus
dem Stand machst. Diese zusätzliche Distanz kostet wie üblich Bewegung.</p>
<p><strong>Feiernder.</strong> Du beherrschst die Fertigkeiten Darstellendes Spiel und Überredungskunst und ein
musikalisches Instrument deiner Wahl.</p>
<p><strong>Sprachen.</strong> Du kannst die Allgemeinsprache und Sylvan sprechen, lesen und schreiben.</p>
</div>
</body>
</html>
src/cystrelias-almanac.md
+74
View File
@@ -0,0 +1,74 @@
# Cystrelias Almanac Of Wondrous Secrets
https://www.gmbinder.com/share/-L0WUSjJyFHG7PDyIFta
## Kapitel 1 - Völker und Spezies </a>
### Satyrn
Satyrn haben einen wohlverdienten Ruf für ihre gute Laune, ihre geselligen Persönlichkeiten und ihre Liebe zu Festen. Die meisten Satyrn werden von einfachen Wünschen angetrieben, die Welt zu sehen und alle ihre Freuden zu genießen. Ihre Spontaneität und Launenhaftigkeit bringen sie zwar manchmal in Konflikt mit stoischeren Völkern, aber Satyrn lassen sich von der Launenhaftigkeit anderer selten von ihrem eigenen Glück abhalten. Das Leben ist schließlich ein Segen der Götter, und die angemessene Reaktion auf ein solches Geschenk ist für die meisten Satyrn, es mit Freude anzunehmen.
#### Geborene der Wildnis
In ihrer körperlichen Gestalt verkörpern die Satyrn eine Verschmelzung von menschlicher Zivilisation und der Freiheit wilder Tiere. Im Allgemeinen sehen sie den Menschen ähnlich, mit einer Reihe von Staturen und Merkmalen. Aber ihre ziegenartigen Hörner, spitzen Ohren und behaarten Unterkörper unterscheiden sie deutlich. Die massiven Hörner der Satyrn sind an der Schädelbasis mit dem Kopf verbunden, während ihre Beine in kräftigen Hufen enden. Ihr Körper ist von der Taille abwärts mit dickem Fell bedeckt, das an der Taille kürzer und unterhalb der Knie länger ist. Kurze, weiche Haare wachsen an Hals und Wirbelsäule, entlang der Schultern und auf den Unterarmen.
#### Das Leben Schützen
Die meisten Satyrn glauben, dass die anderen Völker von Theros mit der Plage der Ernsthaftigkeit behaftet sind. Satyrn spotten über die Bemühungen der Polisbauer mit ihren Gesetzen und rechten Winkeln, und sie machen sich über die Philosophen mit ihren endlosen Theorien und endlosen Diskussionen lustig.
Satyrn sind der Meinung, dass das Leben mit allen Sinnen gelebt und erlebt werden muss. Satyrn sehen die Welt und alles in ihr als einen Haken voller Genüsse, und sie wollen jede Seite erkunden. In Kapitel 3 erfährst du mehr über die Heimat der Satyrn, das Skola-Tal.
#### Die Kunst der Offenbarung
Die Menschen der Poleis stellen sich Satyrfeste im Allgemeinen als rauschende Bacchanale vor, bei denen alles Mögliche passieren kann. Dieses Bild ist nicht falsch, aber es ist unvollständig, denn zu einem Gelage gehört mehr als Ausschweifung. Für Satyrn ist das Feiern eine Lebenseinstellung. Sie erfreuen sich an den kleinen Dingen: dem Gesang eines Vogels, einer warmen Brise, dem Geruch eines leckeren Kuchens, dem Entspannen an einem Fluss im Sonnenschein. Das Leben bietet diese Gaben frei an, und für einen Satyr sind sie wertvoller als Gold oder Ruhm. Schwelgen bedeutet, die Zwänge der Zeit zu vergessen, die Zukunft und die Vergangenheit loszulassen und ganz im gegenwärtigen Augenblick zu sein. Für Satyrn ist die Begegnung mit dem Leben mit allen Sinnen eine Ehre für die Götter, und - was am wichtigsten ist - sie fühlt sich wirklich gut an. Angetrieben von Instinkt und Intuition, erweisen sich die meisten Satyrn als unberechenbar und folgen ihrem Sinn für Wunder, wohin auch immer er sie führt.
#### Ein Exzentrisches Völkchen
Satyrn sind für ihre Exzentrik bekannt. Manche Menschen verbringen zu viel Zeit damit, sich darüber Gedanken zu machen, warum Satyrn sich so verhalten, wie sie es tun. Aber Satyrn selbst sind einfach so, wie sie sind, und haben kein Bedürfnis zu verstehen, was sie antreibt, geschweige denn es anderen zu erklären. Die Tabelle der Satyr-Exzentrizitäten zeigt einige Vorlieben oder Neigungen, die dein Satyr-Charakter haben könnte.
##### Satyr Eigenschaften
| D8 | Charakteristik |
|----|-------------------------------------------------------------------------------|
| 1 | Blumen sind die tollsten Dinge überhaupt. Ich möchte sie pflücken, sie tragen und ihre stillen Geheimnisse entdecken. |
| 2 | Es gibt keinen Baum und keine Statue, auf die man nicht klettern könnte. |
| 3 | Nichts vereint das Unglück so gut wie ein fröhlicher Tanz. |
| 4 | Manchmal hilft es wirklich mit einer Pflanze zu sprechen. |
| 5 | Wenn ich ratlos bin, rauche ich eine Pfeife. Und wenn ich eine rauche, so wird es eine wunderbare Pfeife sein. |
| 6 | Ich stelle mir vor, dass meine Kleidung meine glorreiche Seele ist, die ich vor aller Welt zur Schau stelle, und ich kleide mich entsprechend. |
| 7 | Hörner zu haben, ist das Beste. Es macht Spaß, sie zu schmücken, und man kann eine Amphore öffnen, ohne Probleme. |
| 8 | Wenn ich etwas wirklich Wichtiges zu sagen habe, singe ich es immer. |
### Satyr Namen
Der Name eines Satyrs ist so verspielt und schelmisch wie er selbst, und jeder Name wird vergeben, wenn die Persönlichkeit des Satyrs durchscheint. Die meisten Satyrn geben sich auch gegenseitig Spitznamen.
**Weibliche Namen:** Aliki, Avra, Chan, Dafni, Eirini, Elpida, Irini, Kaiti, Lia, Niki, Tasia, Xeni, Yanna, Zoi
**Männliche Namen:** Aleksos, Dimi, Filippos, Ilias, Kyriakos, Neofytos, Omiros, Pantelis, Spyro, Takis, Zemon
**Spitznamen:** Hüpfer, Glitzerauge, Sonnenstrahl, Klip-Klop, Schnellfuß, Blütenkink
### Merkmale der Satyr
Dein Satyrcharakter hat die folgenden Volkseigenschaften
**Attributswerterhöhung.** Dein Charisma-Wert erhöht sich um zwei und dein Geschicklichkeitswert steigt um eins.
**Alter.** Satyrn reifen und altern in etwa gleich schnell wie Menschen.
**Ausrichtung.** Satyrn genießen es, ein Leben frei vom Mantel des Gesetzes zu führen. Sie neigen dazu, gut zu sein, aber einige haben eine hinterhältige Ader und sorgen gerne für Unruhe.
**Größe.** Satyrn sind zwischen knapp 1,80 m und etwa 1,80 m groß und im Allgemeinen schlank gebaut. Deine Größe ist mittelgroß.
**Bewegungsrate.** Deine Grundgeschwindigkeit beträgt neun Meter.
**Rammen.** Du kannst deinen Kopf und deine Hörner für unbewaffnete Schläge einsetzen. Wenn du damit triffst, fügst du 1w4 + deinen Stärke-Modifikator als Schlagschaden zu.
**Magieresistenz.** Du hast einen Vorteil bei Rettungswürfen gegen Zauber und andere magische Effekte.
**Fröhliche Sprünge.** Immer wenn du einen Weit- oder Hochsprung machst, kannst du einen 1w6 Wurf machen und die gewürfelte Zahl zu der Anzahl der Meter addieren, die du zurücklegst, selbst wenn du einen Sprung aus dem Stand machst. Diese zusätzliche Distanz kostet wie üblich Bewegung.
**Feiernder.** Du beherrschst die Fertigkeiten Darstellendes Spiel und Überredungskunst und ein musikalisches Instrument deiner Wahl.
**Sprachen.** Du kannst die Allgemeinsprache und Sylvan sprechen, lesen und schreiben.
src/dnd-book.css
+119
View File
@@ -0,0 +1,119 @@
.pages {
--page-width: 210mm;
--page-height: calc(var(--page-width) * sqrt(2));
width: var(--page-width);
margin: 2em auto;
font-size: 12pt;
color: #222;
display: grid;
gap: 2em;
& * {
box-sizing: border-box;
}
& > * {
position: relative;
width: var(--page-width);
height: var(--page-height);
padding: 15mm;
background-image: url('./background.png');
background-size: cover;
box-shadow: -10px 0 20px rgba(0, 0, 0, 0.3), 10px 0 20px rgba(0, 0, 0, 0.3);
display: grid;
gap: 10mm;
&:has(> :last-child:nth-child(1)) {
grid-template-columns: 1fr;
}
&:has(> :last-child:nth-child(2)) {
grid-template-columns: repeat(2, 1fr);
}
& > * > :first-child {
margin-top: 0;
}
& blockquote {
margin: 1em 0;
padding: 1em;
background-color: #e0e5c1;
border-image: url('./note-wrap.png') 11 / auto / 9px 0;
box-shadow: 1px 4px 14px #888;
}
& table {
width: 100%;
& td, th {
border: 1pt solid #ccc;
}
}
&::after {
position: absolute;
bottom: 0;
width: 100%;
height: 42pt;
content: "";
background-image: url('./footer_even.png');
background-size: cover;
}
}
@media print {
margin: 0;
}
}
/* Überschriften und Absätze */
.phb h1,
.phb h2,
.phb h3,
.phb h4 {
margin-top: .2em;
margin-bottom: .2em;
font-family: 'Times New Roman';
font-weight: 800;
color: #58180D;
}
.phb h1 {
column-span: all;
font-size: 1.6;
-webkit-column-span: all;
-moz-column-span: all;
}
.phb h2 {
font-size: 1.4em;
}
.phb h3 {
font-size: 1.2em;
border-bottom: 2px solid #c9ad6a;
}
.phb h4 {
margin-bottom: 0;
font-size: 1em;
}
.phb h5 {
margin-bottom: .2em;
font-family: 'Times New Roman';
font-size: .8em;
font-weight: 900;
}
src/monsterblock.css
+204
View File
@@ -0,0 +1,204 @@
body {
text-align: center;
font-size: 13.5px;
line-height: 1.2em;
}
body *{
box-sizing: border-box;
max-width: 100%;
font-family: 'Noto Sans', sans-serif;
}
.stat-block {
text-align: left;
margin: 20px;
display: inline-block;
vertical-align: top;
width: 17%;
min-width:280px;
background: #FDF1DC;
padding: 5px 10px 20px;
box-shadow: 0 0 1.5em #867453;
}
.stat-block.wide{
width: 46.5%;
min-width: 560px;
text-align: center;
}
.stat-block.wide .section-left,
.stat-block.wide .section-right{
display: inline-block;
vertical-align: top;
width: 48%;
text-align: left;
}
.stat-block.wide .section-left{
margin-right: 1.5%;
}
.stat-block.wide .section-right{
margin-left: 1.5%;
}
@media screen and (max-width: 675px){
.stat-block.wide{
min-width: 280px;
}
.stat-block.wide .section-left,
.stat-block.wide .section-right{
display: block;
width: 100%;
}
.stat-block.wide .section-left{
margin: 0;
}
.stat-block.wide .section-right{
margin: 0;
}
}
.orange-border{
display: block;
background: #E69A28;
border: 1px solid #000;
height: 5px;
padding: 0 10px 0;
margin: -10px -10px 0;
box-sizing: initial;
}
.orange-border.bottom{
margin: 15px -10px -20px;
}
.tapered-rule{
display: block;
width: 100%;
height: 5px;
border: none;
color: #922610;
fill: #922610;
stroke: #922610;
}
.creature-heading h1{
font-family: 'Libre Baskerville', 'Lora', 'Calisto MT', 'Bookman Old Style', 'Bitstream Charter', Georgia, serif;
color: #922610;
font-size: 23px;
line-height: 1.2em;
margin: 10px 0 0;
letter-spacing: 1px;
font-variant: small-caps;
font-weight: bold;
}
.creature-heading h2{
font-weight: normal;
font-style: italic;
font-size: 12px;
line-height: 1.2em;
margin: 0 0 10px;
}
.property-line h4,
.property-line p{
display: inline;
margin: 0;
color: #922610;
font-size: 13.5px;
line-height: 1.2em;
}
.property-line h4{
color: #7A200D;
}
.property-line{
text-indent: -1em;
padding-left: 1.1em;
line-height: 1.4em;
}
.property-line.first{
margin: 8px 0 0
}
.property-line.last{
margin: 0 0 10px;
}
.abilities{
text-align: center;
color: #922610;
}
.abilities > div{
display: inline-block;
vertical-align: middle;
width: 15.5%;
min-width: 40px;
font-size: 12px;
line-height: 1em;
}
.abilities h4{
margin: 10px 0 2px;
font-size: 14px;
line-height: 1.2em;
text-transform: uppercase;
color: #7A200D;
}
.abilities p{
margin: 0 0 10px;
line-height: 1.2em;
}
.property-block h4,
.property-block p{
font-size: 13.5px;
line-height: 1.2em;
display: inline;
margin: 0;
}
.property-block h4{
font-style: italic;
}
.property-block{
padding: 10px 2px 0;
}
.actions h3{
border-bottom: 1px solid #7A200D;
color: #7A200D;
font-size: 21px;
font-variant: small-caps;
font-weight: normal;
letter-spacing: 1px;
margin: 20px 0 0;
padding: 0 0 10px;
text-indent: 5px;
}
.actions{
margin: 0 0 20px;
}
.actions:last-child{
margin: 0;
}
@media print{
.orange-border{
display: none;
}
.stat-block,
.stat-block.wide,
.stat-block.wide .section-left,
.stat-block.wide .section-right,
.property-line,
.property-block{
width: 100%;
display: block;
}
.stat-block.wide .section-left{
margin: 0;
}
.stat-block.wide .section-right{
margin: 0;
}
.stat-block{
width: 40%;
display: inline-block;
vertical-align: top;
}
.stat-block.wide{
page-break-after: always;
}
}
@media screen and (max-width: 575px){
.stat-block{
margin: 20px 0;
}
}
src/test.html
+123
View File
@@ -0,0 +1,123 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PhB Layout mit Spalten</title>
<link rel="stylesheet" href="website_main.css"> <!-- Dein CSS-File -->
<link rel="stylesheet" href="dnd-book.css"> <!-- Dein CSS-File -->
</head>
<body>
<header>
<div class="title">
<a href="/index.html">AMMERHAI</a>
</div>
<div class="menu">
<a href="/ttrpg.html">TTRPG</a>
<a href="/blog.html">Blog</a>
<a href="/imprint.html">Imprint</a>
</div>
</header>
<div class="pages">
<div class="page">
<div>
<h1>Die Elfen und ihre Geschichte</h1>
<p>Die Elfen sind eine uralte Rasse, bekannt für ihre Weisheit und Verbindung zur Natur...</p>
<h2>Der Aufstieg des ersten Elfenkönigs</h2>
<p>Der erste Elfenkönig, Ilinthar, führte seine Leute aus der Dunkelheit der frühen Zeiten...</p>
<h3>Die goldene Ära der Elfen</h3>
<p>In der goldenen Ära der Elfen errichteten sie monumentale Städte...</p>
<blockquote>
<p>„Der Wald ist nicht nur ein Ort, sondern ein lebendiger Organismus“, sagte der weise Magier. „Wer sich in ihn wagt, muss die Regeln des Waldes respektieren.“</p>
</blockquote>
<table>
<tr>
<th>Charakter</th>
<th>Rasse</th>
<th>Waffe</th>
</tr>
<tr>
<td>Filaron</td>
<td>Elf</td>
<td>Bogen</td>
</tr>
<tr>
<td>Grunther</td>
<td>Zwerg</td>
<td>Axt</td>
</tr>
</table>
</div>
<div>
<h1>Die Zwerge und ihre Bedeutung</h1>
<p>Die Zwerge sind für ihre Handwerkskunst und ihren tiefen Bezug zu den Bergen bekannt...</p>
<h2>Die Entstehung der ersten Zwergenreiche</h2>
<p>Als die Zwerge das erste Mal die Berge betraten, fanden sie in den tiefen Höhlen reiche Erzvorkommen...</p>
<h3>Die Zwergenkriege und ihre Krieger</h3>
<p>Die Geschichte der Zwerge ist von zahllosen Kriegen und Schlachten geprägt...</p>
<blockquote>
<p>„Die Stärke eines Zwerges liegt nicht nur in seiner Axt, sondern in seinem unerschütterlichen Willen“, sagte der alte Schmied.</p>
</blockquote>
<table>
<tr>
<th>Charakter</th>
<th>Rasse</th>
<th>Waffe</th>
</tr>
<tr>
<td>Thorin</td>
<td>Zwerg</td>
<td>Hammer</td>
</tr>
<tr>
<td>Haldor</td>
<td>Zwerg</td>
<td>Schwert</td>
</tr>
</table>
</div>
</div>
<div class="page">
<div>
<h1>Die Magie der Welt</h1>
<p>Die Magie durchzieht die Welt, sie ist die Quelle der größten Kräfte und der gefährlichsten Geheimnisse...</p>
<blockquote>
<p>„Magie ist die Sprache der Welt, die jeder versteht, der mit der richtigen Intention hört“, erklärte der alte Zauberer.</p>
</blockquote>
</div>
<div>
<h1>Die Götter und ihre Anhänger</h1>
<p>Die Götter der Welt sind nicht nur Wesen von unvorstellbarer Macht, sondern auch Teil des täglichen Lebens...</p>
<table>
<tr>
<th>Gottheit</th>
<th>Domäne</th>
<th>Anhänger</th>
</tr>
<tr>
<td>Aerath</td>
<td>Winde</td>
<td>Flügelvolk</td>
</tr>
<tr>
<td>Valkor</td>
<td>Krieg</td>
<td>Kriegsherren</td>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>
src/website_main.css
+99
View File
@@ -0,0 +1,99 @@
/*GENERAL*/
/*@font-face {
font-family: 'FiraCode';
src: url(fonts/FiraCode-VariableFont_wght.ttf);
}*/
@font-face {
font-family: 'Inconsolata';
src: url(fonts/Inconsolata-VariableFont_wdth\,wght.ttf);
font-weight: 600;
}
/*BODY*/
body {
margin: 0em;
font-family: 'Inconsolata', 'Courier New';
font-size: 16pt;
color: #EEE;
background: #292a2d;
& a {
text-decoration: none;
}
& > header {
position: sticky;
z-index: 100;
top: 0;
margin-bottom: 1em;
background: #151617;
font-size: 1.2em;
line-height: 3.5em;
box-shadow: 0em 0.16em 0.8em 0em rgba(0,0,0,0.55);
display: grid;
grid-template-columns: minmax(0, 3em) max-content auto max-content minmax(0, 3em);
& a {
color: inherit;
&:hover {
transform: scale(1.02);
text-shadow: 0em 0em 1em rgba(175, 175, 175, 0.9);
}
}
& .title {
grid-column: 2;
font-size: 1.6em;
font-weight: bold;
text-shadow: 0em 0em 0.2em rgba(175, 175, 175, 0.5);
}
& .menu {
grid-column: 4;
display: flex;
gap: 2em
}
@media print {
display: none;
}
}
}
/*##########################################################*/
/*IMG*/
img.center-fit {
max-width: 100%;
max-height: 100vh;
margin: auto;
}
img.shadow{
box-shadow: 0em 0.16em 0.8em 0em rgba(0,0,0,0.55);
}
/*##########################################################*/
/*FOOTER*/
footer {
opacity: 0.5;
position: relative;
bottom: 0;
width: 100%;
text-align: center;
/*padding: 10px;*/
border-top: 1px transparent #ccc; /* Trennlinie oberhalb des Footers */
}