Update years and spaces
This commit is contained in:
parent
189fc94ab8
commit
47c3ea43fd
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 310 KiB After Width: | Height: | Size: 379 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
269
src/components/row1.vue
Normal file
269
src/components/row1.vue
Normal file
|
|
@ -0,0 +1,269 @@
|
|||
<template>
|
||||
<div class="row1-row1 character-row">
|
||||
<section class="card">
|
||||
<div class="character-header">
|
||||
<img :alt="image_alt" :src="image_src" class="row1-image" />
|
||||
<div class="character-description">
|
||||
<h1 class="row1-header">{{ Header }}</h1>
|
||||
<h1 class="row1-header1">
|
||||
<span>
|
||||
Leitung der Justizvollzugsanstalt
|
||||
<span v-html="raw7cpj"></span>
|
||||
</span>
|
||||
<br />
|
||||
</h1>
|
||||
</div>
|
||||
<div></div>
|
||||
</div>
|
||||
<p class="row1-trigger">
|
||||
<span>OT-Trigger: Tod</span>
|
||||
<br />
|
||||
</p>
|
||||
<p class="row1-themes">{{ Themes }}</p>
|
||||
<p class="row1-description">
|
||||
<span>
|
||||
Fortier (gesprochen "Fortjeeh") übernahm vor 3 Jahren das
|
||||
Gefängnis Schwarzbach, nachdem die vorherige Leitung aus ungeklärten
|
||||
Gründen zurücktrat.
|
||||
<span v-html="rawr5kv"></span>
|
||||
</span>
|
||||
<span>
|
||||
Kurz nach Fortiers Übernahme kam es im Gefängnis zum Mord des Häftlings
|
||||
Sadowski durch Rodriguez.
|
||||
</span>
|
||||
<br />
|
||||
<br />
|
||||
<span>
|
||||
Fortier leitete den Bunker anfangs autoritär. Fortier erteilte nur Wm
|
||||
Sartre keine Befehle. Über die Wochen wirkt Fortier mehr zurückgezogen.
|
||||
Immer mehr berät Fortier sich mit Dr. Bellucci und Dr. Jankovic darüber,
|
||||
welche Massnahmen für das Überleben zu treffen sind.
|
||||
</span>
|
||||
<br />
|
||||
<br />
|
||||
<span>
|
||||
Fortier ist bekannt dafür, schnell irritiert und sehr direkt zu sein.
|
||||
</span>
|
||||
<br />
|
||||
</p>
|
||||
</section>
|
||||
<section class="card">
|
||||
<div class="character-header">
|
||||
<img :alt="image_alt1" :src="image_src1" class="row1-image1" />
|
||||
<div class="character-description">
|
||||
<h1 class="row1-header2">
|
||||
<span>Dr. Bellucci</span>
|
||||
<br />
|
||||
</h1>
|
||||
<h1 class="row1-header3">
|
||||
<span>Psychologische Sachverständigung</span>
|
||||
<br />
|
||||
</h1>
|
||||
</div>
|
||||
<div></div>
|
||||
</div>
|
||||
<p class="row1-trigger1">
|
||||
<span>OT-Trigger: Kindertod</span>
|
||||
<br />
|
||||
</p>
|
||||
<p class="row1-themes1">{{ Themes1 }}</p>
|
||||
<p class="row1-description1">
|
||||
<span>
|
||||
Dr. Bellucci (gesprochen "Beluhtschi") 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>
|
||||
<br />
|
||||
<br />
|
||||
<span>
|
||||
Bellucci ist
|
||||
<span v-html="rawuflu"></span>
|
||||
</span>
|
||||
<span>
|
||||
bekannt dafür, etwas sozial unbeholfen zu sein und äusserst akademisch
|
||||
vorzugehen.
|
||||
</span>
|
||||
<br />
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Row1',
|
||||
props: {
|
||||
Themes: {
|
||||
type: String,
|
||||
default: 'Themes: Macht, Gewissensbisse, Ängste',
|
||||
},
|
||||
Themes1: {
|
||||
type: String,
|
||||
default: 'Themes: Trauma, Manipulation, Suche, Schuld',
|
||||
},
|
||||
image_src: {
|
||||
type: String,
|
||||
default: '/playground_assets/aubert-200h.png',
|
||||
},
|
||||
image_alt: {
|
||||
type: String,
|
||||
default: 'image',
|
||||
},
|
||||
image_src1: {
|
||||
type: String,
|
||||
default: '/playground_assets/bellucci-200h.png',
|
||||
},
|
||||
image_alt1: {
|
||||
type: String,
|
||||
default: 'image',
|
||||
},
|
||||
Header: {
|
||||
type: String,
|
||||
default: 'Fortier',
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
raw7cpj: ' ',
|
||||
rawr5kv: ' ',
|
||||
rawuflu: ' ',
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.row1-row1 {
|
||||
position: relative;
|
||||
}
|
||||
.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>
|
||||
236
src/components/row2.vue
Normal file
236
src/components/row2.vue
Normal file
|
|
@ -0,0 +1,236 @@
|
|||
<template>
|
||||
<div class="row2-row2 character-row">
|
||||
<section class="card">
|
||||
<div class="character-header">
|
||||
<img :alt="image_alt" :src="image_src" class="row2-image" />
|
||||
<div class="character-description">
|
||||
<h1 class="row2-header">{{ Header }}</h1>
|
||||
<h1 class="row2-header1">{{ Header1 }}</h1>
|
||||
</div>
|
||||
<div></div>
|
||||
</div>
|
||||
<p class="row2-trigger">
|
||||
<span>OT-Trigger: Tod</span>
|
||||
<br />
|
||||
</p>
|
||||
<p class="row2-themes">
|
||||
<span>Themes: Zerrissenheit, Liebe, Gewissensbisse</span>
|
||||
<br />
|
||||
</p>
|
||||
<p class="row2-description">
|
||||
<span>
|
||||
Dr. Jankovic (gesprochen "Jankovitsch") ist der
|
||||
Gefängnisarzt/-ärztin. Jankovic behandelt
|
||||
</span>
|
||||
<span>
|
||||
das Personal und die Häftlinge medizinisch und macht mit Dr. Bellucci
|
||||
tägliche Checkups. Jankovic entscheidet wer welche Medizin erhält, da
|
||||
diese limitiert ist.
|
||||
</span>
|
||||
<span>Ausserdem berät Jankovic Fortier mit Bellucci.</span>
|
||||
<br />
|
||||
<br />
|
||||
<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 />
|
||||
<span>
|
||||
Jankovic ist bekannt dafür freundlich aber auch sehr streng zu sein, was
|
||||
die Gesundheit der Bunkerbewohner angeht.
|
||||
</span>
|
||||
<br />
|
||||
</p>
|
||||
</section>
|
||||
<section class="card">
|
||||
<div class="character-header">
|
||||
<img :alt="image_alt1" :src="image_src1" class="row2-image1" />
|
||||
<div class="character-description">
|
||||
<h1 class="row2-header2">{{ Header2 }}</h1>
|
||||
<h1 class="row2-header3">{{ Header3 }}</h1>
|
||||
</div>
|
||||
<div></div>
|
||||
</div>
|
||||
<p class="row2-trigger1">
|
||||
<span>OT-Trigger: Tod</span>
|
||||
<br />
|
||||
</p>
|
||||
<p class="row2-themes1">
|
||||
<span>Themes: Gewissensbisse, Freundschaft, Suche, Sehnsucht</span>
|
||||
<span>, Hass</span>
|
||||
<br />
|
||||
</p>
|
||||
<p class="row2-description1">
|
||||
<span>
|
||||
Wärter Krüger arbeitet seit 4 Jahren im Gefängnis Schwarzbach. Da Krüger
|
||||
vorher Elektriker/in war, ist Krüger für die Bunkerelektrik
|
||||
</span>
|
||||
<span>
|
||||
zuständig. Krüger instruiert dabei Häftlinge, welche die Arbeit
|
||||
entsprechend erledigen.
|
||||
</span>
|
||||
<span>Krüger spielt ab und zu Karten mit Dr. Jenatsch und Collins.</span>
|
||||
<br />
|
||||
<br />
|
||||
<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
|
||||
anderen angeht.
|
||||
</span>
|
||||
<br />
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Row2',
|
||||
props: {
|
||||
image_src: {
|
||||
type: String,
|
||||
default: '/playground_assets/jankovic-200h.png',
|
||||
},
|
||||
image_alt: {
|
||||
type: String,
|
||||
default: 'image',
|
||||
},
|
||||
image_src1: {
|
||||
type: String,
|
||||
default: '/playground_assets/krueger-min-200h.png',
|
||||
},
|
||||
image_alt1: {
|
||||
type: String,
|
||||
default: 'image',
|
||||
},
|
||||
Header: {
|
||||
type: String,
|
||||
default: 'Dr. Jankovic',
|
||||
},
|
||||
Header1: {
|
||||
type: String,
|
||||
default: 'Arzt/Ärztin',
|
||||
},
|
||||
Header2: {
|
||||
type: String,
|
||||
default: 'Krüger',
|
||||
},
|
||||
Header3: {
|
||||
type: String,
|
||||
default: 'Wärter/in & Bunkerelektrik',
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.row2-row2 {
|
||||
position: relative;
|
||||
}
|
||||
.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>
|
||||
187
src/components/row3.vue
Normal file
187
src/components/row3.vue
Normal file
|
|
@ -0,0 +1,187 @@
|
|||
<template>
|
||||
<div class="row3-row3 character-row">
|
||||
<section class="card">
|
||||
<div class="character-header">
|
||||
<img :alt="image_alt" :src="image_src" class="row3-image" />
|
||||
<div class="character-description">
|
||||
<h1 class="row3-header">{{ Header }}</h1>
|
||||
<h1 class="row3-header1">
|
||||
<span>Wärter/in & Zeugwart</span>
|
||||
<br />
|
||||
</h1>
|
||||
</div>
|
||||
<div></div>
|
||||
</div>
|
||||
<p class="row3-trigger">
|
||||
<span>OT-Trigger: Tod</span>
|
||||
<br />
|
||||
</p>
|
||||
<p class="row3-themes">
|
||||
<span>Themes: Paranoia, Macht, Ängste, Verlust, Hass</span>
|
||||
<br />
|
||||
</p>
|
||||
<span class="character-summary">{{ text2 }}</span>
|
||||
<span class="character-summary">{{ text }}</span>
|
||||
</section>
|
||||
<section class="card">
|
||||
<div class="character-header">
|
||||
<img :alt="image_alt1" :src="image_src1" class="row3-image1" />
|
||||
<div class="character-description">
|
||||
<h1 class="row3-header2">{{ Header1 }}</h1>
|
||||
<h1 class="row3-header3">
|
||||
<span>dienstälteste/r Wärter/in</span>
|
||||
<br />
|
||||
</h1>
|
||||
</div>
|
||||
<div></div>
|
||||
</div>
|
||||
<p class="row3-trigger1">
|
||||
<span>OT-Trigger: Tod</span>
|
||||
<span>, Drogen</span>
|
||||
<br />
|
||||
</p>
|
||||
<p class="row3-themes1">
|
||||
<span>Themes: Gerechtigkeit, Gewalt, Druck, Hass</span>
|
||||
<br />
|
||||
</p>
|
||||
<span class="character-summary">{{ text11 }}</span>
|
||||
<span class="character-summary">{{ text1 }}</span>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Row3',
|
||||
props: {
|
||||
image_src: {
|
||||
type: String,
|
||||
default: '/playground_assets/schmidt-min-200h.png',
|
||||
},
|
||||
image_alt: {
|
||||
type: String,
|
||||
default: 'image',
|
||||
},
|
||||
image_src1: {
|
||||
type: String,
|
||||
default: '/playground_assets/hagiro-200h.png',
|
||||
},
|
||||
image_alt1: {
|
||||
type: String,
|
||||
default: 'image',
|
||||
},
|
||||
Header: {
|
||||
type: String,
|
||||
default: 'Schmidt',
|
||||
},
|
||||
Header1: {
|
||||
type: String,
|
||||
default: 'Hagiro',
|
||||
},
|
||||
text: {
|
||||
type: String,
|
||||
default:
|
||||
'Schmidt ist bekannt dafür, unangenehme Fragen zu stellen und geht eher grob mit den Häftlingen um. Dafür hat niemand die Aufgaben des Zeugwarts besser im Griff als Schmidt.',
|
||||
},
|
||||
text1: {
|
||||
type: String,
|
||||
default:
|
||||
'Hagiro ist bekannt für einen konsequenten Gerechtigkeitssinn und für einen Raucherhusten. Hagiro ist streng zu den Häftlingen und freundlich zu den anderen.',
|
||||
},
|
||||
text2: {
|
||||
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.',
|
||||
},
|
||||
text11: {
|
||||
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. Da Hagiro mehr als doppelt so lang im Gefängnis arbeitete hilft Hagiro Fortier mit Wissen, das in den Akten nicht zu finden ist.',
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.row3-row3 {
|
||||
position: relative;
|
||||
}
|
||||
.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>
|
||||
193
src/components/row4.vue
Normal file
193
src/components/row4.vue
Normal file
|
|
@ -0,0 +1,193 @@
|
|||
<template>
|
||||
<div class="row4-row4 character-row">
|
||||
<section class="card">
|
||||
<div class="character-header">
|
||||
<img :alt="image_alt" :src="image_src" class="row4-image" />
|
||||
<div class="character-description">
|
||||
<h1 class="row4-header">{{ Header }}</h1>
|
||||
<h1 class="row4-header1">
|
||||
<span>Häftling</span>
|
||||
<br />
|
||||
</h1>
|
||||
</div>
|
||||
<div></div>
|
||||
</div>
|
||||
<p class="row4-trigger">
|
||||
<span>OT-Trigger: Tod, Drogen</span>
|
||||
<br />
|
||||
</p>
|
||||
<p class="row4-themes">
|
||||
<span>Themes: Unterdrückung, Sehnsucht, Suche, Gewissensbisse</span>
|
||||
<br />
|
||||
</p>
|
||||
<span class="character-summary">{{ text2 }}</span>
|
||||
<span class="character-summary">{{ text }}</span>
|
||||
<span class="character-summary">{{ text3 }}</span>
|
||||
</section>
|
||||
<section class="card">
|
||||
<div class="character-header">
|
||||
<img :alt="image_alt1" :src="image_src1" class="row4-image1" />
|
||||
<div class="character-description">
|
||||
<h1 class="row4-header2">{{ Header1 }}</h1>
|
||||
<h1 class="row4-header3">
|
||||
<span>Häftling</span>
|
||||
<br />
|
||||
</h1>
|
||||
</div>
|
||||
<div></div>
|
||||
</div>
|
||||
<p class="row4-trigger1">
|
||||
<span>OT-Trigger: Tod</span>
|
||||
<span>, Drogen</span>
|
||||
<br />
|
||||
</p>
|
||||
<p class="row4-themes1">
|
||||
<span>Themes: Ungerechtigkeit, Pflicht, Gewissensbisse, Familie</span>
|
||||
<br />
|
||||
</p>
|
||||
<span class="character-summary">{{ text11 }}</span>
|
||||
<span class="character-summary">{{ text1 }}</span>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Row4',
|
||||
props: {
|
||||
image_src: {
|
||||
type: String,
|
||||
default: '/playground_assets/rodriguez-min-200h.png',
|
||||
},
|
||||
image_alt: {
|
||||
type: String,
|
||||
default: 'image',
|
||||
},
|
||||
image_src1: {
|
||||
type: String,
|
||||
default: '/playground_assets/collins-200h.png',
|
||||
},
|
||||
image_alt1: {
|
||||
type: String,
|
||||
default: 'image',
|
||||
},
|
||||
Header: {
|
||||
type: String,
|
||||
default: 'Rodriguez',
|
||||
},
|
||||
Header1: {
|
||||
type: String,
|
||||
default: 'Collins',
|
||||
},
|
||||
text: {
|
||||
type: String,
|
||||
default:
|
||||
'Rodriguez war vor dem Gefängnis Handwerker/in und arbeitete auch 3 Jahre in der Gefängnisschreinerei. Rodriguez ist daher besonders geeignet, mechanische Apparaturen zu reparieren.',
|
||||
},
|
||||
text1: {
|
||||
type: String,
|
||||
default:
|
||||
'Collins ist bekannt für eine reservierte Art und eine kurze Lunte wenn Collins provoziert wird. Ansonsten schluckt Collins die Unannehmlichkeiten im Bunker runter und spielt Karten mit Krüger und Prof. Dr. Jenatsch.',
|
||||
},
|
||||
text11: {
|
||||
type: String,
|
||||
default:
|
||||
'Collins ist bereits seit 6 Jahren im Gefängnis und damit von den Häftlingen am längsten da. Bevor alle im Bunker waren hörte man selten was von Collins. Collins war nicht jemand, der Krawall machte. Doch seit sie im Bunker sind, hat Collins immer wieder Ärger mit den Wärtern. Collins bezweifelt, dass es Zufall ist, dass Collins die meisten anstrengenden Aufgaben übernehmen muss. Collins war nach eigenen Berechnungen schon mindestens fünf mal länger an der Lüftungskurbel als alle anderen.',
|
||||
},
|
||||
text2: {
|
||||
type: String,
|
||||
default:
|
||||
'Rodriguez (gesprochen "Rodrigess") sitzt seit 5 Jahren im Gefängnis Schwarzbach. Eigentlich hätte Rodriguez letztes Jahr entlassen werden sollen, doch vor 2 Jahren brachte Rodriguez den Häftling Sadowski (gesprochen "Sadofski") um, indem Rodriguez die medizinischen Instrumente von Jankovic manipulierte, sodass Sadowski an einer Überdosis Opioide starb. Deswegen sitzte Rodriguez 3 Jahre lang in Isolationshaft bis die Sirenen losheulten.',
|
||||
},
|
||||
text3: {
|
||||
type: String,
|
||||
default:
|
||||
'Rodriguez ist bekannt für eine raue aber zuvorkommende Art. Wegen dem Mord vor drei Jahren verlor Rodriguez aber bei den meisten das Vertrauen.',
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.row4-row4 {
|
||||
position: relative;
|
||||
}
|
||||
.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-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;
|
||||
}
|
||||
@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>
|
||||
236
src/components/row5.vue
Normal file
236
src/components/row5.vue
Normal file
|
|
@ -0,0 +1,236 @@
|
|||
<template>
|
||||
<div class="row5-row5 character-row">
|
||||
<section class="card">
|
||||
<div class="character-header">
|
||||
<img :alt="image_alt" :src="image_src" class="row5-image" />
|
||||
<div class="character-description">
|
||||
<h1 class="row5-header">{{ Header }}</h1>
|
||||
<h1 class="row5-header1">
|
||||
<span>Häftling</span>
|
||||
<br />
|
||||
</h1>
|
||||
</div>
|
||||
<div></div>
|
||||
</div>
|
||||
<p class="row5-trigger">
|
||||
<span>OT-Trigger: Tod, Sexualität zwischen Schüler und Lehrer</span>
|
||||
<br />
|
||||
</p>
|
||||
<p class="row5-themes">
|
||||
<span>Themes: Gewissensbisse, Suche, Sehnsucht, Verzweiflung</span>
|
||||
<br />
|
||||
</p>
|
||||
<p class="row5-description">
|
||||
<span>
|
||||
Lindbeck sitzt seit 2 Jahren im Gefängnis Schwarzbach. Lindbeck war die
|
||||
einzige
|
||||
</span>
|
||||
<span>
|
||||
Person, welche trotz der Eile bei der Katastrophe Bücher in den Bunker
|
||||
mitbrachte. Während den 2 Jahren im Gefängnis arbeitete Lindbeck im
|
||||
Postbüro. Im Bunker schrieb Lindbeck einige Literatur nieder, an die
|
||||
Lindbeck sich noch erinnern konnte bevor alle in den Bunker gingen.
|
||||
Lindbeck liest davon manchmal vor und hat auch schon zu speziellen
|
||||
Anlässen wie Geburtstage ein Lied angestimmt.
|
||||
</span>
|
||||
<br />
|
||||
<br />
|
||||
<span>
|
||||
Lindbeck ist bekannt dafür, eine eher traurige Stimmung zu haben.
|
||||
</span>
|
||||
<br />
|
||||
</p>
|
||||
</section>
|
||||
<section class="card">
|
||||
<div class="character-header">
|
||||
<img :alt="image_alt1" :src="image_src1" class="row5-image1" />
|
||||
<div class="character-description">
|
||||
<h1 class="row5-header2">{{ Header1 }}</h1>
|
||||
<h1 class="row5-header3">
|
||||
<span>Häftling</span>
|
||||
<br />
|
||||
</h1>
|
||||
</div>
|
||||
<div></div>
|
||||
</div>
|
||||
<p class="row5-trigger1">
|
||||
<span>OT-Trigger: Tod</span>
|
||||
<br />
|
||||
</p>
|
||||
<p class="row5-themes1">
|
||||
<span>Themes: Verzweiflung, Druck, Commitment, Einsamkeit</span>
|
||||
<br />
|
||||
</p>
|
||||
<p class="row5-description1">
|
||||
<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
|
||||
der Katastrophe im Fernsehen zu sehen, wie Jenatsch den Parteichef der
|
||||
"Silbernen Partei" erschossen hatte.
|
||||
</span>
|
||||
<br />
|
||||
<br />
|
||||
<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="rawpzde"></span>
|
||||
</span>
|
||||
<span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span>
|
||||
<br />
|
||||
<br />
|
||||
<span>
|
||||
Jenatsch ist bekannt für eine chaotische, pragmatische und schnelle
|
||||
Vorgehensweise. Wenn Jenatsch sich etwas in den Kopf setzt haben die
|
||||
Wärter Mühe Jenatsch zu bändigen.
|
||||
</span>
|
||||
<br />
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Row5',
|
||||
props: {
|
||||
image_src: {
|
||||
type: String,
|
||||
default: '/playground_assets/lindbeck-200h.png',
|
||||
},
|
||||
image_alt: {
|
||||
type: String,
|
||||
default: 'image',
|
||||
},
|
||||
image_src1: {
|
||||
type: String,
|
||||
default: '/playground_assets/jenatsch-min-200h.png',
|
||||
},
|
||||
image_alt1: {
|
||||
type: String,
|
||||
default: 'image',
|
||||
},
|
||||
Header: {
|
||||
type: String,
|
||||
default: 'Lindbeck ',
|
||||
},
|
||||
Header1: {
|
||||
type: String,
|
||||
default: 'Prof. Dr. Jenatsch',
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
rawpzde: ' ',
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.row5-row5 {
|
||||
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-description {
|
||||
color: rgb(255, 255, 255);
|
||||
font-size: 18px;
|
||||
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-description1 {
|
||||
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;
|
||||
}
|
||||
.row5-description1 {
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
}
|
||||
@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>
|
||||
203
src/components/row6.vue
Normal file
203
src/components/row6.vue
Normal file
|
|
@ -0,0 +1,203 @@
|
|||
<template>
|
||||
<div class="row6-row6 character-row">
|
||||
<section class="card">
|
||||
<div class="character-header">
|
||||
<img :alt="image_alt" :src="image_src" class="row6-image" />
|
||||
<div class="character-description">
|
||||
<h1 class="row6-header">{{ Header }}</h1>
|
||||
<h1 class="row6-header1">
|
||||
<span>Gruppenführer/in</span>
|
||||
<br />
|
||||
</h1>
|
||||
</div>
|
||||
<div></div>
|
||||
</div>
|
||||
<p class="row6-trigger">
|
||||
<span>OT-Trigger: Tod, Drogen</span>
|
||||
<br />
|
||||
</p>
|
||||
<p class="row6-themes">
|
||||
<span>Themes: Familie, Sucht, Scham, Schutz</span>
|
||||
<br />
|
||||
</p>
|
||||
<span class="character-summary">{{ text1 }}</span>
|
||||
<span class="character-summary">{{ text }}</span>
|
||||
<span class="row6-text08 character-summary">{{ text2 }}</span>
|
||||
</section>
|
||||
<section class="card">
|
||||
<div class="character-header">
|
||||
<img :alt="image_alt1" :src="image_src1" class="row6-image1" />
|
||||
<div class="character-description">
|
||||
<h1 class="row6-header2">
|
||||
<span>Sdt Pavone</span>
|
||||
<br />
|
||||
</h1>
|
||||
<h1 class="row6-header3">
|
||||
<span>Funker/in</span>
|
||||
<br />
|
||||
</h1>
|
||||
</div>
|
||||
<div></div>
|
||||
</div>
|
||||
<p class="row6-trigger1">
|
||||
<span>OT-Trigger: Kindertod</span>
|
||||
<br />
|
||||
</p>
|
||||
<p class="row6-themes1">
|
||||
<span>Themes: Ängste, Gewissensbisse, Verzweiflung</span>
|
||||
<br />
|
||||
</p>
|
||||
<span class="character-summary">{{ text31 }}</span>
|
||||
<span class="character-summary">{{ text32 }}</span>
|
||||
<span class="row6-text19 character-summary">{{ text3 }}</span>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Row6',
|
||||
props: {
|
||||
image_src: {
|
||||
type: String,
|
||||
default: '/playground_assets/sartre-200h.png',
|
||||
},
|
||||
image_alt: {
|
||||
type: String,
|
||||
default: 'image',
|
||||
},
|
||||
image_src1: {
|
||||
type: String,
|
||||
default: '/playground_assets/pavone-200h.png',
|
||||
},
|
||||
image_alt1: {
|
||||
type: String,
|
||||
default: 'image',
|
||||
},
|
||||
Header: {
|
||||
type: String,
|
||||
default: 'Wm Sartre',
|
||||
},
|
||||
text: {
|
||||
type: String,
|
||||
default:
|
||||
'Sartre ist bekannt dafür, eine besorgte Mimik zu haben. Sartres Redensweise ist trotzdem befehlerisch.',
|
||||
},
|
||||
text1: {
|
||||
type: String,
|
||||
default:
|
||||
'Wm (Wachtmeister [militärische Ränge sind Geschlechtsneutral], das ist ein Unteroffiziersrang) Sartre kam mit Pavone in den Bunker. Sartre leitet Pavone an und integriert sich und Pavone auch bei dem Rest der Bunkerbesatzung. Sartre bespricht sich gelegentlich mit Fortier.',
|
||||
},
|
||||
text2: {
|
||||
type: String,
|
||||
default:
|
||||
'(Nur ein paar Charaktere wissen mehr zu diesem Charakter, entsprechend steht hier wenig.)',
|
||||
},
|
||||
text3: {
|
||||
type: String,
|
||||
default:
|
||||
'(Nur ein paar Charaktere wissen mehr zu diesem Charakter, entsprechend steht hier wenig.)',
|
||||
},
|
||||
text31: {
|
||||
type: String,
|
||||
default:
|
||||
'Sdt (Soldat [militärische Ränge sind Geschlechtsneutral]) Pavone brachte das militärische Funkgerät in den Bunker, das Pavone mit Sartre bedient. Pavone bittet immer wieder Häftlinge um bei der Bedienung des Funkgeräts zu helfen.',
|
||||
},
|
||||
text32: {
|
||||
type: String,
|
||||
default:
|
||||
'Pavone wirkt unruhig, hat aber eine freundliche Art und bestechenden Charme.',
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.row6-row6 {
|
||||
position: relative;
|
||||
}
|
||||
.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 {
|
||||
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 {
|
||||
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>
|
||||
|
|
@ -7,7 +7,14 @@
|
|||
<h3 class="event-title">{{ Run1 }}</h3>
|
||||
<p class="event-date">{{ Datum1 }}</p>
|
||||
<p class="event-location">{{ Standort1 }}</p>
|
||||
<p class="veranstaltungen-liste-plaetze event-location">{{ Plaetze41 }}</p>
|
||||
<div class="veranstaltungen-liste-container">
|
||||
<p class="veranstaltungen-liste-plaetze event-location">
|
||||
0 von 15 Plätzen frei
|
||||
</p>
|
||||
<p class="veranstaltungen-liste-warteliste event-location">
|
||||
0 Personen in Warteliste
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="veranstaltungen-liste-letzte-gelegenheit-run2 event-entry">
|
||||
<h3 class="event-title">{{ Run2 }}</h3>
|
||||
|
|
@ -21,11 +28,11 @@
|
|||
<span>Ewaldstrasse 20, 45699 Herten</span>
|
||||
<br />
|
||||
</p>
|
||||
<div class="veranstaltungen-liste-container">
|
||||
<div class="veranstaltungen-liste-container1">
|
||||
<p class="veranstaltungen-liste-plaetze1 event-location">
|
||||
0 von 15 Plätzen frei
|
||||
</p>
|
||||
<p class="veranstaltungen-liste-warteliste event-location">
|
||||
<p class="veranstaltungen-liste-warteliste1 event-location">
|
||||
0 Personen in Warteliste
|
||||
</p>
|
||||
</div>
|
||||
|
|
@ -42,11 +49,11 @@
|
|||
<span>Ewaldstrasse 20, 45699 Herten</span>
|
||||
<br />
|
||||
</p>
|
||||
<div class="veranstaltungen-liste-container1">
|
||||
<div class="veranstaltungen-liste-container2">
|
||||
<p class="veranstaltungen-liste-plaetze2 event-location">
|
||||
0 von 15 Plätzen frei
|
||||
</p>
|
||||
<p class="veranstaltungen-liste-warteliste1 event-location">
|
||||
<p class="veranstaltungen-liste-warteliste2 event-location">
|
||||
0 Personen in Warteliste
|
||||
</p>
|
||||
</div>
|
||||
|
|
@ -74,7 +81,7 @@ export default {
|
|||
props: {
|
||||
Plaetze4: {
|
||||
type: String,
|
||||
default: '12 von 15 Plätzen frei (Stand: 08.02.2023)',
|
||||
default: '11 von 15 Plätzen frei (Stand: 12.02.2023)',
|
||||
},
|
||||
Run1: {
|
||||
type: String,
|
||||
|
|
@ -84,10 +91,6 @@ export default {
|
|||
type: String,
|
||||
default: 'Run 4 (Deutschland)',
|
||||
},
|
||||
Plaetze41: {
|
||||
type: String,
|
||||
default: '1 von 15 Plätzen frei (Stand: 08.02.2023)',
|
||||
},
|
||||
Standort1: {
|
||||
type: String,
|
||||
default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen',
|
||||
|
|
@ -121,14 +124,25 @@ export default {
|
|||
flex-direction: column;
|
||||
background-color: rgba(41, 41, 41, 0.8);
|
||||
}
|
||||
.veranstaltungen-liste-container {
|
||||
flex: 0 0 auto;
|
||||
width: 200px;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
flex-direction: column;
|
||||
}
|
||||
.veranstaltungen-liste-plaetze {
|
||||
color: #dc8300;
|
||||
color: rgb(221, 0, 0);
|
||||
text-align: left;
|
||||
}
|
||||
.veranstaltungen-liste-warteliste {
|
||||
color: rgb(0, 221, 0);
|
||||
text-align: left;
|
||||
}
|
||||
.veranstaltungen-liste-letzte-gelegenheit-run2 {
|
||||
border-bottom-width: 0px;
|
||||
}
|
||||
.veranstaltungen-liste-container {
|
||||
.veranstaltungen-liste-container1 {
|
||||
flex: 0 0 auto;
|
||||
width: 200px;
|
||||
display: flex;
|
||||
|
|
@ -139,14 +153,14 @@ export default {
|
|||
color: rgb(221, 0, 0);
|
||||
text-align: left;
|
||||
}
|
||||
.veranstaltungen-liste-warteliste {
|
||||
.veranstaltungen-liste-warteliste1 {
|
||||
color: rgb(0, 221, 0);
|
||||
text-align: left;
|
||||
}
|
||||
.veranstaltungen-liste-letzte-gelegenheit-run21 {
|
||||
border-bottom-width: 0px;
|
||||
}
|
||||
.veranstaltungen-liste-container1 {
|
||||
.veranstaltungen-liste-container2 {
|
||||
flex: 0 0 auto;
|
||||
width: 200px;
|
||||
display: flex;
|
||||
|
|
@ -157,7 +171,7 @@ export default {
|
|||
color: rgb(221, 0, 0);
|
||||
text-align: left;
|
||||
}
|
||||
.veranstaltungen-liste-warteliste1 {
|
||||
.veranstaltungen-liste-warteliste2 {
|
||||
color: rgb(0, 221, 0);
|
||||
text-align: left;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -338,6 +338,12 @@
|
|||
background-color: var(--dl-color-gray-white);
|
||||
list-style-position: inside;
|
||||
}
|
||||
.character-summary {
|
||||
color: rgb(255, 255, 255);
|
||||
font-size: 18px;
|
||||
font-family: Poppins;
|
||||
line-height: 28px;
|
||||
}
|
||||
.Heading {
|
||||
font-size: 32px;
|
||||
font-family: Inter;
|
||||
|
|
@ -398,9 +404,21 @@
|
|||
flex-wrap: wrap;
|
||||
flex-direction: column;
|
||||
}
|
||||
.character-summary {
|
||||
color: rgb(255, 255, 255);
|
||||
font-size: 18px;
|
||||
font-family: Poppins;
|
||||
line-height: 28px;
|
||||
}
|
||||
}
|
||||
@media(max-width: 479px) {
|
||||
.section-head {
|
||||
font-size: 30px;
|
||||
}
|
||||
.character-summary {
|
||||
color: rgb(255, 255, 255);
|
||||
font-size: 18px;
|
||||
font-family: Poppins;
|
||||
line-height: 28px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -134,7 +134,7 @@
|
|||
<br class="larpkonzept-text36" />
|
||||
<span>
|
||||
Zu guter Letzt benutzen wir am “Letzte Gelegenheit” auch die
|
||||
<span v-html="raw6vge"></span>
|
||||
<span v-html="rawmdg1"></span>
|
||||
</span>
|
||||
<a
|
||||
href="https://en.wikipedia.org/wiki/OK_gesture"
|
||||
|
|
@ -151,7 +151,7 @@
|
|||
schlecht). Nur wenn der Daumen nach oben zeigt, soll man die
|
||||
Spielintensität beibehalten, ansonsten soll man sie verringern, um
|
||||
sicherzustellen, dass es der Person wieder besser geht.
|
||||
<span v-html="rawqe0p"></span>
|
||||
<span v-html="raw5brq"></span>
|
||||
</span>
|
||||
<br class="larpkonzept-text39" />
|
||||
<br class="larpkonzept-text40" />
|
||||
|
|
@ -192,8 +192,8 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
raw6vge: ' ',
|
||||
rawqe0p: ' ',
|
||||
rawmdg1: ' ',
|
||||
raw5brq: ' ',
|
||||
}
|
||||
},
|
||||
metaInfo: {
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
|
|
@ -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="rawq9nc"></span>
|
||||
<span v-html="rawp6vt"></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="rawak2g"></span>
|
||||
<span v-html="rawg3cq"></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 zierten’s. Hässliche Beulen. Der Teufel aber wart woanders...
|
||||
<span v-html="rawma3x"></span>
|
||||
<span v-html="rawfdrn"></span>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
@ -307,9 +307,9 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
rawq9nc: ' ',
|
||||
rawak2g: ' ',
|
||||
rawma3x: ' ',
|
||||
rawp6vt: ' ',
|
||||
rawg3cq: ' ',
|
||||
rawfdrn: ' ',
|
||||
}
|
||||
},
|
||||
metaInfo: {
|
||||
|
|
|
|||
Loading…
Reference in a new issue