Compare commits
1 Commits
main
...
change-to-
| Author | SHA1 | Date | |
|---|---|---|---|
| b5e8120f02 |
1
CAWS/.obsidian/app.json
vendored
1
CAWS/.obsidian/app.json
vendored
@ -1 +0,0 @@
|
||||
{}
|
||||
1
CAWS/.obsidian/appearance.json
vendored
1
CAWS/.obsidian/appearance.json
vendored
@ -1 +0,0 @@
|
||||
{}
|
||||
1
CAWS/.obsidian/community-plugins.json
vendored
1
CAWS/.obsidian/community-plugins.json
vendored
@ -1 +0,0 @@
|
||||
[]
|
||||
30
CAWS/.obsidian/core-plugins-migration.json
vendored
30
CAWS/.obsidian/core-plugins-migration.json
vendored
@ -1,30 +0,0 @@
|
||||
{
|
||||
"file-explorer": true,
|
||||
"global-search": true,
|
||||
"switcher": true,
|
||||
"graph": true,
|
||||
"backlink": true,
|
||||
"canvas": true,
|
||||
"outgoing-link": true,
|
||||
"tag-pane": true,
|
||||
"properties": false,
|
||||
"page-preview": true,
|
||||
"daily-notes": true,
|
||||
"templates": true,
|
||||
"note-composer": true,
|
||||
"command-palette": true,
|
||||
"slash-command": false,
|
||||
"editor-status": true,
|
||||
"bookmarks": true,
|
||||
"markdown-importer": false,
|
||||
"zk-prefixer": false,
|
||||
"random-note": false,
|
||||
"outline": true,
|
||||
"word-count": true,
|
||||
"slides": false,
|
||||
"audio-recorder": false,
|
||||
"workspaces": false,
|
||||
"file-recovery": true,
|
||||
"publish": false,
|
||||
"sync": false
|
||||
}
|
||||
33
CAWS/.obsidian/core-plugins.json
vendored
33
CAWS/.obsidian/core-plugins.json
vendored
@ -1,33 +0,0 @@
|
||||
{
|
||||
"file-explorer": true,
|
||||
"global-search": true,
|
||||
"switcher": true,
|
||||
"graph": true,
|
||||
"backlink": true,
|
||||
"canvas": true,
|
||||
"outgoing-link": true,
|
||||
"tag-pane": true,
|
||||
"properties": false,
|
||||
"page-preview": true,
|
||||
"daily-notes": true,
|
||||
"templates": true,
|
||||
"note-composer": true,
|
||||
"command-palette": true,
|
||||
"slash-command": false,
|
||||
"editor-status": true,
|
||||
"bookmarks": true,
|
||||
"markdown-importer": false,
|
||||
"zk-prefixer": false,
|
||||
"random-note": false,
|
||||
"outline": true,
|
||||
"word-count": true,
|
||||
"slides": false,
|
||||
"audio-recorder": false,
|
||||
"workspaces": false,
|
||||
"file-recovery": true,
|
||||
"publish": false,
|
||||
"sync": false,
|
||||
"footnotes": false,
|
||||
"bases": true,
|
||||
"webviewer": false
|
||||
}
|
||||
22
CAWS/.obsidian/graph.json
vendored
22
CAWS/.obsidian/graph.json
vendored
@ -1,22 +0,0 @@
|
||||
{
|
||||
"collapse-filter": true,
|
||||
"search": "",
|
||||
"showTags": false,
|
||||
"showAttachments": false,
|
||||
"hideUnresolved": false,
|
||||
"showOrphans": true,
|
||||
"collapse-color-groups": true,
|
||||
"colorGroups": [],
|
||||
"collapse-display": true,
|
||||
"showArrow": false,
|
||||
"textFadeMultiplier": 0,
|
||||
"nodeSizeMultiplier": 1,
|
||||
"lineSizeMultiplier": 1,
|
||||
"collapse-forces": true,
|
||||
"centerStrength": 0.518713248970312,
|
||||
"repelStrength": 10,
|
||||
"linkStrength": 1,
|
||||
"linkDistance": 250,
|
||||
"scale": 1,
|
||||
"close": true
|
||||
}
|
||||
@ -1,27 +0,0 @@
|
||||
{
|
||||
"monsters": [],
|
||||
"defaultLayouts": {},
|
||||
"layouts": [],
|
||||
"default": "basic-5e-layout",
|
||||
"useDice": true,
|
||||
"renderDice": false,
|
||||
"export": true,
|
||||
"showAdvanced": false,
|
||||
"version": {
|
||||
"major": 4,
|
||||
"minor": 10,
|
||||
"patch": 2
|
||||
},
|
||||
"paths": [
|
||||
"/"
|
||||
],
|
||||
"autoParse": false,
|
||||
"disableSRD": false,
|
||||
"tryToRenderLinks": true,
|
||||
"debug": false,
|
||||
"notifiedOfFantasy": false,
|
||||
"hideConditionHelp": false,
|
||||
"alwaysImport": false,
|
||||
"defaultLayoutsIntegrated": true,
|
||||
"atomicWrite": false
|
||||
}
|
||||
1107
CAWS/.obsidian/plugins/obsidian-5e-statblocks/main.js
vendored
1107
CAWS/.obsidian/plugins/obsidian-5e-statblocks/main.js
vendored
File diff suppressed because one or more lines are too long
@ -1,11 +0,0 @@
|
||||
{
|
||||
"id": "obsidian-5e-statblocks",
|
||||
"name": "Fantasy Statblocks",
|
||||
"version": "4.10.2",
|
||||
"description": "Create Fantasy Statblocks in Obsidian.md",
|
||||
"minAppVersion": "0.12.0",
|
||||
"author": "Jeremy Valentine",
|
||||
"authorUrl": "",
|
||||
"fundingUrl": "https://www.buymeacoffee.com/valentine195",
|
||||
"isDesktopOnly": false
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
184
CAWS/.obsidian/workspace.json
vendored
184
CAWS/.obsidian/workspace.json
vendored
@ -1,184 +0,0 @@
|
||||
{
|
||||
"main": {
|
||||
"id": "1358c2ec9fa04611",
|
||||
"type": "split",
|
||||
"children": [
|
||||
{
|
||||
"id": "0066a28c6d52231b",
|
||||
"type": "tabs",
|
||||
"children": [
|
||||
{
|
||||
"id": "2b501ebf0ce48ba4",
|
||||
"type": "leaf",
|
||||
"state": {
|
||||
"type": "markdown",
|
||||
"state": {
|
||||
"file": "Regionen/Region_1.md",
|
||||
"mode": "source",
|
||||
"source": false
|
||||
},
|
||||
"icon": "lucide-file",
|
||||
"title": "Region_1"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"direction": "vertical"
|
||||
},
|
||||
"left": {
|
||||
"id": "06bd950bcde3afb6",
|
||||
"type": "split",
|
||||
"children": [
|
||||
{
|
||||
"id": "99d247c431529d62",
|
||||
"type": "tabs",
|
||||
"children": [
|
||||
{
|
||||
"id": "17ebb9590096feb3",
|
||||
"type": "leaf",
|
||||
"state": {
|
||||
"type": "file-explorer",
|
||||
"state": {
|
||||
"sortOrder": "alphabetical",
|
||||
"autoReveal": false
|
||||
},
|
||||
"icon": "lucide-folder-closed",
|
||||
"title": "Dateiexplorer"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "3a0078fae335043c",
|
||||
"type": "leaf",
|
||||
"state": {
|
||||
"type": "search",
|
||||
"state": {
|
||||
"query": "",
|
||||
"matchingCase": false,
|
||||
"explainSearch": false,
|
||||
"collapseAll": false,
|
||||
"extraContext": false,
|
||||
"sortOrder": "alphabetical"
|
||||
},
|
||||
"icon": "lucide-search",
|
||||
"title": "Suchen"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "e55069b5fc0c42bb",
|
||||
"type": "leaf",
|
||||
"state": {
|
||||
"type": "bookmarks",
|
||||
"state": {},
|
||||
"icon": "lucide-bookmark",
|
||||
"title": "Lesezeichen"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"direction": "horizontal",
|
||||
"width": 300
|
||||
},
|
||||
"right": {
|
||||
"id": "8541b6074c042f30",
|
||||
"type": "split",
|
||||
"children": [
|
||||
{
|
||||
"id": "357b5237ea69d3a3",
|
||||
"type": "tabs",
|
||||
"children": [
|
||||
{
|
||||
"id": "a3ee9819db4256bf",
|
||||
"type": "leaf",
|
||||
"state": {
|
||||
"type": "backlink",
|
||||
"state": {
|
||||
"file": "images/region_1.png",
|
||||
"collapseAll": false,
|
||||
"extraContext": false,
|
||||
"sortOrder": "alphabetical",
|
||||
"showSearch": false,
|
||||
"searchQuery": "",
|
||||
"backlinkCollapsed": false,
|
||||
"unlinkedCollapsed": true
|
||||
},
|
||||
"icon": "links-coming-in",
|
||||
"title": "Rückverweise für region_1"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "331497fe444aeb65",
|
||||
"type": "leaf",
|
||||
"state": {
|
||||
"type": "outgoing-link",
|
||||
"state": {
|
||||
"file": "images/region_1.png",
|
||||
"linksCollapsed": false,
|
||||
"unlinkedCollapsed": true
|
||||
},
|
||||
"icon": "links-going-out",
|
||||
"title": "Ausgehende Links von region_1 öffnen"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "f5444e19385273f6",
|
||||
"type": "leaf",
|
||||
"state": {
|
||||
"type": "tag",
|
||||
"state": {
|
||||
"sortOrder": "frequency",
|
||||
"useHierarchy": true,
|
||||
"showSearch": false,
|
||||
"searchQuery": ""
|
||||
},
|
||||
"icon": "lucide-tags",
|
||||
"title": "Tags"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "743ee9cbcf594698",
|
||||
"type": "leaf",
|
||||
"state": {
|
||||
"type": "outline",
|
||||
"state": {
|
||||
"file": "Welcome.md",
|
||||
"followCursor": false,
|
||||
"showSearch": false,
|
||||
"searchQuery": ""
|
||||
},
|
||||
"icon": "lucide-list",
|
||||
"title": "Gliederung von Welcome"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"direction": "horizontal",
|
||||
"width": 300,
|
||||
"collapsed": true
|
||||
},
|
||||
"left-ribbon": {
|
||||
"hiddenItems": {
|
||||
"graph:Graph-Ansicht öffnen": false,
|
||||
"bases:Create new base": false,
|
||||
"switcher:Schnellauswahl öffnen": false,
|
||||
"canvas:Neuen Canvas erstellen": false,
|
||||
"daily-notes:Heutige Notiz öffnen": false,
|
||||
"templates:Vorlage einfügen": false,
|
||||
"command-palette:Befehlspalette öffnen": false
|
||||
}
|
||||
},
|
||||
"active": "17ebb9590096feb3",
|
||||
"lastOpenFiles": [
|
||||
"images/region_1_1.webp",
|
||||
"Welcome.md",
|
||||
"Regionen/Region_1.md",
|
||||
"Regionen",
|
||||
"Unbenannt 2.base",
|
||||
"Unbenannt.base",
|
||||
"Unbenannt 1.base",
|
||||
"images/region_1.png",
|
||||
"images"
|
||||
]
|
||||
}
|
||||
@ -1,79 +0,0 @@
|
||||
|
||||
https://gitea.ammerhai.com/foundry/caws-world/wiki/Planung
|
||||
|
||||
![[../images/region_1_1.webp]]
|
||||
|
||||
## Völker in der Region
|
||||
- Menschen
|
||||
- Halblinge
|
||||
- Zwerge
|
||||
- Gnome
|
||||
|
||||
- Waldelfen
|
||||
- Dryaden
|
||||
- Ents
|
||||
|
||||
- Kobolde
|
||||
- Drachen
|
||||
|
||||
- Vampire
|
||||
- Werwölfe
|
||||
|
||||
- Dunkelelfen/Drow
|
||||
- Dunkelzwerge/Duergar
|
||||
---
|
||||
# Götter, Glauben und Dämonen
|
||||
|
||||
## Pantheon der Menschen
|
||||
12 Menschen
|
||||
|
||||
Demokratische Entscheidungen, sollten sich jedoch sechs gegen sechs Stimmen gegenüberstehen, so wird das göttliche Entscheidungsritual ausgerufen. (Würfel, Scheibe...)
|
||||
|
||||
-> weibliche Götter (6)
|
||||
- **Moireen:** Schicksal, Nacht, Mond --> 1. Monat
|
||||
- **Nymphea:** Wasser, Seefahrt, Regen & Sturm --> 2. Monat
|
||||
- **Tenubia:** Weisheit, Magie --> 3. Monat
|
||||
- **Eroe** Liebe, Lust, Fruchtbarkeit, Flora (elfischer Ursprung) --> 5. Monat
|
||||
- wird meist mit ihrer Schwester dargestellt, aber den fleischlichen Lüsten hingebend
|
||||
- **Melodis:** Künste, Festlichkeit/Tradition, Heim (elfischer Zwilling von Fruchtbarkeit) --> 6. Monat
|
||||
- wird meist mit ihrer Schwester dargestellt, aber komponierend auf einem Diwan mit einer Weinflasche in der Hand
|
||||
- **Atalantis:** Jagd, Fauna, Gestaltwandel --> 10. Monat
|
||||
|
||||
-> männliche Götter (6)
|
||||
- **Felkon:** Diebe/Glücksspiel (Tieflingsglaube) --> 4. Monat
|
||||
- wird unter den Menschen mit menschlicher Erscheinung dargestellt, unter den Tieflingen jedoch mit dem Antlitz ihrerseits, was gerade durch Götzen, Diskussionen schnell in großen Streitereien ausarten kann.
|
||||
- **Belltor:** Krieg --> 7. Monat
|
||||
- **Juphos:** Licht, Recht, Sonne, Tag --> 8. Monat
|
||||
- **Mercanto:** Handel, Reise, Abenteuer --> 9. Monat
|
||||
- **Ingal:** Handwerk, Feuer --> 11. Monat
|
||||
- **Mors:** Tod, Vergängnis, Ordnung --> 12. Monat
|
||||
|
||||
|
||||
## Pantheon der Waldelfen
|
||||
3 Elfen (2 männlich, 1 weiblich)
|
||||
|
||||
- Mann 1 / Älterer Bruder: Athletik und Wasser, Sonne
|
||||
- Mann 2 / Jüngerer Bruder: Poesie und Luft, Mond
|
||||
- Frau: Ordnung und Natur(gewalt)
|
||||
## Pantheon der Zwerge
|
||||
3 Zwerge (2 männlich, 1 weiblich)
|
||||
|
||||
- Braukunst, Ehre, Schutz
|
||||
- Schmiedekunst, Handwerk, Handel
|
||||
- Erde, Essen, Familie
|
||||
|
||||
### Pantheon der Gnome
|
||||
1 - Gnom (Abwandlung der Zwerge)
|
||||
|
||||
## Pantheon der Dunkelelfen
|
||||
2 - Dunkelelfen (Lolth, Eilistraee)
|
||||
### Lolth
|
||||
..
|
||||
### Eiliestraee
|
||||
..
|
||||
|
||||
## Pantheon der Duergar
|
||||
1 - Dunkelzwerg
|
||||
|
||||
## Glaube der Kobolde
|
||||
kein direkter Glaube, abhängig der Drachen in der Umgebung
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 6.6 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.7 MiB |
|
Before Width: | Height: | Size: 2.5 MiB After Width: | Height: | Size: 2.5 MiB |
135
cystrelias-almanac.html
Normal file
135
cystrelias-almanac.html
Normal 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>
|
||||
157
dnd-book.css
Normal file
157
dnd-book.css
Normal file
@ -0,0 +1,157 @@
|
||||
/* Container für das Buchlayout */
|
||||
.phb {
|
||||
width: 65.625em; /* 210mm / 16px (Basis-Schriftgröße) */
|
||||
height: 92.5em; /* 296.8mm / 16px */
|
||||
margin: 6.25em auto; /* 20mm / 16px */
|
||||
/* Zentriert das Layout horizontal auf dem Bildschirm */
|
||||
padding: 3.125em; /* 10mm / 16px */
|
||||
/* Verringert das Padding auf der Seite, um mehr Platz zu schaffen */
|
||||
position: relative;
|
||||
background-image: url('./background.png');
|
||||
/* Hintergrundbild */
|
||||
background-size: cover;
|
||||
/* Hintergrundbild strecken */
|
||||
background-position: center;
|
||||
/* Bild zentrieren */
|
||||
box-shadow: -0.625em 0 1.25em rgba(0, 0, 0, 0.3), 0.625em 0 1.25em rgba(0, 0, 0, 0.3);
|
||||
/* Schatten links und rechts */
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
/* Zentriert die Spalten */
|
||||
box-sizing: border-box;
|
||||
page-break-before: always;
|
||||
/* Seite beginnt immer nach einer neuen phb */
|
||||
font-size: 1em; /* Basis-Schriftgröße */
|
||||
}
|
||||
|
||||
.phb::after {
|
||||
content: "";
|
||||
/* Necessary for the pseudo-element to be visible */
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
height: 3.4375em; /* 55px / 16px */
|
||||
width: 100%;
|
||||
background-image: url('./footer_even.png');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
/* Ensure image is centered */
|
||||
padding-top: 1.75em; /* 28px / 16px */
|
||||
/* Adjust the vertical position of the text */
|
||||
text-align: center;
|
||||
font-size: 0.6875em; /* 11px / 16px */
|
||||
padding-left: 4.0625em; /* 65px / 16px */
|
||||
padding-right: 5.3125em; /* 85px / 16px */
|
||||
line-height: 1.1;
|
||||
color: white;
|
||||
/* Ensure text is readable over the footer image */
|
||||
z-index: 2;
|
||||
/* Ensure footer is always above other content */
|
||||
box-sizing: border-box;
|
||||
/* Ensure padding is included in the element's width/height */
|
||||
}
|
||||
|
||||
/* Layout für die Spalten */
|
||||
.phb .content {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.0625em; /* 1% / 16px */
|
||||
/* Verringert den Abstand zwischen den Spalten */
|
||||
width: 100%;
|
||||
/* Gesamtbreite für den Inhalt */
|
||||
}
|
||||
|
||||
/* Jede Spalte nimmt 48% der Breite ein */
|
||||
.phb .column {
|
||||
width: 48%;
|
||||
/* Breite der Spalten */
|
||||
padding: 0.3125em; /* 5mm / 16px */
|
||||
/* Reduziert das Padding in den Spalten */
|
||||
box-sizing: border-box;
|
||||
color: #222;
|
||||
line-height: 1.5;
|
||||
page-break-inside: avoid;
|
||||
/* Verhindert, dass der Inhalt in eine neue Seite umbricht */
|
||||
}
|
||||
|
||||
/* Stil für Blockquotes */
|
||||
.phb blockquote {
|
||||
margin: 0 0 1.3125em; /* 21px / 16px */
|
||||
font-size: 1.09375em; /* 17.5px / 16px */
|
||||
border-left: 0.3125em solid #f4f5f5; /* 5px / 16px */
|
||||
font-family: ScalySans;
|
||||
box-sizing: border-box;
|
||||
padding: 0.3125em 0.625em; /* 5px 10px / 16px */
|
||||
background-color: #e0e5c1;
|
||||
border-style: solid;
|
||||
border-width: 0.6875em; /* 11px / 16px */
|
||||
border-image: url('./note-wrap.png') 11;
|
||||
border-image-outset: 0;
|
||||
border-image-outset: 0.5625em 0; /* 9px / 16px */
|
||||
box-shadow: 0.0625em 0.25em 0.875em #888; /* 1px 4px 14px / 16px */
|
||||
}
|
||||
|
||||
/* Stil für Tabellen */
|
||||
.phb table {
|
||||
font-size: 0.5625em; /* 9pt / 16px */
|
||||
width: 100%;
|
||||
margin-top: 0.625em; /* 10px / 16px */
|
||||
margin-bottom: 0.625em; /* 10px / 16px */
|
||||
}
|
||||
|
||||
/* Stil für Tabellenkopf */
|
||||
.phb table th,
|
||||
.phb table td {
|
||||
padding: 0.3125em; /* 5px / 16px */
|
||||
border: 0.0625em solid #ccc; /* 1px / 16px */
|
||||
}
|
||||
|
||||
/* Überschriften und Absätze */
|
||||
.phb h1,
|
||||
.phb h2,
|
||||
.phb h3,
|
||||
.phb h4 {
|
||||
margin-top: 0.0125em; /* 0.2em / 16px */
|
||||
margin-bottom: 0.0125em; /* 0.2em / 16px */
|
||||
font-family: 'MrJeeves', sans-serif;
|
||||
font-weight: 800;
|
||||
color: #58180D;
|
||||
}
|
||||
|
||||
.phb h1 {
|
||||
column-span: all;
|
||||
font-size: 1.4375em; /* 2.3em / 16px */
|
||||
-webkit-column-span: all;
|
||||
-moz-column-span: all;
|
||||
}
|
||||
|
||||
.phb h2 {
|
||||
font-size: 1em; /* 1.6em / 16px */
|
||||
}
|
||||
|
||||
.phb h3 {
|
||||
font-size: 0.75em; /* 1.2em / 16px */
|
||||
border-bottom: 0.125em solid #c9ad6a; /* 2px / 16px */
|
||||
}
|
||||
|
||||
.phb h4 {
|
||||
margin-bottom: 0;
|
||||
font-size: 0.625em; /* 1em / 16px */
|
||||
}
|
||||
|
||||
.phb h5 {
|
||||
margin-bottom: 0.0125em; /* 0.2em / 16px */
|
||||
font-family: 'ScalySansSmallCaps', sans-serif;
|
||||
font-size: 0.5em; /* 0.8em / 16px */
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
/* Sicherstellen, dass die nächste Seite nach der ersten immer auf einer neuen Seite beginnt */
|
||||
.phb:not(:first-of-type) {
|
||||
page-break-before: always;
|
||||
}
|
||||
|
||||
/* Stil für den Blockquote */
|
||||
.phb blockquote hr {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2'%3E%3Cpath d='M0 0l2 1L0 2z' fill='%239c2b1b'/%3E%3C/svg%3E");
|
||||
}
|
||||
|
Before Width: | Height: | Size: 47 KiB After Width: | Height: | Size: 47 KiB |
@ -7,7 +7,8 @@ body {
|
||||
body *{
|
||||
box-sizing: border-box;
|
||||
max-width: 100%;
|
||||
font-family: 'Noto Sans', sans-serif;
|
||||
font-family: 'Noto Sans', 'Myriad Pro', Calibri, Helvetica,
|
||||
Arial, sans-serif;
|
||||
}
|
||||
.stat-block {
|
||||
text-align: left;
|
||||
@ -76,7 +77,7 @@ body {
|
||||
stroke: #922610;
|
||||
}
|
||||
.creature-heading h1{
|
||||
font-family: 'Libre Baskerville', 'Lora', 'Calisto MT', 'Bookman Old Style', 'Bitstream Charter', Georgia, serif;
|
||||
font-family: 'Libre Baskerville', 'Lora', 'Calisto MT', 'Bookman Old Style', Bookman, 'Goudy Old Style', Garamond, 'Hoefler Text', 'Bitstream Charter', Georgia, serif;
|
||||
color: #922610;
|
||||
font-size: 23px;
|
||||
line-height: 1.2em;
|
||||
|
Before Width: | Height: | Size: 274 B After Width: | Height: | Size: 274 B |
@ -1,157 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Cystrelias Almanac Of Wondrous Secrets</title>
|
||||
<link rel="stylesheet" href="website_main.css">
|
||||
<link rel="stylesheet" href="dnd-book.css">
|
||||
</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 id="cystrelias-almanac-of-wondrous-secrets">Cystrelias Almanac Of Wondrous Secrets</h1>
|
||||
|
||||
<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>
|
||||
</div>
|
||||
<div>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page">
|
||||
<div>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
119
src/dnd-book.css
119
src/dnd-book.css
@ -1,119 +0,0 @@
|
||||
.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('../assets/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('../assets/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('../assets/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;
|
||||
}
|
||||
@ -1,99 +0,0 @@
|
||||
/*GENERAL*/
|
||||
/*@font-face {
|
||||
font-family: 'FiraCode';
|
||||
src: url(fonts/FiraCode-VariableFont_wght.ttf);
|
||||
}*/
|
||||
|
||||
@font-face {
|
||||
font-family: 'Noto Sans', 'Inconsolata';
|
||||
src: url(fonts/Inconsolata-VariableFont_wdth\,wght.ttf);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/*BODY*/
|
||||
body {
|
||||
margin: 0em;
|
||||
|
||||
font-family: 'Noto Sans', '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 */
|
||||
}
|
||||
|
||||
@ -4,24 +4,15 @@
|
||||
<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">
|
||||
<link rel="stylesheet" href="dnd-book.css">
|
||||
<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>
|
||||
<!-- Seite 1 -->
|
||||
<div class="phb">
|
||||
<div class="content">
|
||||
<!-- Erste Spalte: Elfen -->
|
||||
<div class="column">
|
||||
<h1>Die Elfen und ihre Geschichte</h1>
|
||||
<p>Die Elfen sind eine uralte Rasse, bekannt für ihre Weisheit und Verbindung zur Natur...</p>
|
||||
|
||||
@ -53,7 +44,9 @@
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div>
|
||||
|
||||
<!-- Zweite Spalte: Zwerge -->
|
||||
<div class="column">
|
||||
<h1>Die Zwerge und ihre Bedeutung</h1>
|
||||
<p>Die Zwerge sind für ihre Handwerkskunst und ihren tiefen Bezug zu den Bergen bekannt...</p>
|
||||
|
||||
@ -86,8 +79,13 @@
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page">
|
||||
<div>
|
||||
</div>
|
||||
|
||||
<!-- Seite 2 (neues Bild und Inhalt) -->
|
||||
<div class="phb">
|
||||
<div class="content">
|
||||
<!-- Erste Spalte für die nächste Seite -->
|
||||
<div class="column">
|
||||
<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>
|
||||
|
||||
@ -95,7 +93,9 @@
|
||||
<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>
|
||||
|
||||
<!-- Zweite Spalte für die nächste Seite -->
|
||||
<div class="column">
|
||||
<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>
|
||||
|
||||
@ -119,5 +119,6 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
x
Reference in New Issue
Block a user