Update genderization; Summarize styles into classes.

This commit is contained in:
OpenVisor 2024-04-26 21:57:14 +02:00
parent 7afb82c5e3
commit 47bc8f345c
14 changed files with 240 additions and 760 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 170 KiB

View file

@ -32,7 +32,7 @@
<br />
<span>
 ·
<span v-html="rawepnx"></span>
<span v-html="rawbdqp"></span>
</span>
<span>
Intensive Momente und Emotionen ermöglichen, die in Erinnerung
@ -42,7 +42,7 @@
<br />
<span>
 ·
<span v-html="raw94oz"></span>
<span v-html="rawadsp"></span>
</span>
<span>
Persönliche Auseinandersetzungen der Spieler mit nicht
@ -53,7 +53,7 @@
<br />
<span>
 ·
<span v-html="raw9fm8"></span>
<span v-html="rawmt3s"></span>
</span>
<span>
Interne Charakterentwicklung oder -verfestigung durch externe
@ -63,14 +63,14 @@
<br />
<span>
 ·
<span v-html="rawu6qt"></span>
<span v-html="rawse0b"></span>
</span>
<span>Dilemmata mit sich selbst und mit anderen.</span>
<br />
<br />
<span>
 ·
<span v-html="raw89so"></span>
<span v-html="raw9yuw"></span>
</span>
<span>
Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern
@ -254,7 +254,7 @@
<br />
<span>
Wir werden das
<span v-html="rawy9du"></span>
<span v-html="rawwxcc"></span>
</span>
<router-link to="/larpkonzept" class="info-box-navlink">
Open Visor Larpkonzept
@ -518,7 +518,7 @@
<br />
<span>
Parkplatz:
<span v-html="rawe0ln"></span>
<span v-html="rawr5tm"></span>
</span>
<a
href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA"
@ -1458,13 +1458,13 @@ export default {
},
data() {
return {
rawepnx: ' ',
raw94oz: ' ',
raw9fm8: ' ',
rawu6qt: ' ',
raw89so: ' ',
rawy9du: ' ',
rawe0ln: ' ',
rawbdqp: ' ',
rawadsp: ' ',
rawmt3s: ' ',
rawse0b: ' ',
raw9yuw: ' ',
rawwxcc: ' ',
rawr5tm: ' ',
}
},
}

View file

@ -1,86 +1,86 @@
<template>
<div class="character-row">
<section class="card">
<section class="character-teaser-container">
<div class="character-header">
<img
alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/fortier-200h.png"
class="row1-image"
class="character-image"
/>
<div class="character-description">
<h1 class="row1-header">{{ fortier }}</h1>
<h1 class="row1-header1">
<h2 class="character-name">{{ fortier }}</h2>
<span class="character-function">
<span>
Leitung der Justizvollzugsanstalt
<span v-html="rawuo9z"></span>
<span v-html="raw1o78"></span>
</span>
<br />
</h1>
</span>
</div>
<div></div>
</div>
<p class="row1-trigger">
<p class="character-trigger">
<span>OT-Trigger:  Tod</span>
<br />
</p>
<p class="row1-themes">{{ fortierThemes }}</p>
<p class="row1-description">
<p class="character-themes">{{ fortierThemes }}</p>
<p class="character-teaser-text">
Fortier (gesprochen &quot;Fortjeeh&quot;) übernahm vor 3 Jahren das
Gefängnis Schwarzbach, nachdem die vorherige Leitung (Zoe Rheineck) wegen
mutmasslicher Korruption zurücktrat. Kurz nach Fortiers Übernahme kam es
in der JVA zum Mord des Häftlings Sadowski durch Rodriguez.
</p>
<p class="character-teaser-text">
<span>
Fortier (gesprochen &quot;Fortjeeh&quot;) übernahm vor 3 Jahren das
Gefängnis Schwarzbach, nachdem die vorherige Leitung wegen mutmasslicher
Korruption zurücktrat. Kurz nach Fortiers Übernahme kam es im Gefängnis
zum Mord des Häftlings Sadowski durch Rodriguez.
Fortier ist im Bunker weiterhin für das Gefängnispersonal direkt
zuständig führt den Bunker mit Dr. Bellucci und Wm Sartre.
</span>
<br />
<br />
<span>
Fortier ist im Bunker weiterhin für das Gefängnispersonal zuständig
leitet den Bunker mit Dr. Bellucci und Wm Sartre.
</span>
<br />
<br />
<span>Fortier ist bekannt dafür, sehr direkt zu sein.</span>
</p>
<p class="character-teaser-text">
Fortier ist bekannt dafür tendenziell direkter zu sein als angenehm ist.
Ausserdem scheint Fortier seit der Zeit im Bunker nicht vor scharfen und
pragmatischen Massnahmen zurückzuschrecken.
</p>
</section>
<section class="card">
<section class="character-teaser-container">
<div class="character-header">
<img
alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/bellucci-200h.png"
class="row1-image1"
class="character-image"
/>
<div class="character-description">
<h1 class="row1-header2">
<h2 class="character-name">
<span>Dr. Bellucci</span>
<br />
</h1>
<h1 class="row1-header3">
</h2>
<span class="character-function">
<span>Psychologische Sachverständigung</span>
<br />
</h1>
</span>
</div>
<div></div>
</div>
<p class="row1-trigger1">
<p class="character-trigger">
<span>OT-Trigger:  Kindertod</span>
<br />
</p>
<p class="row1-themes1">{{ bellucciThemes }}</p>
<p class="row1-description1">
<span>
Dr. Bellucci (gesprochen &quot;Beluhtschi&quot;) wurde vor 2 Jahren
psychologische Sachverständigung im Gefängnis, als Rodriguez Sadowski
ermordete. Belluccis Aufgabe war langfristige Massnahmen zu entwickeln,
um dies in Zukunft zu verhindern.
</span>
<br />
<br />
<span>
Bellucci führt verschiedene Therapien mit den Bunkerinsassen durch um
diese bei Verstand zu halten. Bellucci führt mit Dr. Jankovic täglich
Checkups an allen Bewohnern durch, auch gegenseitig. Bellucci berät
Fortier mit Jankovic.
</span>
<p class="character-themes">{{ bellucciThemes }}</p>
<p class="character-teaser-text">
Dr. Bellucci (gesprochen &quot;Beluhtschi&quot;) wurde vor 2 Jahren
psychologische Sachverständigung im Gefängnis, als Rodriguez Sadowski
ermordete. Belluccis Aufgabe war langfristige Massnahmen zu entwickeln, um
dies in Zukunft zu verhindern.
</p>
<p class="character-teaser-text">
Bellucci führt verschiedene Therapien mit den Bunkerinsassen durch um
diese bei Verstand zu halten. Bellucci führt mit Dr. Jankovic täglich
Checkups an allen Bewohnern durch, auch gegenseitig. Bellucci berät
Fortier mit Jankovic.
</p>
<p class="character-teaser-text">
Bellucci ist bekannt dafür mindestens gegen aussen empathisch zu sein.
</p>
</section>
</div>
@ -105,132 +105,8 @@ export default {
},
data() {
return {
rawuo9z: ' ',
raw1o78: ' ',
}
},
}
</script>
<style scoped>
.row1-image {
width: 160px;
object-fit: cover;
}
.row1-header {
color: rgb(255, 255, 255);
font-size: 24px;
font-style: normal;
font-family: Poppins;
font-weight: 600;
line-height: 36px;
}
.row1-header1 {
color: rgb(255, 255, 255);
font-size: 18px;
font-style: normal;
text-align: center;
font-family: Poppins;
font-weight: 500;
}
.row1-trigger {
color: rgb(255, 255, 255);
font-size: 20px;
font-family: Poppins;
line-height: 28px;
}
.row1-themes {
color: rgb(255, 255, 255);
font-size: 20px;
font-family: Poppins;
line-height: 28px;
}
.row1-description {
color: rgb(255, 255, 255);
font-size: 18px;
font-family: "Poppins";
line-height: 28px;
}
.row1-image1 {
width: 160px;
object-fit: cover;
}
.row1-header2 {
color: rgb(255, 255, 255);
font-size: 24px;
font-style: normal;
font-family: Poppins;
font-weight: 600;
line-height: 36px;
}
.row1-header3 {
color: rgb(255, 255, 255);
font-size: 18px;
font-style: normal;
text-align: center;
font-family: Poppins;
font-weight: 500;
}
.row1-trigger1 {
color: rgb(255, 255, 255);
font-size: 20px;
font-family: Poppins;
line-height: 28px;
}
.row1-themes1 {
color: rgb(255, 255, 255);
font-size: 20px;
font-family: Poppins;
line-height: 28px;
}
.row1-description1 {
color: rgb(255, 255, 255);
font-size: 18px;
font-family: "Poppins";
line-height: 28px;
}
@media(max-width: 991px) {
.row1-description {
color: rgb(255, 255, 255);
font-size: 18px;
font-family: Poppins;
line-height: 28px;
}
}
@media(max-width: 767px) {
.row1-description {
color: rgb(255, 255, 255);
}
.row1-description1 {
color: rgb(255, 255, 255);
font-size: 18px;
font-family: Poppins;
line-height: 28px;
}
}
@media(max-width: 479px) {
.row1-trigger {
font-size: 18px;
}
.row1-themes {
font-size: 18px;
}
.row1-description {
color: rgb(255, 255, 255);
font-size: 18px;
font-family: Poppins;
line-height: 28px;
}
.row1-trigger1 {
font-size: 18px;
}
.row1-themes1 {
font-size: 18px;
}
.row1-description1 {
color: rgb(255, 255, 255);
font-size: 18px;
font-family: Poppins;
line-height: 28px;
}
}
</style>

View file

@ -1,27 +1,27 @@
<template>
<div class="character-row">
<section class="card">
<section class="character-teaser-container">
<div class="character-header">
<img
alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/jankovic-200h.png"
class="row2-image"
class="character-image"
/>
<div class="character-description">
<h1 class="row2-header">{{ jankovic }}</h1>
<h1 class="row2-header1">{{ jankovicJob }}</h1>
<h2 class="character-name">{{ jankovic }}</h2>
<span class="character-function">{{ jankovicFunktion }}</span>
</div>
<div></div>
</div>
<p class="row2-trigger">
<p class="character-trigger">
<span>OT-Trigger:  Tod</span>
<br />
</p>
<p class="row2-themes">
<p class="character-themes">
<span>Themes: Zerrissenheit, Liebe, Gewissensbisse</span>
<br />
</p>
<p class="row2-description">
<p class="character-teaser-text">
<span>
Dr. Jankovic (gesprochen &quot;Jankovitsch&quot;) ist der/die
Gefängnisarzt/-ärztin. Jankovic behandelt
@ -33,14 +33,16 @@
</span>
<span>Ausserdem berät Jankovic Fortier mit Bellucci.</span>
<br />
<br />
</p>
<p class="character-teaser-text">
<span>
Vor drei Jahren wurden Jankovics medizinischen Instrumente von Rodriguez
manipuliert was durch eine Überdosis Opioide den Häftling Sadowski
tötete.
</span>
<br />
<br />
</p>
<p class="character-teaser-text">
<span>
Jankovic ist bekannt dafür freundlich aber, was die Gesundheit der
Bunkerbewohner angeht, auch sehr streng zu sein.
@ -48,29 +50,29 @@
<br />
</p>
</section>
<section class="card">
<section class="character-teaser-container">
<div class="character-header">
<img
alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/krueger-200h.png"
class="row2-image1"
src="/letzte-gelegenheit/charaktere/krueger-1500w.png"
class="character-image"
/>
<div class="character-description">
<h1 class="row2-header2">{{ krueger }}</h1>
<h1 class="row2-header3">{{ kruegerJob }}</h1>
<h2 class="character-name">{{ krueger }}</h2>
<span class="character-function">{{ kruegerFunktion }}</span>
</div>
<div></div>
</div>
<p class="row2-trigger1">
<p class="character-trigger">
<span>OT-Trigger:  Tod</span>
<br />
</p>
<p class="row2-themes1">
<p class="character-themes">
<span>Themes: Gewissensbisse, Freundschaft, Suche, Sehnsucht</span>
<span>, Hass</span>
<br />
</p>
<p class="row2-description1">
<p class="character-teaser-text">
<span>
Wärter Krüger arbeitet seit 4 Jahren im Gefängnis Schwarzbach. Krüger
ist für die Bunkerelektrik
@ -81,13 +83,15 @@
</span>
<span>Krüger spielt ab und zu Karten mit Dr. Jenatsch und Collins.</span>
<br />
<br />
</p>
<p class="character-teaser-text">
<span>
in der Zivilschutzanlage hilft Krüger Dr. Jankovic bei der medizinischen
In der Zivilschutzanlage hilft Krüger Dr. Jankovic bei der medizinischen
Versorgung der Bunkerinsassen.
</span>
<br />
<br />
</p>
<p class="character-teaser-text">
<span>Krüger ist bekannt dafür etwas grummelig und rastlos zu sein.</span>
<span>
Krüger hat hohe Standards was die eigene Arbeit und die Arbeit von
@ -103,9 +107,9 @@
export default {
name: 'Row2',
props: {
kruegerJob: {
kruegerFunktion: {
type: String,
default: 'Wärter/in & Bunkerelektrik',
default: 'Wärter*in & Bunkerelektrik',
},
jankovic: {
type: String,
@ -115,117 +119,10 @@ export default {
type: String,
default: 'Krüger',
},
jankovicJob: {
jankovicFunktion: {
type: String,
default: 'Arzt/Ärztin',
default: 'Arzt*Ärztin',
},
},
}
</script>
<style scoped>
.row2-image {
width: 160px;
object-fit: cover;
}
.row2-header {
color: rgb(255, 255, 255);
font-size: 24px;
font-style: normal;
font-family: Poppins;
font-weight: 600;
line-height: 36px;
}
.row2-header1 {
color: rgb(255, 255, 255);
font-size: 18px;
font-style: normal;
text-align: center;
font-family: Poppins;
font-weight: 500;
}
.row2-trigger {
color: rgb(255, 255, 255);
font-size: 20px;
font-family: Poppins;
line-height: 28px;
}
.row2-themes {
color: rgb(255, 255, 255);
font-size: 20px;
font-family: Poppins;
line-height: 28px;
}
.row2-description {
color: rgb(255, 255, 255);
font-size: 18px;
font-family: "Poppins";
line-height: 28px;
}
.row2-image1 {
width: 160px;
object-fit: cover;
}
.row2-header2 {
color: rgb(255, 255, 255);
font-size: 24px;
font-style: normal;
font-family: Poppins;
font-weight: 600;
line-height: 36px;
}
.row2-header3 {
color: rgb(255, 255, 255);
font-size: 18px;
font-style: normal;
text-align: center;
font-family: Poppins;
font-weight: 500;
}
.row2-trigger1 {
color: rgb(255, 255, 255);
font-size: 20px;
font-family: Poppins;
line-height: 28px;
}
.row2-themes1 {
color: rgb(255, 255, 255);
font-size: 20px;
font-family: Poppins;
line-height: 28px;
}
.row2-description1 {
color: rgb(255, 255, 255);
font-size: 18px;
font-family: "Poppins";
line-height: 28px;
}
@media(max-width: 767px) {
.row2-description {
color: rgb(255, 255, 255);
font-size: 18px;
font-family: Poppins;
line-height: 28px;
}
.row2-description1 {
color: rgb(255, 255, 255);
font-size: 18px;
font-family: Poppins;
line-height: 28px;
}
}
@media(max-width: 479px) {
.row2-trigger {
font-size: 18px;
}
.row2-themes {
font-size: 18px;
}
.row2-trigger1 {
font-size: 18px;
}
.row2-themes1 {
font-size: 18px;
}
}
</style>

View file

@ -1,59 +1,59 @@
<template>
<div class="character-row">
<section class="card">
<section class="character-teaser-container">
<div class="character-header">
<img
alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/schmidt-200h.png"
class="row3-image"
class="character-image"
/>
<div class="character-description">
<h1 class="row3-header">{{ schmidt }}</h1>
<h1 class="row3-header1">
<span>Wärter/in &amp; Zeugwart</span>
<h2 class="character-name">{{ schmidt }}</h2>
<span class="character-function">
<span>Wärter*in &amp; Zeugwart</span>
<br />
</h1>
</span>
</div>
<div></div>
</div>
<p class="row3-trigger">
<p class="character-trigger">
<span>OT-Trigger:  Tod</span>
<br />
</p>
<p class="row3-themes">
<p class="character-themes">
<span>Themes: Paranoia, Macht, Ängste, Verlust, Hass</span>
<br />
</p>
<span class="character-summary">{{ schmidtAbsatz1 }}</span>
<span class="character-summary">{{ schmidtAbsatz2 }}</span>
<p class="character-teaser-text">{{ schmidtAbsatz1 }}</p>
<p class="character-teaser-text">{{ schmidtAbsatz2 }}</p>
</section>
<section class="card">
<section class="character-teaser-container">
<div class="character-header">
<img
alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/hagiro-200h.png"
class="row3-image1"
class="character-image"
/>
<div class="character-description">
<h1 class="row3-header2">{{ hagiro }}</h1>
<h1 class="row3-header3">
<span>dienstälteste/r Wärter/in</span>
<h2 class="character-name">{{ hagiro }}</h2>
<span class="character-function">
<span>dienstälteste*r Wärter*in</span>
<br />
</h1>
</span>
</div>
<div></div>
</div>
<p class="row3-trigger1">
<p class="character-trigger">
<span>OT-Trigger:  Tod</span>
<span>, Drogen</span>
<br />
</p>
<p class="row3-themes1">
<p class="character-themes">
<span>Themes: Gerechtigkeit, Gewalt, Druck, Hass</span>
<br />
</p>
<span class="character-summary">{{ hagiroAbsatz1 }}</span>
<span class="character-summary">{{ hagiroAbsatz2 }}</span>
<p class="character-teaser-text">{{ hagiroAbsatz1 }}</p>
<p class="character-teaser-text">{{ hagiroAbsatz2 }}</p>
</section>
</div>
</template>
@ -70,7 +70,7 @@ export default {
hagiroAbsatz1: {
type: String,
default:
'Hagiro ist mit 7 Jahren Dienst am längsten im Gefängnis Schwarzbach. Hagiro setzt die Massnahmen von Fortier rigoros durch, zögert aber auch nicht die Meinung zu äussern, wenn Hagiro etwas missfällt. Hagiro hilft im Bunker Fortier bei der Aktenverwaltung und hat Häftling Lindbeck dafür als Unterstützung.',
'Hagiro ist mit 7 Jahren Dienst von den Wärter*innen am längsten im Gefängnis Schwarzbach. Hagiro setzt die Massnahmen von Fortier meist rigoros durch, zögert aber auch nicht die Meinung zu äussern, wenn Hagiro etwas missfällt. Hagiro hilft im Bunker Fortier bei der Aktenverwaltung und hat Häftling Lindbeck dafür als Unterstützung.',
},
schmidtAbsatz2: {
type: String,
@ -80,7 +80,7 @@ export default {
schmidtAbsatz1: {
type: String,
default:
'Wärter Schmidt arbeitet seit 3 Jahren im Gefängnis Schwarzbach. Schmidt kam ziemlich zeitgleich mit Fortier zu der Stelle. Schmidt ist Zeugwart und damit verantwortlich für die Lagerung und Wartung der Materialien, Werkzeuge, Geräte und Waffen des Gefängnisses. Schmidt nutzt die Häftlinge um diese zu warten und zu reinigen. Wenn Krüger mit Häftlingen etwas an der Elektrik arbeiten möchte braucht Krüger die Werkzeuge von Schmidt.',
'Wärter*in Schmidt arbeitet seit 3 Jahren im Gefängnis Schwarzbach. Schmidt kam ziemlich zeitgleich mit Fortier zu der Stelle. Schmidt ist Zeugwart und damit verantwortlich für die Lagerung und Wartung der Materialien, Werkzeuge, Geräte, Medizin und Waffen der JVA. Schmidt nutzt die Häftlinge um diese zu warten und zu reinigen. Wenn Krüger mit Häftlingen etwas an der Elektrik arbeiten möchte braucht Krüger die Werkzeuge von Schmidt.',
},
schmidt: {
type: String,
@ -93,84 +93,3 @@ export default {
},
}
</script>
<style scoped>
.row3-image {
width: 160px;
object-fit: cover;
}
.row3-header {
color: rgb(255, 255, 255);
font-size: 24px;
font-style: normal;
font-family: Poppins;
font-weight: 600;
line-height: 36px;
}
.row3-header1 {
color: rgb(255, 255, 255);
font-size: 18px;
font-style: normal;
text-align: center;
font-family: Poppins;
font-weight: 500;
}
.row3-trigger {
color: rgb(255, 255, 255);
font-size: 20px;
font-family: Poppins;
line-height: 28px;
}
.row3-themes {
color: rgb(255, 255, 255);
font-size: 20px;
font-family: Poppins;
line-height: 28px;
}
.row3-image1 {
width: 160px;
object-fit: cover;
}
.row3-header2 {
color: rgb(255, 255, 255);
font-size: 24px;
font-style: normal;
font-family: Poppins;
font-weight: 600;
line-height: 36px;
}
.row3-header3 {
color: rgb(255, 255, 255);
font-size: 18px;
font-style: normal;
text-align: center;
font-family: Poppins;
font-weight: 500;
}
.row3-trigger1 {
color: rgb(255, 255, 255);
font-size: 20px;
font-family: Poppins;
line-height: 28px;
}
.row3-themes1 {
color: rgb(255, 255, 255);
font-size: 20px;
font-family: Poppins;
line-height: 28px;
}
@media(max-width: 479px) {
.row3-trigger {
font-size: 18px;
}
.row3-themes {
font-size: 18px;
}
.row3-trigger1 {
font-size: 18px;
}
.row3-themes1 {
font-size: 18px;
}
}
</style>

View file

@ -1,58 +1,58 @@
<template>
<div class="character-row">
<section class="card">
<section class="character-teaser-container">
<div class="character-header">
<img
alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/rodriguez-200h.png"
class="row4-image"
class="character-image"
/>
<div class="character-description">
<h1 class="row4-header">{{ rodriguez }}</h1>
<h1 class="row4-header1">
<h2 class="character-name">{{ rodriguez }}</h2>
<span class="character-function">
<span>Häftling</span>
<br />
</h1>
</span>
</div>
<div></div>
</div>
<p class="row4-trigger">
<p class="character-trigger">
<span>OT-Trigger:  Tod, Drogen</span>
<br />
</p>
<p class="row4-themes">
<p class="character-themes">
<span>Themes: Unterdrückung, Sehnsucht, Suche, Gewissensbisse</span>
<br />
</p>
<span class="character-summary">{{ rodriguezAbsatz1 }}</span>
<span class="character-summary">{{ rodriguezAbsatz2 }}</span>
<span class="character-summary">{{ rodriguezAbsatz3 }}</span>
<p class="character-teaser-text">{{ rodriguezAbsatz1 }}</p>
<p class="character-teaser-text">{{ rodriguezAbsatz2 }}</p>
<p class="character-teaser-text">{{ rodriguezAbsatz3 }}</p>
</section>
<section class="row4-jenatsch card">
<section class="row4-jenatsch character-teaser-container">
<div class="character-header">
<img
alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/jenatsch-200h.png"
class="row4-image1"
src="/letzte-gelegenheit/charaktere/jenatsch-1500w.png"
class="character-image"
/>
<div class="character-description">
<h1 class="row4-header2">{{ jenatsch }}</h1>
<h1 class="row4-header3">
<h2 class="character-name">{{ jenatsch }}</h2>
<span class="character-function">
<span>Häftling</span>
<br />
</h1>
</span>
</div>
<div></div>
</div>
<p class="row4-trigger1">
<p class="character-trigger">
<span>OT-Trigger:  Tod</span>
<br />
</p>
<p class="row4-themes1">
<p class="character-themes">
<span>Themes: Verzweiflung, Druck, Commitment, Einsamkeit</span>
<br />
</p>
<p class="row4-description">
<p class="character-teaser-text">
<span>
Prof. Dr. Jenatsch ist der neuste Häftling und kam erst eine Woche vor
der Katastrophe ins Gefängnis Schwarzbach. Jenatsch war zwei Monate vor
@ -60,17 +60,19 @@
&quot;Silbernen Partei&quot; erschossen hatte.
</span>
<br />
<br />
</p>
<p class="character-teaser-text">
<span>
Wenn Jenatsch grade nichts anderes macht, schreibt Jenatsch Formeln,
Tabellen und Graphen auf Notizzettel. Die Wärter mussten Jenatsch schon
mehrmals dafür bestrafen, als Jenatsch diese trotz Warnungen überall
wieder liegen liess.
<span v-html="rawya44"></span>
<span v-html="rawrzr3"></span>
</span>
<span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span>
<br />
<br />
</p>
<p class="character-teaser-text">
<span>
Jenatsch ist bekannt für eine chaotische, pragmatische und schnelle
Vorgehensweise. Wenn Jenatsch sich etwas in den Kopf setzt haben die
@ -113,103 +115,14 @@ export default {
},
data() {
return {
rawya44: ' ',
rawrzr3: ' ',
}
},
}
</script>
<style scoped>
.row4-image {
width: 160px;
object-fit: cover;
}
.row4-header {
color: rgb(255, 255, 255);
font-size: 24px;
font-style: normal;
font-family: Poppins;
font-weight: 600;
line-height: 36px;
}
.row4-header1 {
color: rgb(255, 255, 255);
font-size: 18px;
font-style: normal;
text-align: center;
font-family: Poppins;
font-weight: 500;
}
.row4-trigger {
color: rgb(255, 255, 255);
font-size: 20px;
font-family: Poppins;
line-height: 28px;
}
.row4-themes {
color: rgb(255, 255, 255);
font-size: 20px;
font-family: Poppins;
line-height: 28px;
}
.row4-jenatsch {
position: relative;
}
.row4-image1 {
width: 160px;
object-fit: cover;
}
.row4-header2 {
color: rgb(255, 255, 255);
font-size: 24px;
font-style: normal;
font-family: Poppins;
font-weight: 600;
line-height: 36px;
}
.row4-header3 {
color: rgb(255, 255, 255);
font-size: 18px;
font-style: normal;
text-align: center;
font-family: Poppins;
font-weight: 500;
}
.row4-trigger1 {
color: rgb(255, 255, 255);
font-size: 20px;
font-family: Poppins;
line-height: 28px;
}
.row4-themes1 {
color: rgb(255, 255, 255);
font-size: 20px;
font-family: Poppins;
line-height: 28px;
}
.row4-description {
color: rgb(255, 255, 255);
font-size: 18px;
font-family: Poppins;
line-height: 28px;
}
@media(max-width: 767px) {
.row4-description {
color: rgb(255, 255, 255);
}
}
@media(max-width: 479px) {
.row4-trigger {
font-size: 18px;
}
.row4-themes {
font-size: 18px;
}
.row4-trigger1 {
font-size: 18px;
}
.row4-themes1 {
font-size: 18px;
}
}
</style>

View file

@ -1,58 +1,58 @@
<template>
<div class="character-row">
<section class="row5-collins card">
<section class="row5-collins character-teaser-container">
<div class="character-header">
<img
alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/collins-200h.png"
class="row5-image"
class="character-image"
/>
<div class="character-description">
<h1 class="row5-header">{{ collins }}</h1>
<h1 class="row5-header1">
<h2 class="character-name">{{ collins }}</h2>
<span class="character-function">
<span>Häftling</span>
<br />
</h1>
</span>
</div>
<div></div>
</div>
<p class="row5-trigger">
<p class="character-trigger">
<span>OT-Trigger:  Tod</span>
<span>, Drogen</span>
<br />
</p>
<p class="row5-themes">
<p class="character-themes">
<span>Themes: Ungerechtigkeit, Pflicht, Gewissensbisse, Familie</span>
<br />
</p>
<span class="character-summary">{{ collinsAbsatz1 }}</span>
<span class="character-summary">{{ collinsAbsatz2 }}</span>
<p class="character-teaser-text">{{ collinsAbsatz1 }}</p>
<p class="character-teaser-text">{{ collinsAbsatz2 }}</p>
</section>
<section class="card">
<section class="character-teaser-container">
<div class="character-header">
<img
alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/lindbeck-200h.png"
class="row5-image1"
class="character-image"
/>
<div class="character-description">
<h1 class="row5-header2">{{ lindbeck }}</h1>
<h1 class="row5-header3">
<h2 class="character-name">{{ lindbeck }}</h2>
<span class="character-function">
<span>Häftling</span>
<br />
</h1>
</span>
</div>
<div></div>
</div>
<p class="row5-trigger1">
<p class="character-trigger">
<span>OT-Trigger:  Tod, Sexualität zwischen Schüler und Lehrer</span>
<br />
</p>
<p class="row5-themes1">
<p class="character-themes">
<span>Themes: Gewissensbisse, Suche, Sehnsucht, Verzweiflung</span>
<br />
</p>
<p class="row5-description">
<p class="character-teaser-text">
<span>
Lindbeck sitzt seit 2 Jahren im Gefängnis Schwarzbach. Lindbeck war die
einzige
@ -66,7 +66,8 @@
Anlässen wie Geburtstage ein Lied angestimmt.
</span>
<br />
<br />
</p>
<p class="character-teaser-text">
<span>
Lindbeck ist bekannt dafür, eine eher traurige Stimmung zu haben.
</span>
@ -107,96 +108,4 @@ export default {
.row5-collins {
position: relative;
}
.row5-image {
width: 160px;
object-fit: cover;
}
.row5-header {
color: rgb(255, 255, 255);
font-size: 24px;
font-style: normal;
font-family: Poppins;
font-weight: 600;
line-height: 36px;
}
.row5-header1 {
color: rgb(255, 255, 255);
font-size: 18px;
font-style: normal;
text-align: center;
font-family: Poppins;
font-weight: 500;
}
.row5-trigger {
color: rgb(255, 255, 255);
font-size: 20px;
font-family: Poppins;
line-height: 28px;
}
.row5-themes {
color: rgb(255, 255, 255);
font-size: 20px;
font-family: Poppins;
line-height: 28px;
}
.row5-image1 {
width: 160px;
object-fit: cover;
}
.row5-header2 {
color: rgb(255, 255, 255);
font-size: 24px;
font-style: normal;
font-family: Poppins;
font-weight: 600;
line-height: 36px;
}
.row5-header3 {
color: rgb(255, 255, 255);
font-size: 18px;
font-style: normal;
text-align: center;
font-family: Poppins;
font-weight: 500;
}
.row5-trigger1 {
color: rgb(255, 255, 255);
font-size: 20px;
font-family: Poppins;
line-height: 28px;
}
.row5-themes1 {
color: rgb(255, 255, 255);
font-size: 20px;
font-family: Poppins;
line-height: 28px;
}
.row5-description {
color: rgb(255, 255, 255);
font-size: 18px;
font-family: Poppins;
line-height: 28px;
}
@media(max-width: 767px) {
.row5-description {
color: rgb(255, 255, 255);
font-size: 18px;
font-family: Poppins;
line-height: 28px;
}
}
@media(max-width: 479px) {
.row5-trigger {
font-size: 18px;
}
.row5-themes {
font-size: 18px;
}
.row5-trigger1 {
font-size: 18px;
}
.row5-themes1 {
font-size: 18px;
}
}
</style>

View file

@ -1,63 +1,63 @@
<template>
<div class="character-row">
<section class="card">
<section class="character-teaser-container">
<div class="character-header">
<img
alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/sartre-200h.png"
class="row6-image"
class="character-image"
/>
<div class="character-description">
<h1 class="row6-header">{{ sartre }}</h1>
<h1 class="row6-header1">
<span>Gruppenführer/in</span>
<h2 class="character-name">{{ sartre }}</h2>
<span class="character-function">
<span>Gruppenführer*in</span>
<br />
</h1>
</span>
</div>
<div></div>
</div>
<p class="row6-trigger">
<p class="character-trigger">
<span>OT-Trigger: Tod, Drogen</span>
<br />
</p>
<p class="row6-themes">
<p class="character-themes">
<span>Themes: Familie, Sucht, Scham, Schutz</span>
<br />
</p>
<span class="character-summary">{{ sartreAbsatz1 }}</span>
<span class="character-summary">{{ sartreAbsatz2 }}</span>
<span class="row6-text08 character-summary">{{ sartreAbsatz3 }}</span>
<p class="character-teaser-text">{{ sartreAbsatz1 }}</p>
<p class="character-teaser-text">{{ sartreAbsatz2 }}</p>
<p class="row6-paragraph3 character-teaser-text">{{ sartreAbsatz3 }}</p>
</section>
<section class="card">
<section class="character-teaser-container">
<div class="character-header">
<img
alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/pavone-200h.png"
class="row6-image1"
class="character-image"
/>
<div class="character-description">
<h1 class="row6-header2">
<h2 class="character-name">
<span>Sdt Pavone</span>
<br />
</h1>
<h1 class="row6-header3">
<span>Funker/in</span>
</h2>
<span class="character-function">
<span>Funker*in</span>
<br />
</h1>
</span>
</div>
<div></div>
</div>
<p class="row6-trigger1">
<p class="character-trigger">
<span>OT-Trigger:  Tod</span>
<br />
</p>
<p class="row6-themes1">
<p class="character-themes">
<span>Themes: Ängste, Gewissensbisse, Verzweiflung</span>
<br />
</p>
<span class="character-summary">{{ pavoneAbsatz1 }}</span>
<span class="character-summary">{{ pavoneAbsatz2 }}</span>
<span class="row6-text19 character-summary">{{ pavoneAbsatz3 }}</span>
<p class="character-teaser-text">{{ pavoneAbsatz1 }}</p>
<p class="character-teaser-text">{{ pavoneAbsatz2 }}</p>
<p class="row6-paragraph31 character-teaser-text">{{ pavoneAbsatz3 }}</p>
</section>
</div>
</template>
@ -105,88 +105,10 @@ export default {
</script>
<style scoped>
.row6-image {
width: 160px;
object-fit: cover;
}
.row6-header {
color: rgb(255, 255, 255);
font-size: 24px;
font-style: normal;
font-family: Poppins;
font-weight: 600;
line-height: 36px;
}
.row6-header1 {
color: rgb(255, 255, 255);
font-size: 18px;
font-style: normal;
text-align: center;
font-family: Poppins;
font-weight: 500;
}
.row6-trigger {
color: rgb(255, 255, 255);
font-size: 20px;
font-family: Poppins;
line-height: 28px;
}
.row6-themes {
color: rgb(255, 255, 255);
font-size: 20px;
font-family: Poppins;
line-height: 28px;
}
.row6-text08 {
.row6-paragraph3 {
font-style: italic;
}
.row6-image1 {
width: 160px;
object-fit: cover;
}
.row6-header2 {
color: rgb(255, 255, 255);
font-size: 24px;
font-style: normal;
font-family: Poppins;
font-weight: 600;
line-height: 36px;
}
.row6-header3 {
color: rgb(255, 255, 255);
font-size: 18px;
font-style: normal;
text-align: center;
font-family: Poppins;
font-weight: 500;
}
.row6-trigger1 {
color: rgb(255, 255, 255);
font-size: 20px;
font-family: "Poppins";
line-height: 28px;
}
.row6-themes1 {
color: rgb(255, 255, 255);
font-size: 20px;
font-family: Poppins;
line-height: 28px;
}
.row6-text19 {
.row6-paragraph31 {
font-style: italic;
}
@media(max-width: 479px) {
.row6-trigger {
font-size: 18px;
}
.row6-themes {
font-size: 18px;
}
.row6-trigger1 {
font-size: 18px;
}
.row6-themes1 {
font-size: 18px;
}
}
</style>

View file

@ -189,7 +189,7 @@
flex-direction: column;
background-color: rgba(41, 41, 41, 0.8);
}
.card {
.character-teaser-container {
gap: var(--dl-space-space-oneandhalfunits);
flex: 1;
width: 95%;
@ -651,6 +651,44 @@
color: #fff;
background-color: #595959;
}
.character-name {
color: #ffffff;
font-size: 24px;
font-style: normal;
font-family: Poppins;
font-weight: 600;
line-height: 36px;
}
.character-function {
color: #ffffff;
font-size: 18px;
font-style: normal;
text-align: center;
font-family: Poppins;
font-weight: 500;
}
.character-image {
width: 160px;
object-fit: cover;
}
.character-trigger {
color: #ffffff;
font-size: 20px;
font-family: Poppins;
line-height: 28px;
}
.character-themes {
color: #ffffff;
font-size: 20px;
font-family: Poppins;
line-height: 28px;
}
.character-teaser-text {
color: #ffffff;
font-size: 18px;
font-family: "Poppins";
line-height: 28px;
}
.Heading {
font-size: 32px;
font-family: Inter;
@ -764,4 +802,10 @@
.card-container {
gap: var(--dl-space-space-twounits);
}
.character-trigger {
font-size: 18px;
}
.character-themes {
font-size: 18px;
}
}

View file

@ -19,7 +19,7 @@
<section class="card-container">
<h2 class="section-head">LARPs</h2>
<main class="card-row">
<section class="card">
<section class="character-teaser-container">
<h1 class="card-heading">Letzte Gelegenheit</h1>
<p class="card-text">
Das Nordic LARP Letzte Gelegenheit spielt in der heutigen Zeit in
@ -36,7 +36,7 @@
<div class="home-button"><p class="card-link">Mehr -&gt;</p></div>
</router-link>
</section>
<div class="card">
<div class="character-teaser-container">
<h1 class="card-heading">Süsse Träume</h1>
<p class="card-text">
<span>
@ -66,7 +66,7 @@
<br />
</h2>
<main class="card-row">
<div class="card">
<div class="character-teaser-container">
<h1 class="card-heading">Ein Orden für eine gute Tat</h1>
<p class="card-text">
&quot;Ein brauner Schneehase besucht ein ein Rothörnchen und ein
@ -82,7 +82,7 @@
<div class="home-button2"><p class="card-link">Lesen -&gt;</p></div>
</router-link>
</div>
<div class="card">
<div class="character-teaser-container">
<h1 class="card-heading">Rosenteufel</h1>
<p class="card-text">
<span>

View file

@ -22,9 +22,9 @@
<span>
Plötzlich fällt der Strom aus und eine dichte Nebelwand nähert sich von
Westen. Sirenen und Notfallsender im Radio führen Wehrpflichtige zu
Sammelpunkten und Zivilisten in Bunker. So auch das Personal und die
Sammelpunkten und Zivile in Bunker. So auch das Personal und die
Häftlinge der Justizvollzugsanstalt Schwarzbach in deren
Zivilschutzanlage. Zwei Soldaten stossen dazu und stellen mit einem
Zivilschutzanlage. Zwei Soldat*innen stossen dazu und stellen mit einem
militärischen Funkgerät den einzigen Kontakt zur Aussenwelt.
</span>
<br />
@ -90,8 +90,8 @@
Hochdeutsch und haben einen definierten Nachnamen. Der Vornamen und das
Geschlecht definiert die spielende Person. Es wird ein paar
Nichtspielercharaktere geben die von Helfern bespielt werden, zum
Beispiel Häftling Summers, der/die mit euch ins
<span v-html="rawiuyj"></span>
Beispiel Häftling Summers, der*die mit euch ins
<span v-html="rawgd69"></span>
</span>
<span>Spiel startet.</span>
<br />
@ -167,7 +167,7 @@
<br />
<span>
-
<span v-html="rawi577"></span>
<span v-html="raww9z1"></span>
</span>
<span>Phil U.</span>
<br />
@ -206,8 +206,8 @@ export default {
},
data() {
return {
rawiuyj: ' ',
rawi577: ' ',
rawgd69: ' ',
raww9z1: ' ',
}
},
metaInfo: {

View file

@ -68,7 +68,7 @@
Aber... Edler, bei Gotts Gnad, ich wärt kein gut Christ Euch ohne Warn
lass schreiten. Seit Geschehnem ist hie kein einzger entlang. Wer weiss
was
<span v-html="rawzbge"></span>
<span v-html="raw78vq"></span>
</span>
<span>Geziefer dort treibt...</span>
<br />
@ -236,7 +236,7 @@
nicht sauber gefragt und der Knecht viel zu blass als ihm vorzukommen.
Letztlich doch die Augen sich schlossen. Doch wachten nur noch Ritter
und Knecht. Des Ritters Petz Kling noch immer rot; des Knechts Haut
<span v-html="rawfweu"></span>
<span v-html="raw4zgg"></span>
</span>
<span>
noch immer weiss und nass. Dieses Mal der Knecht nicht wagte zu fragen
@ -287,7 +287,7 @@
zuher. Sie starrten; auch kalt und hilflos wie Kind. Ich schritt nach
vorn: In die Händ des Toten seh, weiss Ros. Ins Gesicht des Toten blick.
Beulen ziertens. Hässliche Beulen. Der Teufel aber wart woanders...
<span v-html="rawd4zh"></span>
<span v-html="rawc19o"></span>
</span>
</span>
</div>
@ -308,9 +308,9 @@ export default {
},
data() {
return {
rawzbge: ' ',
rawfweu: ' ',
rawd4zh: ' ',
raw78vq: ' ',
raw4zgg: ' ',
rawc19o: ' ',
}
},
metaInfo: {