OpenVisor/OpenVisor-Website
OpenVisor/OpenVisor-Website
1
1
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Add 2 new shortstories; Update website structure.

Browse source
This commit is contained in:
OpenVisor 2024-04-26 21:57:14 +02:00
parent 04d671264b
commit a878e93b39
41 changed files with 2746 additions and 3223 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

56
public/index.html
View file

@ -1,15 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>OpenVisor</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="utf-8" />
<meta property="twitter:card" content="summary_large_image" />
<style data-tag="reset-style-sheet">
html { line-height: 1.15;}body { margin: 0;}* { box-sizing: border-box; border-width: 0; border-style: solid;}p,li,ul,pre,div,h1,h2,h3,h4,h5,h6,figure,blockquote,figcaption { margin: 0; padding: 0;}button { background-color: transparent;}button,input,optgroup,select,textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}button,select { text-transform: none;}button,[type="button"],[type="reset"],[type="submit"] { -webkit-appearance: button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style: none; padding: 0;}button:-moz-focus,[type="button"]:-moz-focus,[type="reset"]:-moz-focus,[type="submit"]:-moz-focus { outline: 1px dotted ButtonText;}a { color: inherit; text-decoration: inherit;}input { padding: 2px 4px;}img { display: block;}html { scroll-behavior: smooth }
</style>
<style data-tag="default-style-sheet">
<html lang="en"
><head
><title>OpenVisor</title
><meta
name="viewport"
content="width=device-width, initial-scale=1.0"
/><meta charset="utf-8" /><meta
property="twitter:card"
content="summary_large_image"
/><style data-tag="reset-style-sheet">
html { line-height: 1.15;}body { margin: 0;}* { box-sizing: border-box; border-width: 0; border-style: solid;}p,li,ul,pre,div,h1,h2,h3,h4,h5,h6,figure,blockquote,figcaption { margin: 0; padding: 0;}button { background-color: transparent;}button,input,optgroup,select,textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}button,select { text-transform: none;}button,[type="button"],[type="reset"],[type="submit"] { -webkit-appearance: button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style: none; padding: 0;}button:-moz-focus,[type="button"]:-moz-focus,[type="reset"]:-moz-focus,[type="submit"]:-moz-focus { outline: 1px dotted ButtonText;}a { color: inherit; text-decoration: inherit;}input { padding: 2px 4px;}img { display: block;}html { scroll-behavior: smooth }</style
><style data-tag="default-style-sheet">
html {
font-family: Inter;
font-size: 16px;
@ -25,34 +27,28 @@
color: var(--dl-color-gray-black);
background-color: var(--dl-color-gray-white);
}
</style>
<link
}</style
><link
rel="stylesheet"
href="https://unpkg.com/animate.css@4.1.1/animate.css"
/>
<link
/><link
rel="shortcut icon"
href="/openvisor.ico"
type="icon/png"
sizes="32x32"
/>
<link
/><link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
data-tag="font"
/>
<link
/><link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
data-tag="font"
/>
<link
/><link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
data-tag="font"
/>
<link
/><link
rel="stylesheet"
href="https://unpkg.com/@teleporthq/teleport-custom-scripts/dist/style.css"
/>
@ -64,15 +60,13 @@
[data-thq="thq-dropdown"]:hover > div [data-thq="thq-dropdown-arrow"] {
transform: rotate(90deg);
}
</style>
</head>
<body>
<div id="app"></div>
<!-- Your body code here -->
</style></head
><body
><div id="app"></div
><!-- Your body code here -->
<!-- <script type="text/javascript"> ... </script> -->
<script
data-section-id="navbar"
src="https://unpkg.com/@teleporthq/teleport-custom-scripts"
></script>
</body>
</html>
></script></body
></html>

BIN
public/kurzgeschichten/openvisor_kurzgeschichte_skizze_einsames_schaf-1200w.webp Normal file
View file

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 69 KiB

BIN
public/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_die_loesung_gegen_leid-1200w.webp Normal file
View file

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 45 KiB

BIN
public/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_einsames_schaf-1200w.jpg
View file

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 111 KiB

BIN
public/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_lasst_mich_ruhen-1200w.webp Normal file
View file

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 49 KiB

10
src/components/download-button.vue
View file

@ -1,9 +1,9 @@
<template>
<div class="download-button-container" v-bind:class="rootClassName">
<button type="button" class="button">
<span class="button-text">{{ text }}</span>
</button>
</div>
<div class="download-button-container" v-bind:class="rootClassName"
><button type="button" class="button"
><span class="button-text">{{ text }}</span></button
></div
>
</template>
<script>

1780
src/components/info-box.vue
View file

File diff suppressed because it is too large Load diff

90
src/components/kommende-letzte-gelegenheit-runs.vue Normal file
View file

@ -0,0 +1,90 @@
<template>
<div
class="kommende-letzte-gelegenheit-runs-kommende-letzte-gelegenheit-runs event-list"
v-bind:class="rootClassName"
><div
class="event-entry kommende-letzte-gelegenheit-runs-letzte-gelegenheit-run5"
><h3 class="event-title">{{ run5 }}</h3
><p class="event-date">{{ datum5 }}</p
><p class="event-location">{{ standort5 }}</p
><div class="kommende-letzte-gelegenheit-runs-plaetze"
><p class="event-red event-location">0 von 15 freie Plätze</p
><p class="event-green event-location">3 Personen auf Warteliste</p></div
></div
><div
class="kommende-letzte-gelegenheit-runs-letzte-gelegenheit-run6 event-entry"
><h3 class="event-title">{{ run6 }}</h3
><p class="event-date">{{ datum6 }}</p
><p class="event-location">{{ standort6 }}</p
><div class="kommende-letzte-gelegenheit-runs-plaetze3"
><p class="event-red event-location">0 von 15 freie Plätze</p
><p class="event-green event-location">7 Personen auf Warteliste</p></div
></div
></div
>
</template>
<script>
export default {
name: 'KommendeLetzteGelegenheitRuns',
props: {
run5: {
type: String,
default: 'Run 5 (Schweiz)',
},
datum5: {
type: String,
default: '25.05.2024, 10:00 Uhr bis 26.05.2024, 14:00 Uhr',
},
standort5: {
type: String,
default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen',
},
run6: {
type: String,
default: 'Run 6 (Schweiz)',
},
datum6: {
type: String,
default: '01.06.2024, 10:00 Uhr bis 02.06.2024, 14:00 Uhr',
},
standort6: {
type: String,
default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen',
},
rootClassName: String,
},
}
</script>
<style scoped>
.kommende-letzte-gelegenheit-runs-kommende-letzte-gelegenheit-runs {
position: relative;
}
.kommende-letzte-gelegenheit-runs-plaetze {
flex: 0 0 auto;
width: 200px;
display: flex;
align-items: flex-start;
flex-direction: column;
}
.kommende-letzte-gelegenheit-runs-letzte-gelegenheit-run6 {
border-bottom-width: 3px;
}
.kommende-letzte-gelegenheit-runs-plaetze3 {
flex: 0 0 auto;
width: 200px;
display: flex;
align-items: flex-start;
flex-direction: column;
}
@media(max-width: 767px) {
.kommende-letzte-gelegenheit-runs-letzte-gelegenheit-run5 {
flex-direction: column;
}
.kommende-letzte-gelegenheit-runs-letzte-gelegenheit-run6 {
flex-direction: column;
}
}
</style>

43
src/components/kontakt.vue
View file

@ -1,28 +1,23 @@
<template>
<footer class="kontakt-footer" v-bind:class="rootClassName">
<div class="kontakt-kontakt">
<span class="kontakt-kontakt1">{{ impressum }}</span>
<a href="mailto:info@openvisor.ch?subject=" class="normal-text">
{{ name }}
</a>
<a href="mailto:info@openvisor.ch?subject=" class="normal-text">
{{ adresse }}
</a>
<a href="mailto:info@openvisor.ch?subject=" class="normal-text">
{{ ort }}
</a>
<a href="mailto:info@openvisor.ch?subject=" class="normal-text">
{{ land }}
</a>
<a href="mailto:info@openvisor.ch?subject=" class="kontakt-email">
{{ email }}
</a>
</div>
<iframe
<footer class="kontakt-footer" v-bind:class="rootClassName"
><div class="kontakt-kontakt"
><span class="kontakt-kontakt1">{{ impressum }}</span
><a href="mailto:info@openvisor.ch?subject=" class="normal-text"
>{{ name }}</a
><a href="mailto:info@openvisor.ch?subject=" class="normal-text"
>{{ adresse }}</a
><a href="mailto:info@openvisor.ch?subject=" class="normal-text"
>{{ ort }}</a
><a href="mailto:info@openvisor.ch?subject=" class="normal-text"
>{{ land }}</a
><a href="mailto:info@openvisor.ch?subject=" class="kontakt-email"
>{{ email }}</a
></div
><iframe
src="https://dashboard.mailerlite.com/forms/582593/98301649820321679/share"
class="kontakt-newsletter-form"
></iframe>
</footer>
></iframe
></footer>
</template>
<script>
@ -111,6 +106,10 @@ export default {
@media(max-width: 767px) {
.kontakt-footer {
flex-direction: column;

880
src/components/navigation.vue
View file

File diff suppressed because it is too large Load diff

123
src/components/row1.vue
View file

@ -1,89 +1,62 @@
<template>
<div class="character-row">
<section class="character-teaser-container">
<div class="character-header">
<img
<div class="character-row"
><section class="character-teaser-container"
><div class="character-header"
><img
alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/fortier-200h.png"
class="character-image"
/>
<div class="character-description">
<h2 class="character-name">{{ fortier }}</h2>
<span class="character-function">
<span>
Leitung der Justizvollzugsanstalt
<span v-html="rawid2h"></span>
</span>
<br />
</span>
</div>
<div></div>
</div>
<p class="character-trigger">
<span>OT-Trigger:  Tod</span>
<br />
</p>
<p class="character-themes">{{ fortierThemes }}</p>
<p class="character-teaser-text">
Fortier (gesprochen &quot;Fortjeeh&quot;) übernahm vor 3 Jahren das
class="character-image" /><div class="character-description"
><h2 class="character-name">{{ fortier }}</h2
><span class="character-function"
><span
>Leitung der Justizvollzugsanstalt
<span v-html="raw5zbf"></span></span
><br /></span></div
><div></div></div
><p class="character-trigger"><span>OT-Trigger:  Tod</span><br /></p
><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 ist im Bunker weiterhin für das Gefängnispersonal direkt
zuständig führt den Bunker mit Dr. Bellucci und Wm Sartre.
</span>
<br />
</p>
<p class="character-teaser-text">
Fortier ist bekannt dafür tendenziell direkter zu sein als angenehm ist.
in der JVA zum Mord des Häftlings Sadowski durch Rodriguez.</p
><p class="character-teaser-text"
><span
>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 /></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="character-teaser-container">
<div class="character-header">
<img
pragmatischen Massnahmen zurückzuschrecken.</p
></section
><section class="character-teaser-container"
><div class="character-header"
><img
alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/bellucci-200h.png"
class="character-image"
/>
<div class="character-description">
<h2 class="character-name">
<span>Dr. Bellucci</span>
<br />
</h2>
<span class="character-function">
<span>Psychologische Sachverständigung</span>
<br />
</span>
</div>
<div></div>
</div>
<p class="character-trigger">
<span>OT-Trigger:  Kindertod</span>
<br />
</p>
<p class="character-themes">{{ bellucciThemes }}</p>
<p class="character-teaser-text">
Dr. Bellucci (gesprochen &quot;Beluhtschi&quot;) wurde vor 2 Jahren
class="character-image" /><div class="character-description"
><h2 class="character-name"><span>Dr. Bellucci</span><br /></h2
><span class="character-function"
><span>Psychologische Sachverständigung</span><br /></span></div
><div></div></div
><p class="character-trigger"><span>OT-Trigger:  Kindertod</span><br /></p
><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
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>
Fortier mit Jankovic.</p
><p class="character-teaser-text"
>Bellucci ist bekannt dafür mindestens gegen aussen empathisch zu sein.</p
></section
></div
>
</template>
<script>
@ -105,7 +78,7 @@ export default {
},
data() {
return {
rawid2h: ' ',
raw5zbf: ' ',
}
},
}

153
src/components/row2.vue
View file

@ -1,106 +1,71 @@
<template>
<div class="character-row">
<section class="character-teaser-container">
<div class="character-header">
<img
<div class="character-row"
><section class="character-teaser-container"
><div class="character-header"
><img
alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/jankovic-200h.png"
class="character-image"
/>
<div class="character-description">
<h2 class="character-name">{{ jankovic }}</h2>
<span class="character-function">{{ jankovicFunktion }}</span>
</div>
<div></div>
</div>
<p class="character-trigger">
<span>OT-Trigger:  Tod</span>
<br />
</p>
<p class="character-themes">
<span>Themes: Zerrissenheit, Liebe, Gewissensbisse</span>
<br />
</p>
<p class="character-teaser-text">
<span>
Dr. Jankovic (gesprochen &quot;Jankovitsch&quot;) ist der/die
Gefängnisarzt/-ärztin. Jankovic behandelt
</span>
<span>
class="character-image" /><div class="character-description"
><h2 class="character-name">{{ jankovic }}</h2
><span class="character-function">{{ jankovicFunktion }}</span></div
><div></div></div
><p class="character-trigger"><span>OT-Trigger:  Tod</span><br /></p
><p class="character-themes"
><span>Themes: Zerrissenheit, Liebe, Gewissensbisse</span><br /></p
><p class="character-teaser-text"
><span
>Dr. Jankovic (gesprochen &quot;Jankovitsch&quot;) ist der/die
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 />
</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 />
</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.
</span>
<br />
</p>
</section>
<section class="character-teaser-container">
<div class="character-header">
<img
diese limitiert ist.</span
><span> Ausserdem berät Jankovic Fortier mit Bellucci.</span><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 /></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.</span
><br /></p></section
><section class="character-teaser-container"
><div class="character-header"
><img
alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/krueger-1500w.png"
class="character-image"
/>
<div class="character-description">
<h2 class="character-name">{{ krueger }}</h2>
<span class="character-function">{{ kruegerFunktion }}</span>
</div>
<div></div>
</div>
<p class="character-trigger">
<span>OT-Trigger:  Tod</span>
<br />
</p>
<p class="character-themes">
<span>Themes: Gewissensbisse, Freundschaft, Suche, Sehnsucht</span>
<span>, Hass</span>
<br />
</p>
<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
</span>
<span>
class="character-image" /><div class="character-description"
><h2 class="character-name">{{ krueger }}</h2
><span class="character-function">{{ kruegerFunktion }}</span></div
><div></div></div
><p class="character-trigger"><span>OT-Trigger:  Tod</span><br /></p
><p class="character-themes"
><span>Themes: Gewissensbisse, Freundschaft, Suche, Sehnsucht</span
><span>, Hass</span><br /></p
><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</span
><span>
zuständig, weil sich Krüger damit am besten auskennt. 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 />
</p>
<p class="character-teaser-text">
<span>
In der Zivilschutzanlage hilft Krüger Dr. Jankovic bei der medizinischen
Versorgung der Bunkerinsassen.
</span>
<br />
</p>
<p class="character-teaser-text">
<span>Krüger ist bekannt dafür etwas grummelig und rastlos zu sein.</span>
<span>
dabei Häftlinge, welche die Arbeit entsprechend erledigen.</span
><span> Krüger spielt ab und zu Karten mit Dr. Jenatsch und Collins.</span
><br /></p
><p class="character-teaser-text"
><span
>In der Zivilschutzanlage hilft Krüger Dr. Jankovic bei der
medizinischen Versorgung der Bunkerinsassen.</span
><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
anderen angeht.
</span>
<br />
</p>
</section>
</div>
anderen angeht.</span
><br /></p></section
></div>
</template>
<script>

83
src/components/row3.vue
View file

@ -1,61 +1,38 @@
<template>
<div class="character-row">
<section class="character-teaser-container">
<div class="character-header">
<img
<div class="character-row"
><section class="character-teaser-container"
><div class="character-header"
><img
alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/schmidt-200h.png"
class="character-image"
/>
<div class="character-description">
<h2 class="character-name">{{ schmidt }}</h2>
<span class="character-function">
<span>Wärter*in &amp; Zeugwart</span>
<br />
</span>
</div>
<div></div>
</div>
<p class="character-trigger">
<span>OT-Trigger:  Tod</span>
<br />
</p>
<p class="character-themes">
<span>Themes: Paranoia, Macht, Ängste, Verlust, Hass</span>
<br />
</p>
<p class="character-teaser-text">{{ schmidtAbsatz1 }}</p>
<p class="character-teaser-text">{{ schmidtAbsatz2 }}</p>
</section>
<section class="character-teaser-container">
<div class="character-header">
<img
class="character-image" /><div class="character-description"
><h2 class="character-name">{{ schmidt }}</h2
><span class="character-function"
><span>Wärter*in &amp; Zeugwart</span><br /></span></div
><div></div></div
><p class="character-trigger"><span>OT-Trigger:  Tod</span><br /></p
><p class="character-themes"
><span>Themes: Paranoia, Macht, Ängste, Verlust, Hass</span><br /></p
><p class="character-teaser-text">{{ schmidtAbsatz1 }}</p
><p class="character-teaser-text">{{ schmidtAbsatz2 }}</p></section
><section class="character-teaser-container"
><div class="character-header"
><img
alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/hagiro-200h.png"
class="character-image"
/>
<div class="character-description">
<h2 class="character-name">{{ hagiro }}</h2>
<span class="character-function">
<span>dienstälteste*r Wärter*in</span>
<br />
</span>
</div>
<div></div>
</div>
<p class="character-trigger">
<span>OT-Trigger:  Tod</span>
<span>, Drogen</span>
<br />
</p>
<p class="character-themes">
<span>Themes: Gerechtigkeit, Gewalt, Druck, Hass</span>
<br />
</p>
<p class="character-teaser-text">{{ hagiroAbsatz1 }}</p>
<p class="character-teaser-text">{{ hagiroAbsatz2 }}</p>
</section>
</div>
class="character-image" /><div class="character-description"
><h2 class="character-name">{{ hagiro }}</h2
><span class="character-function"
><span>dienstälteste*r Wärter*in</span><br /></span></div
><div></div></div
><p class="character-trigger"
><span>OT-Trigger:  Tod</span><span>, Drogen</span><br /></p
><p class="character-themes"
><span>Themes: Gerechtigkeit, Gewalt, Druck, Hass</span><br /></p
><p class="character-teaser-text">{{ hagiroAbsatz1 }}</p
><p class="character-teaser-text">{{ hagiroAbsatz2 }}</p></section
></div
>
</template>
<script>

120
src/components/row4.vue
View file

@ -1,87 +1,57 @@
<template>
<div class="character-row">
<section class="character-teaser-container">
<div class="character-header">
<img
<div class="character-row"
><section class="character-teaser-container"
><div class="character-header"
><img
alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/rodriguez-200h.png"
class="character-image"
/>
<div class="character-description">
<h2 class="character-name">{{ rodriguez }}</h2>
<span class="character-function">
<span>Häftling</span>
<br />
</span>
</div>
<div></div>
</div>
<p class="character-trigger">
<span>OT-Trigger:  Tod, Drogen</span>
<br />
</p>
<p class="character-themes">
<span>Themes: Unterdrückung, Sehnsucht, Suche, Gewissensbisse</span>
<br />
</p>
<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 character-teaser-container">
<div class="character-header">
<img
class="character-image" /><div class="character-description"
><h2 class="character-name">{{ rodriguez }}</h2
><span class="character-function"
><span>Häftling</span><br /></span></div
><div></div></div
><p class="character-trigger"><span>OT-Trigger:  Tod, Drogen</span><br /></p
><p class="character-themes"
><span>Themes: Unterdrückung, Sehnsucht, Suche, Gewissensbisse</span
><br /></p
><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 character-teaser-container"
><div class="character-header"
><img
alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/jenatsch-1500w.png"
class="character-image"
/>
<div class="character-description">
<h2 class="character-name">{{ jenatsch }}</h2>
<span class="character-function">
<span>Häftling</span>
<br />
</span>
</div>
<div></div>
</div>
<p class="character-trigger">
<span>OT-Trigger:  Tod</span>
<br />
</p>
<p class="character-themes">
<span>Themes: Verzweiflung, Druck, Commitment, Einsamkeit</span>
<br />
</p>
<p class="character-teaser-text">
<span>
Prof. Dr. Jenatsch ist der neuste Häftling und kam erst eine Woche vor
class="character-image" /><div class="character-description"
><h2 class="character-name">{{ jenatsch }}</h2
><span class="character-function"
><span>Häftling</span><br /></span></div
><div></div></div
><p class="character-trigger"><span>OT-Trigger:  Tod</span><br /></p
><p class="character-themes"
><span>Themes: Verzweiflung, Druck, Commitment, Einsamkeit</span><br /></p
><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
der Katastrophe im Fernsehen zu sehen, wie Jenatsch den Parteichef der
&quot;Silbernen Partei&quot; erschossen hatte.
</span>
<br />
</p>
<p class="character-teaser-text">
<span>
Wenn Jenatsch grade nichts anderes macht, schreibt Jenatsch Formeln,
&quot;Silbernen Partei&quot; erschossen hatte.</span
><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="rawnnr3"></span>
</span>
<span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span>
<br />
</p>
<p class="character-teaser-text">
<span>
Jenatsch ist bekannt für eine chaotische, pragmatische und schnelle
wieder liegen liess. <span v-html="raw5j4e"></span></span
><span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span
><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
Wärter Mühe Jenatsch zu bändigen.
</span>
<br />
</p>
</section>
</div>
Wärter Mühe Jenatsch zu bändigen.</span
><br /></p></section
></div>
</template>
<script>
@ -115,7 +85,7 @@ export default {
},
data() {
return {
rawnnr3: ' ',
raw5j4e: ' ',
}
},
}

109
src/components/row5.vue
View file

@ -1,80 +1,55 @@
<template>
<div class="character-row">
<section class="row5-collins character-teaser-container">
<div class="character-header">
<img
<div class="character-row"
><section class="row5-collins character-teaser-container"
><div class="character-header"
><img
alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/collins-200h.png"
class="character-image"
/>
<div class="character-description">
<h2 class="character-name">{{ collins }}</h2>
<span class="character-function">
<span>Häftling</span>
<br />
</span>
</div>
<div></div>
</div>
<p class="character-trigger">
<span>OT-Trigger:  Tod</span>
<span>, Drogen</span>
<br />
</p>
<p class="character-themes">
<span>Themes: Ungerechtigkeit, Pflicht, Gewissensbisse, Familie</span>
<br />
</p>
<p class="character-teaser-text">{{ collinsAbsatz1 }}</p>
<p class="character-teaser-text">{{ collinsAbsatz2 }}</p>
</section>
<section class="character-teaser-container">
<div class="character-header">
<img
class="character-image" /><div class="character-description"
><h2 class="character-name">{{ collins }}</h2
><span class="character-function"
><span>Häftling</span><br /></span></div
><div></div></div
><p class="character-trigger"
><span>OT-Trigger:  Tod</span><span>, Drogen</span><br /></p
><p class="character-themes"
><span>Themes: Ungerechtigkeit, Pflicht, Gewissensbisse, Familie</span
><br /></p
><p class="character-teaser-text">{{ collinsAbsatz1 }}</p
><p class="character-teaser-text">{{ collinsAbsatz2 }}</p></section
><section class="character-teaser-container"
><div class="character-header"
><img
alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/lindbeck-200h.png"
class="character-image"
/>
<div class="character-description">
<h2 class="character-name">{{ lindbeck }}</h2>
<span class="character-function">
<span>Häftling</span>
<br />
</span>
</div>
<div></div>
</div>
<p class="character-trigger">
<span>OT-Trigger:  Tod, Sexualität zwischen Schüler und Lehrer</span>
<br />
</p>
<p class="character-themes">
<span>Themes: Gewissensbisse, Suche, Sehnsucht, Verzweiflung</span>
<br />
</p>
<p class="character-teaser-text">
<span>
Lindbeck sitzt seit 2 Jahren im Gefängnis Schwarzbach. Lindbeck war die
einzige
</span>
<span>
class="character-image" /><div class="character-description"
><h2 class="character-name">{{ lindbeck }}</h2
><span class="character-function"
><span>Häftling</span><br /></span></div
><div></div></div
><p class="character-trigger"
><span>OT-Trigger:  Tod, Sexualität zwischen Schüler und Lehrer</span
><br /></p
><p class="character-themes"
><span>Themes: Gewissensbisse, Suche, Sehnsucht, Verzweiflung</span
><br /></p
><p class="character-teaser-text"
><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 />
</p>
<p class="character-teaser-text">
<span>
Lindbeck ist bekannt dafür, eine eher traurige Stimmung zu haben.
</span>
<br />
</p>
</section>
</div>
Anlässen wie Geburtstage ein Lied angestimmt.</span
><br /></p
><p class="character-teaser-text"
><span
>Lindbeck ist bekannt dafür, eine eher traurige Stimmung zu haben.</span
><br /></p></section
></div>
</template>
<script>

92
src/components/row6.vue
View file

@ -1,65 +1,43 @@
<template>
<div class="character-row">
<section class="character-teaser-container">
<div class="character-header">
<img
<div class="character-row"
><section class="character-teaser-container"
><div class="character-header"
><img
alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/sartre-200h.png"
class="character-image"
/>
<div class="character-description">
<h2 class="character-name">{{ sartre }}</h2>
<span class="character-function">
<span>Gruppenführer*in</span>
<br />
</span>
</div>
<div></div>
</div>
<p class="character-trigger">
<span>OT-Trigger: Tod, Drogen</span>
<br />
</p>
<p class="character-themes">
<span>Themes: Familie, Sucht, Scham, Schutz</span>
<br />
</p>
<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="character-teaser-container">
<div class="character-header">
<img
class="character-image" /><div class="character-description"
><h2 class="character-name">{{ sartre }}</h2
><span class="character-function"
><span>Gruppenführer*in</span><br /></span></div
><div></div></div
><p class="character-trigger"><span>OT-Trigger: Tod, Drogen</span><br /></p
><p class="character-themes"
><span>Themes: Familie, Sucht, Scham, Schutz</span><br /></p
><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="character-teaser-container"
><div class="character-header"
><img
alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/pavone-200h.png"
class="character-image"
/>
<div class="character-description">
<h2 class="character-name">
<span>Sdt Pavone</span>
<br />
</h2>
<span class="character-function">
<span>Funker*in</span>
<br />
</span>
</div>
<div></div>
</div>
<p class="character-trigger">
<span>OT-Trigger:  Tod</span>
<br />
</p>
<p class="character-themes">
<span>Themes: Ängste, Gewissensbisse, Verzweiflung</span>
<br />
</p>
<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>
class="character-image" /><div class="character-description"
><h2 class="character-name"><span>Sdt Pavone</span><br /></h2
><span class="character-function"
><span>Funker*in</span><br /></span></div
><div></div></div
><p class="character-trigger"><span>OT-Trigger:  Tod</span><br /></p
><p class="character-themes"
><span>Themes: Ängste, Gewissensbisse, Verzweiflung</span><br /></p
><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>
<script>

67
src/components/summary-games.vue Normal file
View file

@ -0,0 +1,67 @@
<template>
<main
class="summary-games-summary-drama-games card-row"
v-bind:class="rootClassName"
><section class="character-teaser-container"
><h1 class="card-heading">{{ assemblatron }}</h1
><p class="card-text">{{ assemblatronBeschreibung }}</p
><router-link to="/games/assemblatron"
><div class="mehr-link summary-games-button"
><p class="card-link">{{ mehrLink }}</p></div
></router-link
></section
><section class="character-teaser-container"
><h1 class="card-heading">{{ murphysLarp }}</h1
><p class="card-text">{{ murphyLarpBeschreibung }}</p
><router-link to="/games/murphys-larp"
><div class="mehr-link summary-games-button1"
><p class="card-link">{{ mehrLink }}</p></div
></router-link
></section
></main
>
</template>
<script>
export default {
name: 'SummaryGames',
props: {
assemblatron: {
type: String,
default: 'Assemblatron (Video Game)',
},
assemblatronBeschreibung: {
type: String,
default:
'Alles was nur schiefgehen konnte, ging bei einem LARP schief. Ihr spielt die frustrierte Orga/SL (Organisation/Spielleitung) die sich über die “doofen” SC (Spielercharaktere) auslässt und die frustrierten SC, die sich über die “doofe” SL auslassen.',
},
mehrLink: {
type: String,
default: 'Mehr ->',
},
rootClassName: String,
murphysLarp: {
type: String,
default: "Murphy's LARP (Drama Game)",
},
murphyLarpBeschreibung: {
type: String,
default:
'Alles was nur schiefgehen konnte, ging bei einem LARP schief. Ihr spielt die frustrierte Orga/SL (Organisation/Spielleitung) die sich über die “doofen” SC (Spielercharaktere) auslässt und die frustrierten SC, die sich über die “doofe” SL auslassen.',
},
},
}
</script>
<style scoped>
.summary-games-summary-drama-games {
position: relative;
}
.summary-games-button:hover {
opacity: 0.5;
}
.summary-games-button1:hover {
opacity: 0.5;
}
</style>

72
src/components/summary-larps.vue
View file

@ -1,66 +1,61 @@
<template>
<main class="summary-larps-larps-cards card-row">
<section class="character-teaser-container">
<h1 class="card-heading">{{ letzteGelegenheit }}</h1>
<p class="card-text">
Das Nordic LARP “Letzte Gelegenheit” spielt in der heutigen Zeit in einer
<main class="summary-larps-larps-cards card-row" v-bind:class="rootClassName"
><section class="character-teaser-container"
><h1 class="card-heading">{{ letzteGelegenheit }}</h1
><p class="card-text"
>Das Nordic LARP “Letzte Gelegenheit” spielt in der heutigen Zeit in einer
alternativen Realität: Vor 10 Tagen fiel plötzlich der Strom aus und
dichte Nebelschwaden überzogen einige Städte. Sirenen führten die Menschen
in Bunker. Radios, die noch funktionierten, meldeten die sofortige
Mobilisierung der Milizarmee und des Zivilschutzes. Was genau passierte,
ist noch immer ungeklärt. In der Zivilschutzanlage der
Justizvollzugsanstalt Schwarzbach versucht man den Alltag beizubehalten,
doch langsam gehen die Ressourcen aus und die Lage verschärft sich.
</p>
<router-link to="/larps/letzte-gelegenheit">
<div class="mehr-link summary-larps-button">
<p class="card-link">{{ mehrLink }}</p>
</div>
</router-link>
</section>
<div class="character-teaser-container">
<h1 class="card-heading">{{ suesseTraeume }}</h1>
<p class="card-text">
<span>
&quot;Weisst du, wer du bist? Was du bereust, befürchtest, vergessen
doch langsam gehen die Ressourcen aus und die Lage verschärft sich.</p
><router-link to="/larps/letzte-gelegenheit"
><div class="mehr-link summary-larps-button"
><p class="card-link">{{ mehrLink }}</p></div
></router-link
></section
><div class="character-teaser-container"
><h1 class="card-heading">{{ suesseTraeume }}</h1
><p class="card-text"
><span
>&quot;Weisst du, wer du bist? Was du bereust, befürchtest, vergessen
möchtest? Was du erreichen möchtest und was dir alles recht ist um dies
zu erreichen? Zeit, deine Antworten auf diese Fragen auf die Probe zu
stellen...&quot;
</span>
<br />
<br />
<span>
Süsse Träume war ein Fantasy Minilarp (nicht Nordic) im Wald von
stellen...&quot;</span
><br /><br /><span
>Süsse Träume war ein Fantasy Minilarp (nicht Nordic) im Wald von
Eschikon (8315 Lindau, Schweiz) das Sue und Hermann organisierten. Es
ging darum, dass ein Hexer Trajar die Spielercharaktere als diese sich
schlafen legten in seine Traumwelt entführte.
</span>
</p>
<router-link to="/larps/suesse-traeume">
<div class="mehr-link summary-larps-button1">
<p class="card-link">{{ mehrLink }}</p>
</div>
</router-link>
</div>
</main>
schlafen legten in seine Traumwelt entführte.</span
></p
><router-link to="/larps/suesse-traeume"
><div class="mehr-link summary-larps-button1"
><p class="card-link">{{ mehrLink }}</p></div
></router-link
></div
></main
>
</template>
<script>
export default {
name: 'SummaryLarps',
props: {
letzteGelegenheit: {
type: String,
default: 'Letzte Gelegenheit',
},
suesseTraeume: {
type: String,
default: 'Süsse Träume',
},
letzteGelegenheit: {
type: String,
default: 'Letzte Gelegenheit',
},
mehrLink: {
type: String,
default: 'Mehr ->',
},
rootClassName: String,
},
}
</script>
@ -75,4 +70,5 @@ export default {
.summary-larps-button1:hover {
opacity: 0.5;
}
</style>

213
src/components/summary-shortstories.vue
View file

@ -1,112 +1,144 @@
<template>
<main>
<div class="card-row">
<div class="character-teaser-container">
<h1 class="card-heading">{{ einOrdenFuerEineGuteTat }}</h1>
<p class="card-text">
<span>
&quot;Ein brauner Schneehase besucht ein ein Rothörnchen und ein
<main v-bind:class="rootClassName"
><div class="card-row"
><div class="character-teaser-container"
><h1 class="card-heading">{{ einOrdenFuerEineGuteTat }}</h1
><p class="card-text"
><span
>&quot;Ein brauner Schneehase besucht ein ein Rothörnchen und ein
Grauhörnchen im vom Herbst bunt gefärbten Wald. Er hat einen Orden,
den er für eine gute Tat vergeben möchte. Doch welches Hörnchen
schafft es, diesen zu bekommen?&quot;
</span>
<br />
<br />
<span>
Diese Kurzgeschichte für Kinder und Eltern stellt spielerisch eine
schafft es, diesen zu bekommen?&quot;</span
><br /><br /><span
>Diese Kurzgeschichte für Kinder und Eltern stellt spielerisch eine
moralische Frage dar, dessen Antwort das Elternteil oder das Kind
selbst finden muss. Es soll das Kind unterhalten und zugleich mit
einer einfachen aber doch spannenden Fragestellung bilden.
</span>
</p>
<router-link to="/kurzgeschichten/ein-orden-fuer-eine-gute-tat">
<div class="mehr-link"><p class="card-link">{{ lesenLink }}</p></div>
</router-link>
</div>
<div class="character-teaser-container">
<h1 class="card-heading">{{ rosenteufel }}</h1>
<div class="summary-shortstories-container">
<p class="card-text">
<span>
&quot;Ich erzähl euch ein Gschicht von wahr, so wahr wie ihr danach
einer einfachen aber doch spannenden Fragestellung bilden.</span
></p
><router-link to="/kurzgeschichten/ein-orden-fuer-eine-gute-tat"
><div class="mehr-link"
><p class="card-link">{{ lesenLink }}</p></div
></router-link
></div
><div class="character-teaser-container"
><h1 class="card-heading">{{ rosenteufel }}</h1
><div class="summary-shortstories-container"
><p class="card-text"
><span
>&quot;Ich erzähl euch ein Gschicht von wahr, so wahr wie ihr danach
nicht gwollt. Ein Gschicht dieerzähl als einzger überlebend: Mein
Gschicht. S wart im letzten Jahr...&quot;
</span>
<br />
<br />
<span>
Diese Kurzgeschichte geschrieben in einem pseudo-mittelalterlichen
Schreibstil entstand aus einer Challenge die sich ein Freund und ich
uns stellten, mit den Wörtern &quot;Sand&quot; und &quot;Rose&quot;
eine Kurzgeschichte zu schreiben.
</span>
</p>
</div>
<router-link to="/kurzgeschichten/rosenteufel">
<div class="mehr-link summary-shortstories-button1">
<p class="card-link">{{ lesenLink }}</p>
</div>
</router-link>
</div>
</div>
<div class="summary-shortstories-row1 card-row">
<div class="character-teaser-container">
<h1 class="card-heading">{{ einsamesSchaf }}</h1>
<p class="card-text">
&quot;Fast wäre das Lamm von der Klippe gestürzt. Der Schäferhund hatte
Gschicht. S wart im letzten Jahr...&quot;</span
><br /><br /><span
>Diese Kurzgeschichte, geschrieben in einem pseudo-mittelalterlichen
Schreibstil, entstand aus einer Challenge die sich ein Freund und
ich uns gegenseitig stellten, mit den Wörtern &quot;Sand&quot; und
&quot;Rose&quot; je eine Kurzgeschichte zu schreiben.</span
></p
></div
><router-link to="/kurzgeschichten/rosenteufel"
><div class="mehr-link summary-shortstories-button1"
><p class="card-link">{{ lesenLink }}</p></div
></router-link
></div
></div
><div class="summary-shortstories-row2 card-row"
><div class="character-teaser-container"
><h1 class="card-heading">{{ einsamesSchaf }}</h1
><p class="card-text"
>&quot;Fast wäre das Lamm von der Klippe gestürzt. Der Schäferhund hatte
es nach dem Pfeifen des Hirten grade noch erreicht. Das Lamm versucht
wieder und wieder sich von der Herde zu entfernen, nur um dann wieder
eingefangen zu werden. Es scheint kein Interesse zu haben an den saftig
grünen Wiesen. Während die anderen grasen, schaut es über die Klippen
zum weiten Ozean.&quot;
</p>
<router-link to="/kurzgeschichten/einsames-schaf">
<div class="mehr-link summary-shortstories-button2">
<p class="card-link">Lesen -&gt;{{ lesenLink }}</p>
</div>
</router-link>
</div>
<div class="character-teaser-container">
<h1 class="card-heading">{{ gefangenerGorilla }}</h1>
<p class="card-text">
&quot;Im Zoo sieht der kleine Sebastian einen jungen, kleinen Gorilla.
zum weiten Ozean.&quot;</p
><router-link to="/kurzgeschichten/einsames-schaf"
><div class="mehr-link summary-shortstories-button2"
><p class="card-link">Lesen -&gt;{{ lesenLink }}</p></div
></router-link
></div
><div class="character-teaser-container"
><h1 class="card-heading">{{ gefangenerGorilla }}</h1
><p class="card-text"
>&quot;Im Zoo sieht der kleine Sebastian einen jungen, kleinen Gorilla.
Er sieht ganz traurig aus. Sebastian findet das schade. “Was hast du,
kleiner Gorilla?” Als könne der Gorilla Sebastian verstehen, zeigt
dieser auf den Zaun und macht dann einen Schmollmund.&quot;
</p>
<router-link to="/kurzgeschichten/gefangener-gorilla">
<div class="mehr-link summary-shortstories-button3">
<p class="card-link">{{ lesenLink }}</p>
</div>
</router-link>
</div>
</div>
</main>
dieser auf den Zaun und macht dann einen Schmollmund.&quot;</p
><router-link to="/kurzgeschichten/gefangener-gorilla"
><div class="mehr-link summary-shortstories-button3"
><p class="card-link">{{ lesenLink }}</p></div
></router-link
></div
></div
><div class="summary-shortstories-row3 card-row"
><div class="character-teaser-container"
><h1 class="card-heading">{{ lasstMichRuhen }}</h1
><p class="card-text"
>&quot;So liege ich nun da in meiner Blutlache. Alles wird leicht…“Kein
Puls,” meint die Polizistin. Das wäre es eigentlich gewesen. Doch mit
einer neuen Methode, kann man über Hightech Geräte noch ein Mal kurz
Leben einhauchen, um die Person zu befragen. Und so öffne ich wieder
meine Augen, die in dem hellen Licht brennen.&quot;</p
><router-link to="/kurzgeschichten/lasst-mich-ruhen"
><div class="mehr-link summary-shortstories-button4"
><p class="card-link">Lesen -&gt;{{ lesenLink1 }}</p></div
></router-link
></div
><div class="character-teaser-container"
><h1 class="card-heading">{{ dieLoesungGegenLeid }}</h1
><p class="card-text"
>“Unendliches Glück!”, posaunt ein Anzugträger neben mir. Ich krieche
aus dem Schlafsack und streiche mir den angeflogenen Plastikabfall vom
Körper. “Ah, endlich. Hören Sie, das ist Ihre Chance!”</p
><router-link to="/kurzgeschichten/die-loesung-gegen-leid"
><div class="mehr-link summary-shortstories-button5"
><p class="card-link">{{ lesenLink2 }}</p></div
></router-link
></div
></div
></main
>
</template>
<script>
export default {
name: 'SummaryShortstories',
props: {
gefangenerGorilla: {
type: String,
default: 'Gefangener Gorilla',
},
einOrdenFuerEineGuteTat: {
type: String,
default: 'Ein Orden für eine gute Tat',
},
rosenteufel: {
type: String,
default: 'Rosenteufel',
},
lesenLink: {
type: String,
default: 'Lesen ->',
},
einsamesSchaf: {
type: String,
default: 'Einsames Schaf',
},
gefangenerGorilla: {
lesenLink: {
type: String,
default: 'Gefangener Gorilla',
default: 'Lesen ->',
},
rosenteufel: {
type: String,
default: 'Rosenteufel',
},
rootClassName: String,
lasstMichRuhen: {
type: String,
default: 'Lasst Mich Ruhen!',
},
dieLoesungGegenLeid: {
type: String,
default: 'Die Lösung gegen Leid',
},
lesenLink1: {
type: String,
default: 'Lesen ->',
},
lesenLink2: {
type: String,
default: 'Lesen ->',
},
},
}
@ -123,7 +155,7 @@ export default {
.summary-shortstories-button1:hover {
opacity: 0.5;
}
.summary-shortstories-row1 {
.summary-shortstories-row2 {
margin-top: var(--dl-space-space-twounits);
}
.summary-shortstories-button2:hover {
@ -132,8 +164,21 @@ export default {
.summary-shortstories-button3:hover {
opacity: 0.5;
}
.summary-shortstories-row3 {
margin-top: var(--dl-space-space-twounits);
}
.summary-shortstories-button4:hover {
opacity: 0.5;
}
.summary-shortstories-button5:hover {
opacity: 0.5;
}
@media(max-width: 991px) {
.summary-shortstories-row1 {
.summary-shortstories-row2 {
margin-top: var(--dl-space-space-halfunit);
}
.summary-shortstories-row3 {
margin-top: var(--dl-space-space-halfunit);
}
}

162
src/components/veranstaltungen-liste.vue
View file

@ -1,69 +1,45 @@
<template>
<div
class="veranstaltungen-liste-veranstaltungen-liste"
v-bind:class="rootClassName"
>
<div class="event-entry veranstaltungen-liste-letzte-gelegenheit-run1">
<h3 class="event-title event-done">{{ run1 }}</h3>
<p class="event-date event-done">{{ datum1 }}</p>
<p class="event-done event-location">{{ standort1 }}</p>
<p class="event-location event-done-green">
durchgeführt mit 15 Teilnehmenden
</p>
</div>
<div class="veranstaltungen-liste-letzte-gelegenheit-run2 event-entry">
<h3 class="event-title event-done">{{ run2 }}</h3>
<p class="event-date event-done">{{ datum2 }}</p>
<p class="event-done event-location">{{ standort2 }}</p>
<p class="event-location event-done-green">
durchgeführt mit 15 Teilnehmenden
</p>
</div>
<div class="veranstaltungen-liste-letzte-gelegenheit-run3 event-entry">
<h3 class="event-title event-done">{{ run3 }}</h3>
<p class="event-date event-done">{{ datum3 }}</p>
<p class="event-done event-location">{{ standort3 }}</p>
<p class="event-location event-done-green">
durchgeführt mit 15 Teilnehmenden
</p>
</div>
<div class="veranstaltungen-liste-letzte-gelegenheit-run4 event-entry">
<h3 class="event-title event-done">{{ run4 }}</h3>
<p class="event-date event-done">{{ datum4 }}</p>
<p class="event-done event-location">{{ standort4 }}</p>
<p class="event-location event-done-green">
durchgeführt mit 15 Teilnehmenden
</p>
</div>
<div class="event-entry veranstaltungen-liste-letzte-gelegenheit-run5">
<h3 class="event-title">{{ run5 }}</h3>
<p class="event-date">{{ datum5 }}</p>
<p class="event-location">{{ standort5 }}</p>
<div class="veranstaltungen-liste-plaetze04">
<p class="event-red event-location">0 von 15 freie Plätze</p>
<p class="event-green event-location">3 Personen auf Warteliste</p>
</div>
</div>
<div class="veranstaltungen-liste-letzte-gelegenheit-run6 event-entry">
<h3 class="event-title">{{ run6 }}</h3>
<p class="event-date">{{ datum6 }}</p>
<p class="event-location">{{ standort6 }}</p>
<div class="veranstaltungen-liste-plaetze07">
<p class="event-red event-location">0 von 15 freie Plätze</p>
<p class="event-green event-location">7 Personen auf Warteliste</p>
</div>
</div>
</div>
<div class="veranstaltungen-liste-veranstaltungen-liste"
><div class="veranstaltungen-liste-container event-list"
><div class="event-entry veranstaltungen-liste-letzte-gelegenheit-run1"
><h3 class="event-title event-done">{{ run1 }}</h3
><p class="event-date event-done">{{ datum1 }}</p
><p class="event-done event-location">{{ standort1 }}</p
><p class="event-location event-done-green"
>durchgeführt mit 15 Teilnehmenden</p
></div
><div class="veranstaltungen-liste-letzte-gelegenheit-run2 event-entry"
><h3 class="event-title event-done">{{ run2 }}</h3
><p class="event-date event-done">{{ datum2 }}</p
><p class="event-done event-location">{{ standort2 }}</p
><p class="event-location event-done-green"
>durchgeführt mit 15 Teilnehmenden</p
></div
><div class="veranstaltungen-liste-letzte-gelegenheit-run3 event-entry"
><h3 class="event-title event-done">{{ run3 }}</h3
><p class="event-date event-done">{{ datum3 }}</p
><p class="event-done event-location">{{ standort3 }}</p
><p class="event-location event-done-green"
>durchgeführt mit 15 Teilnehmenden</p
></div
><div class="veranstaltungen-liste-letzte-gelegenheit-run4 event-entry"
><h3 class="event-title event-done">{{ run4 }}</h3
><p class="event-date event-done">{{ datum4 }}</p
><p class="event-done event-location">{{ standort4 }}</p
><p class="event-location event-done-green"
>durchgeführt mit 15 Teilnehmenden</p
></div
></div
><kommende-letzte-gelegenheit-runs></kommende-letzte-gelegenheit-runs
></div>
</template>
<script>
import KommendeLetzteGelegenheitRuns from './kommende-letzte-gelegenheit-runs'
export default {
name: 'VeranstaltungenListe',
props: {
standort5: {
type: String,
default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen',
},
run1: {
type: String,
default: 'Run 1 (Schweiz)',
@ -88,10 +64,6 @@ export default {
type: String,
default: '1. April 2023, 10:00 Uhr bis 2. April 2023, 14:00 Uhr',
},
run6: {
type: String,
default: 'Run 6 (Schweiz)',
},
rootClassName: String,
run2: {
type: String,
@ -105,26 +77,10 @@ export default {
type: String,
default: '26.08.2023, 10:00 Uhr bis 27.08.2023, 14:00 Uhr',
},
datum6: {
type: String,
default: '01.06.2024, 10:00 Uhr bis 02.06.2024, 14:00 Uhr',
},
standort6: {
type: String,
default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen',
},
datum5: {
type: String,
default: '25.05.2024, 10:00 Uhr bis 26.05.2024, 14:00 Uhr',
},
standort2: {
type: String,
default: 'Waldritter e.V. (im Raumschiff) Ewaldstrasse 20, 45699 Herten',
},
run5: {
type: String,
default: 'Run 5 (Schweiz)',
},
standort4: {
type: String,
default: 'Waldritter e.V. (im Raumschiff) Ewaldstrasse 20, 45699 Herten',
@ -134,20 +90,20 @@ export default {
default: 'Waldritter e.V. (im Raumschiff) Ewaldstrasse 20, 45699 Herten',
},
},
components: {
KommendeLetzteGelegenheitRuns,
},
}
</script>
<style scoped>
.veranstaltungen-liste-veranstaltungen-liste {
flex: 0 0 auto;
width: 95%;
display: flex;
position: relative;
max-width: 1200px;
width: 100%;
padding-left: 2.5%;
padding-right: 2.5%;
}
.veranstaltungen-liste-container {
align-self: center;
align-items: stretch;
flex-direction: column;
background-color: rgba(41, 41, 41, 0.8);
}
.veranstaltungen-liste-letzte-gelegenheit-run2 {
border-bottom-width: 0px;
@ -158,30 +114,9 @@ export default {
.veranstaltungen-liste-letzte-gelegenheit-run4 {
border-bottom-width: 0px;
}
.veranstaltungen-liste-plaetze04 {
flex: 0 0 auto;
width: 200px;
display: flex;
align-items: flex-start;
flex-direction: column;
}
.veranstaltungen-liste-letzte-gelegenheit-run6 {
border-bottom-width: 3px;
}
.veranstaltungen-liste-plaetze07 {
flex: 0 0 auto;
width: 200px;
display: flex;
align-items: flex-start;
flex-direction: column;
}
@media(max-width: 767px) {
.veranstaltungen-liste-veranstaltungen-liste {
flex-wrap: wrap;
}
.veranstaltungen-liste-letzte-gelegenheit-run1 {
flex-direction: column;
}
@ -194,16 +129,5 @@ export default {
.veranstaltungen-liste-letzte-gelegenheit-run4 {
flex-direction: column;
}
.veranstaltungen-liste-letzte-gelegenheit-run5 {
flex-direction: column;
}
.veranstaltungen-liste-letzte-gelegenheit-run6 {
flex-direction: column;
}
}
@media(max-width: 479px) {
.veranstaltungen-liste-veranstaltungen-liste {
width: 90%;
}
}
</style>

36
src/router.js
View file

@ -2,10 +2,11 @@ import Vue from 'vue'
import Router from 'vue-router'
import Meta from 'vue-meta'
import DramaGames from './views/drama-games'
import Games from './views/games'
import EinsamesSchaf from './views/kurzgeschichten/einsames-schaf'
import GefangenerGorilla from './views/kurzgeschichten/gefangener-gorilla'
import MeinLieblingsmensch from './views/mein-lieblingsmensch'
import MurphysLARP from './views/drama-games/murphys-larp'
import MurphysLARP from './views/games/murphys-larp'
import Kurzgeschichten from './views/kurzgeschichten'
import LARPs from './views/lar-ps'
import SsseTrume from './views/larps/ssse-trume'
@ -15,7 +16,9 @@ import EinOrdenFrEineGuteTat from './views/kurzgeschichten/ein-orden-fr-eine-gut
import LetzteGelegenheit from './views/larps/letzte-gelegenheit'
import Rosenteufel from './views/kurzgeschichten/rosenteufel'
import Home from './views/home'
import GefangenerGorilla from './views/kurzgeschichten/gefangener-gorilla'
import Assemblatron from './views/games/assemblatron'
import LasstMichRuhen from './views/kurzgeschichten/lasst-mich-ruhen'
import DieLsungGegenLeid from './views/kurzgeschichten/die-lsung-gegen-leid'
import NotFound from './views/not-found'
import './style.css'
@ -25,15 +28,20 @@ export default new Router({
mode: 'history',
routes: [
{
name: 'Drama-Games',
name: 'Games',
path: '/drama-games',
component: DramaGames,
component: Games,
},
{
name: 'Einsames-Schaf',
path: '/kurzgeschichten/einsames-schaf',
component: EinsamesSchaf,
},
{
name: 'Gefangener-Gorilla',
path: '/kurzgeschichten/gefangener-gorilla',
component: GefangenerGorilla,
},
{
name: 'Mein-Lieblingsmensch',
path: '/mein-lieblingsmensch',
@ -41,7 +49,7 @@ export default new Router({
},
{
name: 'Murphys-LARP',
path: '/drama-games/murphys-larp',
path: '/games/murphys-larp',
component: MurphysLARP,
},
{
@ -90,9 +98,19 @@ export default new Router({
component: Home,
},
{
name: 'Gefangener-Gorilla',
path: '/kurzgeschichten/gefangener-gorilla',
component: GefangenerGorilla,
name: 'Assemblatron',
path: '/games/assemblatron',
component: Assemblatron,
},
{
name: 'Lasst-mich-Ruhen',
path: '/kurzgeschichten/lasst-mich-ruhen',
component: LasstMichRuhen,
},
{
name: 'Die-Lsung-gegen-Leid',
path: '/kurzgeschichten/die-loesung-gegen-leid',
component: DieLsungGegenLeid,
},
{
name: '404 - Not Found',

17
src/style.css
View file

@ -716,6 +716,17 @@
width: 100%;
margin-top: var(--dl-space-space-twounits);
}
.event-list {
flex: 0 0 auto;
width: 95%;
display: flex;
position: relative;
max-width: 1200px;
align-self: center;
align-items: stretch;
flex-direction: column;
background-color: rgba(41, 41, 41, 0.8);
}
.Heading {
font-size: 32px;
font-family: Inter;
@ -809,6 +820,9 @@
.desktop-menu-dropdown-list {
display: none;
}
.event-list {
flex-wrap: wrap;
}
}
@media(max-width: 479px) {
.section-head {
@ -832,4 +846,7 @@
.character-themes {
font-size: 18px;
}
.event-list {
width: 90%;
}
}

53
src/views/ber-uns.vue
View file

@ -1,44 +1,31 @@
<template>
<div class="ber-uns-container">
<app-navigation rootClassName="navigation-root-class-name10"></app-navigation>
<h1 class="page-title">
<span>Über uns</span>
<br />
</h1>
<div class="text-body">
<span>
<span>
OpenVisor ist eine non-profit Marke unter welcher wir Geschichten
erfinden und erzählen und allerlei damit verbundene Kunst erschaffen.
</span>
<br />
<br />
<span>
Bis jetzt ist Hermann das einzige offizielle Mitglied vom OpenVisor
<div class="ber-uns-container"
><app-navigation rootClassName="navigation-root-class-name10"></app-navigation
><h1 class="page-title"><span>Über uns</span><br /></h1
><div class="text-body"
><span
><span
>OpenVisor ist eine non-profit Marke unter welcher wir Geschichten
erfinden und erzählen und allerlei damit verbundene Kunst
erschaffen.</span
><br /><br /><span
>Bis jetzt ist Hermann das einzige offizielle Mitglied vom OpenVisor
Team. In Zukunft wird es sicher mehr Mitglieder im Team geben. Wenn es
soweit ist, wird OpenVisor wahrscheinlich in einem Verein organisiert
werden.
</span>
<br />
<br />
<span>
Vielleicht sind wir uns ja schonmal über den Weg gelaufen, ohne es zu
werden.</span
><br /><br /><span
>Vielleicht sind wir uns ja schonmal über den Weg gelaufen, ohne es zu
merken. Folgend ist eine Liste von Larps und ähnlichen Veranstaltungen
an denen Hermann teilgenommen hat und teilnehmen wird. :)
</span>
<br />
</span>
</div>
<a
an denen Hermann teilgenommen hat und teilnehmen wird. :)</span
><br /></span></div
><a
href="https://docs.google.com/spreadsheets/d/1fWIJHFUjcbE5a04M3eIBmRVvBI2bYcDbsys3mc5r7h0/edit?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="ber-uns-link button"
>
<span class="button-text">Hermanns Larperfahrung</span>
</a>
<app-kontakt></app-kontakt>
</div>
><span class="button-text">Hermanns Larperfahrung</span></a
><app-kontakt></app-kontakt
></div>
</template>
<script>

67
src/views/drama-games.vue
View file

@ -1,67 +0,0 @@
<template>
<div class="drama-games-container">
<app-navigation rootClassName="navigation-root-class-name17"></app-navigation>
<h1 class="page-title">Drama Games</h1>
<span class="page-subtitle">
<span>Kurzgeschichte</span>
<br />
</span>
<div class="text-body">
<span>
Drama Games sind meist simpel aufgebaute kollaborative Erlebnisse die von
wenigen Minuten bis Stunden dauern können. Bei vielen Drama Games erzählt
man gemeinsam auf originelle Art eine Geschichte, es gibt aber auch andere
experimentelle Drama Games. Auf dieser Seite gelistet sind die Drama
Games, die unter der non-profit Marke OpenVisor erstellt wurden:
</span>
</div>
<router-link
to="/drama-games/murphys-larp"
class="drama-games-download-button button"
>
<span class="button-text">Murphy&apos;s LARP (Postcard Game)</span>
</router-link>
<app-kontakt rootClassName="kontakt-root-class-name10"></app-kontakt>
</div>
</template>
<script>
import AppNavigation from '../components/navigation'
import AppKontakt from '../components/kontakt'
export default {
name: 'DramaGames',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Drama Games',
meta: [
{
property: 'og:title',
content: 'OpenVisor - Drama Games',
},
],
},
}
</script>
<style scoped>
.drama-games-container {
width: 100%;
display: flex;
overflow: auto;
min-height: 100vh;
overflow-x: hidden;
align-items: center;
flex-direction: column;
background-size: cover;
background-image: url("/forest-background-luca-dross-1500w.jpg");
background-position: bottom right;
}
.drama-games-download-button {
text-decoration: none;
}
</style>

69
src/views/games.vue Normal file
View file

@ -0,0 +1,69 @@
<template>
<div class="games-container"
><app-navigation rootClassName="navigation-root-class-name17"></app-navigation
><h1 class="page-title">Games</h1
><div class="text-body"
><span
>Drama Games sind meist simpel aufgebaute kollaborative Erlebnisse die von
wenigen Minuten bis Stunden dauern können. Bei vielen Drama Games erzählt
man gemeinsam auf originelle Art eine Geschichte, es gibt aber auch andere
experimentelle Drama Games. Auf dieser Seite gelistet sind die Drama
Games, die unter der non-profit Marke OpenVisor erstellt wurden:</span
></div
><div class="card-container"
><summary-games
rootClassName="summary-games-root-class-name"
></summary-games></div
><app-kontakt rootClassName="kontakt-root-class-name10"></app-kontakt
></div>
</template>
<script>
import AppNavigation from '../components/navigation'
import SummaryGames from '../components/summary-games'
import AppKontakt from '../components/kontakt'
export default {
name: 'Games',
props: {},
components: {
AppNavigation,
SummaryGames,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Drama Games',
meta: [
{
name: 'description',
content:
'Hier gelistet sind OpenVisor Videospiele und Drama Games. Drama Games sind meist simpel aufgebaute kollaborative Erlebnisse die Minuten bis Stunden dauern.',
},
{
property: 'og:title',
content: 'OpenVisor - Drama Games',
},
{
property: 'og:description',
content:
'Hier gelistet sind OpenVisor Videospiele und Drama Games. Drama Games sind meist simpel aufgebaute kollaborative Erlebnisse die Minuten bis Stunden dauern.',
},
],
},
}
</script>
<style scoped>
.games-container {
width: 100%;
display: flex;
overflow: auto;
min-height: 100vh;
overflow-x: hidden;
align-items: center;
flex-direction: column;
background-size: cover;
background-image: url("/forest-background-luca-dross-1500w.jpg");
background-position: bottom right;
}
</style>

72
src/views/games/assemblatron.vue Normal file
View file

@ -0,0 +1,72 @@
<template>
<div class="assemblatron-container"
><app-navigation rootClassName="navigation-root-class-name20"></app-navigation
><h1 class="page-title"><span>Assemblatron</span><br /></h1
><span class="page-subtitle"
><span>Resultat aus Godot Wild Jam #21, Mai 2020</span><br /></span
><div class="text-body"
><span
><span
>Ein Videospiel in einer von George Orwells &quot;Nineteen
Eighty-Four&quot; inspirierten Dystopie in der die Bevölkerung
ununterbrochen in Fabriken Kampfroboter baut welche die anderen,
feindlichen Städte zerstören. Man spielt aber nur die Arbeitskraft im
Kran und muss ähnlich wie bei dem klassischen Arcade-Klauen-Spiel
Gegenstände hochhiefen, im Spiel dann aber an die richtige Stelle tragen
um den jeweiligen Roboter Stück für Stück fertigzustellen. Der Kunststil
der Texturen ist stark von Metropolis inspiriert.</span
><br /></span></div
><a
href="https://aquilaiovis.itch.io/assemblatron"
target="_blank"
rel="noreferrer noopener"
class="assemblatron-download-button button"
><span class="button-text"
>itch.io Seite für Downloads (Linux, Windows, macOS)</span
></a
><app-kontakt rootClassName="kontakt-root-class-name13"></app-kontakt
></div>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'Assemblatron',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Assemblatron',
meta: [
{
property: 'og:title',
content: 'OpenVisor - Assemblatron',
},
],
},
}
</script>
<style scoped>
.assemblatron-container {
width: 100%;
display: flex;
z-index: 100;
overflow: auto;
box-shadow: 5px 5px 10px 0px #d4d4d4;
min-height: 100vh;
overflow-x: hidden;
align-items: center;
flex-direction: column;
background-size: cover;
background-image: url("/forest-background-luca-dross-1500w.jpg");
background-position: top left;
}
.assemblatron-download-button {
text-decoration: none;
}
</style>

75
src/views/drama-games/murphys-larp.vue → src/views/games/murphys-larp.vue
View file

@ -1,54 +1,37 @@
<template>
<div class="murphys-larp-container">
<app-navigation rootClassName="navigation-root-class-name12"></app-navigation>
<h1 class="page-title">
<span>Murphy&apos;s LARP</span>
<br />
</h1>
<span class="page-subtitle">
<span>Post Card Drama Game, Dezember 2023</span>
<br />
</span>
<div class="text-body">
<span>
<span class="murphys-larp-text04">・</span>
<span class="murphys-larp-text05">
Post Card Drama Game ab 4 Personen, die schon LARP gemacht haben, ca.
30min inkl. Erklärung.
</span>
<br />
<span>・</span>
<span class="murphys-larp-text08">
Spielziel ist zuerst etwas Slapstick/Fun und danach wholesome
Verständnis/Empathie Förderung.
</span>
<br />
<span>・</span>
<span class="murphys-larp-text11">
Erstellt von Hermann, inspiriert durch ein Gespräch mit Nils und
playtested mit tollen Menschen.
</span>
<br />
<br />
<span>
Alles was nur schiefgehen konnte, ging bei einem LARP schief. Ihr spielt
die frustrierte Orga/SL (Organisation/Spielleitung) die sich über die
“doofen” SC (Spielercharaktere) auslässt und die frustrierten SC, die
sich über die “doofe” SL auslassen.
</span>
<br />
</span>
</div>
<a
<div class="murphys-larp-container"
><app-navigation rootClassName="navigation-root-class-name12"></app-navigation
><h1 class="page-title"><span>Murphy&apos;s LARP</span><br /></h1
><span class="page-subtitle"
><span>Post Card Drama Game, Dezember 2023</span><br /></span
><div class="text-body"
><span
><span class="murphys-larp-text04">・</span
><span class="murphys-larp-text05"
>Post Card Drama Game ab 4 Personen, die schon LARP gemacht haben, ca.
30min inkl. Erklärung.</span
><br /><span>・</span
><span class="murphys-larp-text08"
>Spielziel ist zuerst etwas Slapstick/Fun und danach wholesome
Verständnis/Empathie Förderung.</span
><br /><span>・</span
><span class="murphys-larp-text11"
>Erstellt von Hermann, inspiriert durch ein Gespräch mit Nils und
playtested mit tollen Menschen.</span
><br /><br /><span
>Alles was nur schiefgehen konnte, ging bei einem LARP schief. Ihr
spielt die frustrierte Orga/SL (Organisation/Spielleitung) die sich über
die “doofen” SC (Spielercharaktere) auslässt und die frustrierten SC,
die sich über die “doofe” SL auslassen.</span
><br /></span></div
><a
href="https://drive.google.com/file/d/1Wmr0EpudlZD2UWNDRFfJ4iRRiEzrenNL/view?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="murphys-larp-download-button button"
>
<span class="button-text">Link zum PDF (Format: A5)</span>
</a>
<app-kontakt rootClassName="kontakt-root-class-name5"></app-kontakt>
</div>
><span class="button-text">Link zum PDF (Format: A5)</span></a
><app-kontakt rootClassName="kontakt-root-class-name5"></app-kontakt
></div>
</template>
<script>

55
src/views/home.vue
View file

@ -1,40 +1,34 @@
<template>
<div class="home-container">
<app-navigation rootClassName="navigation-root-class-name11"></app-navigation>
<img
<div class="home-container"
><app-navigation rootClassName="navigation-root-class-name11"></app-navigation
><img
alt="OpenVisor"
src="/openvisor_logo_only_text_compressed-200h.png"
class="home-image"
/>
<section class="home-veranstaltungen-kapitel">
<header class="home-veranstaltungen-titel">
<h2 class="uppercase section-head home-section">
Kommende Veranstaltungen
</h2>
</header>
<veranstaltungen-liste
rootClassName="veranstaltungen-liste-root-class-name"
></veranstaltungen-liste>
</section>
<section class="card-container">
<h2 class="section-head">LARPs</h2>
<summary-larps></summary-larps>
</section>
<section class="card-container">
<h2 class="uppercase section-head">
<span>Kurzgeschichten</span>
<br />
</h2>
<summary-shortstories></summary-shortstories>
</section>
<app-kontakt></app-kontakt>
</div>
class="home-image" /><section class="home-veranstaltungen-kapitel"
><header class="home-veranstaltungen-titel"
><h2 class="uppercase section-head home-section"
>Kommende Veranstaltungen</h2
></header
><kommende-letzte-gelegenheit-runs
rootClassName="kommende-letzte-gelegenheit-runs-root-class-name"
></kommende-letzte-gelegenheit-runs></section
><section class="card-container"
><h2 class="section-head">LARPs</h2><summary-larps></summary-larps></section
><section class="card-container"
><h2 class="section-head"><span>GAMES</span><br /></h2
><summary-games></summary-games></section
><section class="card-container"
><h2 class="uppercase section-head"><span>Kurzgeschichten</span><br /></h2
><summary-shortstories></summary-shortstories></section
><app-kontakt></app-kontakt
></div>
</template>
<script>
import AppNavigation from '../components/navigation'
import VeranstaltungenListe from '../components/veranstaltungen-liste'
import KommendeLetzteGelegenheitRuns from '../components/kommende-letzte-gelegenheit-runs'
import SummaryLarps from '../components/summary-larps'
import SummaryGames from '../components/summary-games'
import SummaryShortstories from '../components/summary-shortstories'
import AppKontakt from '../components/kontakt'
@ -43,8 +37,9 @@ export default {
props: {},
components: {
AppNavigation,
VeranstaltungenListe,
KommendeLetzteGelegenheitRuns,
SummaryLarps,
SummaryGames,
SummaryShortstories,
AppKontakt,
},

47
src/views/kurzgeschichten.vue
View file

@ -1,24 +1,26 @@
<template>
<div class="kurzgeschichten-container">
<app-navigation rootClassName="navigation-root-class-name15"></app-navigation>
<h1 class="page-title">Kurzgeschichten</h1>
<span class="page-subtitle">
<span>Kurzgeschichte</span>
<br />
</span>
<div class="text-body">
<span>
Hermann nutzt Kurzgeschichten um Ideen, die er spannend findet, kompakt
<div class="kurzgeschichten-container"
><app-navigation rootClassName="navigation-root-class-name15"></app-navigation
><h1 class="page-title">Kurzgeschichten</h1
><span class="page-subtitle"><span>Kurzgeschichte</span><br /></span
><div class="text-body"
><span
>Hermann nutzt Kurzgeschichten um Ideen, die er spannend findet, kompakt
erzählerisch zusammenzufassen. Künftig möchte Hermann ähnliche Ideen
zusätzlich als Kurzfilme umsetzen, wenn das Filmformat dafür geeignet ist.
</span>
</div>
<app-kontakt rootClassName="kontakt-root-class-name8"></app-kontakt>
</div>
zusätzlich als Kurzfilme umsetzen, wenn das Filmformat dafür geeignet
ist.</span
></div
><div class="kurzgeschichten-container1 card-container"
><summary-shortstories
rootClassName="summary-shortstories-root-class-name"
></summary-shortstories></div
><app-kontakt rootClassName="kontakt-root-class-name8"></app-kontakt
></div>
</template>
<script>
import AppNavigation from '../components/navigation'
import SummaryShortstories from '../components/summary-shortstories'
import AppKontakt from '../components/kontakt'
export default {
@ -26,15 +28,26 @@ export default {
props: {},
components: {
AppNavigation,
SummaryShortstories,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Kurzgeschichten',
meta: [
{
name: 'description',
content:
'Hermann nutzt Kurzgeschichten um Ideen, die er spannend findet, kompakt erzählerisch zusammenzufassen.',
},
{
property: 'og:title',
content: 'OpenVisor - Kurzgeschichten',
},
{
property: 'og:description',
content:
'Hermann nutzt Kurzgeschichten um Ideen, die er spannend findet, kompakt erzählerisch zusammenzufassen.',
},
],
},
}
@ -53,4 +66,8 @@ export default {
background-image: url("/forest-background-luca-dross-1500w.jpg");
background-position: bottom right;
}
.kurzgeschichten-container1 {
align-items: center;
justify-content: center;
}
</style>

137
src/views/kurzgeschichten/die-lsung-gegen-leid.vue Normal file
View file

@ -0,0 +1,137 @@
<template>
<div class="die-lsung-gegen-leid-container"
><app-navigation rootClassName="navigation-root-class-name22"></app-navigation
><h1 class="page-title">Die Lösung gegen Leid</h1
><span class="page-subtitle"
><span>Kurzgeschichte zum Thema Lebenswert, Oktober 2023</span><br /></span
><a
href="https://drive.google.com/file/d/16XqhRQzP0uIwtT15Lt9q7qSodAbu4dIS/view?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="die-lsung-gegen-leid-download-button button"
><span class="button-text">Als PDF</span></a
><div class="text-body"
><p class="shortstory-paragraph"
><span
>“Unendliches Glück!”, posaunt ein Anzugträger neben mir. Ich krieche
aus dem Schlafsack und streiche mir den angeflogenen Plastikabfall vom
Körper. “Ah, endlich. Hören Sie, das ist Ihre Chance vom Dreck hier
wegzukommen!”, sagt er. Den Gesichtsausdruck erkenne ich nicht, die
Sonne blendet mich zu sehr. Ich will reden doch muss mich erstmal
räuspern, bevor was rauskommt: “Steh mal ‘n Schritt nach links”</span
><br /><br /><span>“Bitte? Ah, natürlich!”</span><br /><br /><span
>Jetzt kann ich sein schattiges Gesicht sehen. Er grinst mich förmlich
an. “Um was geht’s?”, hake ich genervt nach.</span
><br /><br /><span
>“Um die Chance Ihres Lebens! Wir haben eine Maschine entwickelt, die
all ihre Probleme löst. Wenn wir Sie anschliessen, erleben Sie für den
Rest Ihres Lebens nur noch positive Hormone - Glücksgefühle!”</span
><br /><br /><span>“Aha… Und der Haken?”</span><br /><br /><span
>“Das ist das Beste: Keiner! Sie müssen nur mit mir mitkommen und wir
erledigen das sofort”, sagt er während er mir eine Visitenkarte
hinstreckt, “Ich arbeite für die Stadt im Kampf gegen die
Obdachlosigkeit.”</span
><br /><br /><span
>Ahja. Kampf gegen die Obdachlosigkeit. Schönere Formulierung als Kampf
gegen die standortattraktivitätsmindernden Bettler.</span
><br /><br /><span
>“Und das habe ich dann bis an den Rest meines Lebens?”</span
><br /><br /><span
>“Ja, kaum zu glauben, was?” Er zeigt auf ein neues hochmodernes Gebäude
ein paar Strassen weiter. “Da drüben. In dem Gebäude allein haben durch
unsere effiziente Bauart über tausend Obdachlose Platz!”</span
><br /><br /><span
>Klar, wenn man die Menschen stapeln kann wie in einem Archiv geht
das.</span
><br /><br /><span>“Und da schläft man dann bis man stirbt?”</span
><br /><br /><span
>“Nein, nein, sie sind wach. Aber Sie werden glücklich sein, glauben Sie
mir. Sie können’s einfach mal versuchen.”</span
><br /><br /><span
>Heroin soll schlimm sein aber das ist in Ordnung, weil es ja nicht
lebensbedrohlich ist? Nein, weil es wohl Standortattraktivität
erhöht.</span
><br /><br /><span>“Wir sorgen uns dann um Sie.”</span><br /><br /><span
>Um meine sterbliche Hülle bis sie stirbt meint er wohl. Was meint er
eigentlich wer er ist? Dass ich mein Leben nicht als lebenswert
sehe?</span
><br /><br /><span
>“Warum lassen Sie sich nicht anschliessen wenn diese Maschine so toll
ist?”</span
><br /><br /><span
>Er schaut mich an, als sei ich die erste Person, die das
einwendet.</span
><br /><br /><span
>“Ist wohl mehr im Leben drin als möglichst viel glücklich zu sein,
was?”</span
></p
><img
src="/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_die_loesung_gegen_leid-1200w.webp"
alt="Eine Zeichnung, in der ein Mann mit Anzug und Fedora einem Obdachlosen mit langem Bart, der auf dem Boden sitzt, die offene Hand darbietend ausstreckt."
class="shortstory-image"
/><p class="die-lsung-gegen-leid-text56 shortstory-paragraph"
>Zeichnung von Lorena Zdanewitz.</p
></div
><app-kontakt rootClassName="kontakt-root-class-name15"></app-kontakt
></div>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'DieLsungGegenLeid',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Die Lösung gegen Leid',
meta: [
{
name: 'description',
content:
'“Unendliches Glück!”, posaunt ein Anzugträger neben mir. Ich krieche aus dem Schlafsack und streiche mir den angeflogenen Plastikabfall vom Körper. “Ah, endlich. Hören Sie, das ist Ihre Chance! [...]”',
},
{
property: 'og:title',
content: 'OpenVisor - Die Lösung gegen Leid',
},
{
property: 'og:description',
content:
'“Unendliches Glück!”, posaunt ein Anzugträger neben mir. Ich krieche aus dem Schlafsack und streiche mir den angeflogenen Plastikabfall vom Körper. “Ah, endlich. Hören Sie, das ist Ihre Chance! [...]”',
},
],
},
}
</script>
<style scoped>
.die-lsung-gegen-leid-container {
width: 100%;
display: flex;
overflow: auto;
min-height: 100vh;
overflow-x: hidden;
align-items: center;
flex-direction: column;
background-size: cover;
background-image: url("/forest-background-luca-dross-1500w.jpg");
background-position: bottom right;
}
.die-lsung-gegen-leid-download-button {
text-decoration: none;
}
.die-lsung-gegen-leid-text56 {
font-style: italic;
text-align: center;
}
@media(max-width: 991px) {
.die-lsung-gegen-leid-text56 {
font-style: italic;
}
}
</style>

60
src/views/kurzgeschichten/ein-orden-fr-eine-gute-tat.vue
View file

@ -1,49 +1,37 @@
<template>
<div class="ein-orden-fr-eine-gute-tat-container">
<app-navigation rootClassName="navigation-root-class-name"></app-navigation>
<h1 class="page-title">
<span>Ein Orden für eine gute Tat</span>
<br />
</h1>
<span class="page-subtitle">
<span>Eine moralische Kurzgeschichte für Kinder, Dezember 2020</span>
<br />
</span>
<div class="ein-orden-fr-eine-gute-tat-container1">
<a
<div class="ein-orden-fr-eine-gute-tat-container"
><app-navigation rootClassName="navigation-root-class-name"></app-navigation
><h1 class="page-title"><span>Ein Orden für eine gute Tat</span><br /></h1
><span class="page-subtitle"
><span>Eine moralische Kurzgeschichte für Kinder, Dezember 2020</span
><br /></span
><div class="ein-orden-fr-eine-gute-tat-container1"
><a
href="https://drive.google.com/file/d/10oT5Mr9dZuApIKR_C7K765kU4pA9cg-m/view?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="ein-orden-fr-eine-gute-tat-download-button button"
>
<span class="button-text">Als PDF</span>
</a>
</div>
<div class="ein-orden-fr-eine-gute-tat-text-container text-body">
<span>
<span>
&quot;Ein brauner Schneehase besucht ein ein Rothörnchen und ein
><span class="button-text">Als PDF</span></a
></div
><div class="ein-orden-fr-eine-gute-tat-text-container text-body"
><span
><span
>&quot;Ein brauner Schneehase besucht ein ein Rothörnchen und ein
Grauhörnchen im vom Herbst bunt gefärbten Wald. Er hat einen Orden, den
er für eine gute Tat vergeben möchte. Doch welches Hörnchen schafft es,
diesen zu bekommen?&quot;
</span>
<br />
<br />
<span>
Diese Kurzgeschichte für Kinder und Eltern stellt spielerisch eine
diesen zu bekommen?&quot;</span
><br /><br /><span
>Diese Kurzgeschichte für Kinder und Eltern stellt spielerisch eine
moralische Frage dar, dessen Antwort das Elternteil oder das Kind selbst
finden muss. Es soll das Kind unterhalten und zugleich mit einer
einfachen aber doch spannenden Fragestellung bilden.
</span>
</span>
<img
src="/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_einordenfuereinegutetat-1200w.png"
einfachen aber doch spannenden Fragestellung bilden.</span
></span
><img
alt="image"
class="shortstory-image"
/>
</div>
<app-kontakt rootClassName="kontakt-root-class-name4"></app-kontakt>
</div>
src="/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_einordenfuereinegutetat-1200w.png"
class="shortstory-image" /></div
><app-kontakt rootClassName="kontakt-root-class-name4"></app-kontakt
></div>
</template>
<script>

77
src/views/kurzgeschichten/einsames-schaf.vue
View file

@ -1,23 +1,19 @@
<template>
<div class="einsames-schaf-container">
<app-navigation rootClassName="navigation-root-class-name14"></app-navigation>
<h1 class="page-title">Einsames Schaf</h1>
<span class="page-subtitle">
<span>Kurzgeschichte zum Thema Lebenswert, Oktober 2023</span>
<br />
</span>
<a
<div class="einsames-schaf-container"
><app-navigation rootClassName="navigation-root-class-name14"></app-navigation
><h1 class="page-title">Einsames Schaf</h1
><span class="page-subtitle"
><span>Kurzgeschichte zum Thema Lebenswert, Oktober 2023</span><br /></span
><a
href="https://drive.google.com/file/d/124fFgZnT2j9gNGse1NFWiX3AoUoJkoBV/view?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="einsames-schaf-download-button button"
>
<span class="button-text">Als PDF</span>
</a>
<div class="text-body">
<p class="shortstory-paragraph">
<span>
Fast wäre das Lamm von der Klippe gestürzt. Der Schäferhund hatte es
><span class="button-text">Als PDF</span></a
><div class="text-body"
><p class="shortstory-paragraph"
><span
>Fast wäre das Lamm von der Klippe gestürzt. Der Schäferhund hatte es
nach dem Pfeifen des Hirten grade noch erreicht. Das Lamm versucht
wieder und wieder sich von der Herde zu entfernen, nur um dann wieder
eingefangen zu werden. Es scheint kein Interesse zu haben an den saftig
@ -28,53 +24,40 @@
Schritt grade noch rechtzeitig, das Lamm einzuholen und fasst es mit
beiden Armen. Er bringt es selbst zurück zur Herde. Dieses eine Lamm
sammelt er nun jeweils selbst ein. Tag für Tag. Morgens, Mittags und
Abends. Doch der Hirte ist schnell genug.
</span>
<br />
<br />
<span>
Der Hirte ist frustriert und verzweifelt. Statt Nickerchen machen zu
Abends. Doch der Hirte ist schnell genug.</span
><br /><br /><span
>Der Hirte ist frustriert und verzweifelt. Statt Nickerchen machen zu
können, muss er nun immer auf dieses eine Lamm aufpassen. Was für eine
Last. Im Gasthof berichtet er dem Wirt von dem Problemlamm. Dieser hält
inne und fragt den Hirten: “Für dich ist das Lamm eine Last. Das Lamm
hat sich durchgerungen und ist selbst nach langer Zeit noch
entschlossen, sich von der Klippe zu werfen. Wenn das Lamm für dich eine
Last ist, bloss weil du dich deswegen nicht auf dem Feld ausruhen magst,
was denkst du, bist du für das Lamm?”
</span>
<br />
<br />
<span>
Der Hirte fühlt sich entblösst, hatte er sich die Frage doch nie
was denkst du, bist du für das Lamm?”</span
><br /><br /><span
>Der Hirte fühlt sich entblösst, hatte er sich die Frage doch nie
gestellt. Das Lamm ist noch so jung, denkt sich der Hirte. Was wisse das
Lamm schon übers Leben. Die Sache beschäftigt den Hirten weiter, doch er
findet es falsch, sich dem Willen des Lammes zu beugen. Er bemüht sich
um das Lamm, streichelt es grosszügig. Doch das Lamm wirkt unbeeindruckt
und starrt weiter in die Ferne.
</span>
<br />
<br />
<span>
Als das Lamm zum Schaf wird und den ersten vollen Wollmantel abgab,
und starrt weiter in die Ferne.</span
><br /><br /><span
>Als das Lamm zum Schaf wird und den ersten vollen Wollmantel abgab,
wandert es wieder zu den Klippen. Der Hirte bringt es nicht übers Herz,
tatenlos hinzuschauen und holt das Schaf zurück zur Herde. Er streichelt
es über den nun erwachsenen Kopf, der in die Ferne starrt und seufzt
tief. Er setzt sich hin, im Schatten eines toten Baumes und lässt sich
einschlafen.
</span>
<br />
</p>
<img
src="/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_einsames_schaf-1200w.jpg"
alt="image"
einschlafen.</span
><br /></p
><img
alt="Eine Zeichnung, auf der zu sehen ist, wie das Schaf zur Klippe rennt und der Hirte am Baum angelehnt schläft."
src="/kurzgeschichten/openvisor_kurzgeschichte_skizze_einsames_schaf-1200w.webp"
class="shortstory-image"
/>
<p class="einsames-schaf-text15 shortstory-paragraph">
Zeichnung von Lorena Zdanewitz.
</p>
</div>
<app-kontakt rootClassName="kontakt-root-class-name7"></app-kontakt>
</div>
/><p class="einsames-schaf-text15 shortstory-paragraph"
>Zeichnung von Lorena Zdanewitz.</p
></div
><app-kontakt rootClassName="kontakt-root-class-name7"></app-kontakt
></div>
</template>
<script>

91
src/views/kurzgeschichten/gefangener-gorilla.vue
View file

@ -1,43 +1,33 @@
<template>
<div class="gefangener-gorilla-container">
<app-navigation rootClassName="navigation-root-class-name18"></app-navigation>
<h1 class="page-title">Gefangener Gorilla</h1>
<span class="page-subtitle">
<span>Kurzgeschichte zum Thema Lebenswert, Oktober 2023</span>
<br />
</span>
<a
<div class="gefangener-gorilla-container"
><app-navigation rootClassName="navigation-root-class-name18"></app-navigation
><h1 class="page-title">Gefangener Gorilla</h1
><span class="page-subtitle"
><span>Kurzgeschichte zum Thema Lebenswert, Oktober 2023</span><br /></span
><a
href="https://drive.google.com/file/d/1C_Llf_Msq5amhuRptQK691P0HMzIK1HP/view?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="gefangener-gorilla-download-button button"
>
<span class="button-text">Als PDF</span>
</a>
<div class="text-body">
<p class="shortstory-paragraph">
<span>
Im Zoo sieht der kleine Sebastian einen jungen, kleinen Gorilla. Er
><span class="button-text">Als PDF</span></a
><div class="text-body"
><p class="shortstory-paragraph"
><span
>Im Zoo sieht der kleine Sebastian einen jungen, kleinen Gorilla. Er
sieht ganz traurig aus. Sebastian findet das schade. “Was hast du,
kleiner Gorilla?” Als könne der Gorilla Sebastian verstehen, zeigt
dieser auf den Zaun und macht dann einen Schmollmund.
</span>
<br />
<br />
<span>
Manch andere Tiere sind ja ganz glücklich hier. Sie kriegen zu fressen
dieser auf den Zaun und macht dann einen Schmollmund.</span
><br /><br /><span
>Manch andere Tiere sind ja ganz glücklich hier. Sie kriegen zu fressen
und werden gut behandelt, ohne sich Sorgen um Fressfeinde zu machen. Der
Gorilla hier ist aber nicht glücklich. Er will die Welt sehen. Der
Gorilla umschränkt sich mit seinen Armen und drückt fest zu. Er fühlt
sich wohl eingesperrt. Sebastian entschliesst sich, dem Gorilla raus zu
helfen. Als die Zoowärter die Gorillas füttern, legt Sebastian einen
Kieselstein an den Türrahmen, bevor die Tür sich schliesst, sodass sie
einen Spalt offen bleibt.
</span>
<br />
<br />
<span>
Als der Zoo zu macht versteckt sich der kleine Sebastian hinter den
einen Spalt offen bleibt.</span
><br /><br /><span
>Als der Zoo zu macht versteckt sich der kleine Sebastian hinter den
Plüsch-Giraffen im Souvenirladen. Als es dunkel wird, geht Sebastian auf
Fussspitzen ganz leise raus. Er schleicht zum Gorilla Gehege, wo der
gleiche Gorilla noch immer an derselben Stelle ist, nur schläft er dort
@ -46,12 +36,9 @@
Sebastian sieht, dass die Tür immer noch einen Spalt offen ist und macht
dem Gorilla auf, der nicht zögert und auf seinen Fäusten zu Sebastian
hintrottet. Sebastian macht wieder zu, vergisst vor Aufregung aber den
Kieselstein weg zu machen.
</span>
<br />
<br />
<span>
Sebastian geht mit dem Gorilla in den Wald, weil er Angst hat, dass
Kieselstein weg zu machen.</span
><br /><br /><span
>Sebastian geht mit dem Gorilla in den Wald, weil er Angst hat, dass
sonst Leute ihn sehen und wieder einsperren wollen. Ein halber Mond
zeigt sich und einige Sterne sind auch zu sehen. Sebastian zeigt ihm die
schönen Stellen im Wald. Einen kleinen Wasserfall in den der Gorilla
@ -68,40 +55,30 @@
essen gibt. Der Gorilla schmollt. Klar, könnte Sebastian dem Gorilla was
zu essen bringen, aber was ist, wenn Sebastian krank ist? Sebastian will
nicht, dass der Gorilla verhungert. Und da überschwemmt die Vernunft
Sebastian auf traurige Art und Weise.
</span>
<br />
<br />
<span>
“Wir müssen zurück, mein haariger Freund”, sagt Sebastian, “Ich kann
Sebastian auf traurige Art und Weise.</span
><br /><br /><span
>“Wir müssen zurück, mein haariger Freund”, sagt Sebastian, “Ich kann
nicht garantieren, dass du hier nicht verhungerst…” Dem Gorilla kullern
ein paar Tränen runter. Sebastian umarmt ihn: “Ich werde dich aber
besuchen kommen! Jede Woche wenn’s geht. Und dann spielen wir zusammen,
durch die Glasscheibe!”
</span>
<br />
<br />
<span>
Sie gehen zurück in den Zoo und nun ist Sebastian ganz froh, den
durch die Glasscheibe!”</span
><br /><br /><span
>Sie gehen zurück in den Zoo und nun ist Sebastian ganz froh, den
Kieselstein vergessen zu haben. Noch bevor die Sonne aufging, war
Sebastian auch wieder zuhause, wo seine besorgten Eltern ihn bereits
erwarteten.
</span>
<br />
<br />
<span>
Sebastian folgte seinem Versprechen und manchmal wiederholte er seine
erwarteten.</span
><br /><br /><span
>Sebastian folgte seinem Versprechen und manchmal wiederholte er seine
waghalsige Aktion, um den Gorilla zum Wasserfall und an andere schöne
Orte im Wald zu bringen. Und selbst als der Gorilla doppelt so gross
wurde wie Sebastian hat sich an ihrer Freundschaft nichts geändert. Es
ist vielleicht nicht das, was der Gorilla sich wünschte, aber trotzdem
freut sich der Gorilla nun auf jeden neuen Tag, denn es ist immer ein
Tag näher an Sebastians regelmässigen Besuch.
</span>
</p>
</div>
<app-kontakt rootClassName="kontakt-root-class-name11"></app-kontakt>
</div>
Tag näher an Sebastians regelmässigen Besuch.</span
></p
></div
><app-kontakt rootClassName="kontakt-root-class-name11"></app-kontakt
></div>
</template>
<script>

111
src/views/kurzgeschichten/lasst-mich-ruhen.vue Normal file
View file

@ -0,0 +1,111 @@
<template>
<div class="lasst-mich-ruhen-container"
><app-navigation rootClassName="navigation-root-class-name21"></app-navigation
><h1 class="page-title">Lasst mich Ruhen!</h1
><span class="page-subtitle"
><span>Kurzgeschichte zum Thema Lebenswert, Oktober 2023</span><br /></span
><a
href="https://drive.google.com/file/d/1YiIKPWQJeTv_xi10z7ayyZQEPa4boUwG/view?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="lasst-mich-ruhen-download-button button"
><span class="button-text">Als PDF</span></a
><div class="text-body"
><p class="shortstory-paragraph"
><span>So liege ich nun da in meiner Blutlache. Alles wird leicht…</span
><br /><br /><span
>“Kein Puls,” meint die Polizistin. Das wäre es eigentlich gewesen. Doch
mit einer neuen Methode, kann man über Hightech Geräte, noch ein Mal
kurz Leben einhauchen, um die Person zu befragen. Und so öffne ich
wieder meine Augen, die in dem hellen Licht brennen. “Wie sah die
Tatperson aus?”, fragen sie mich. Es sei eine Ausnahme, man könne den
Fall nicht anders lösen. Ich gebe ihnen schnell eine Beschreibung, um
endlich wieder Frieden zu finden.</span
><br /><br /><span
>Doch wieder wache ich auf. In einem… Labor? Archäologie Fachpersonen in
weissen Kitteln fragen mich, wie manches “damals” war. Es sei eine
Ausnahme, man brauche nur Gewissheit über das ein oder andere. Genervt
gebe ich die gewünschten Antworten, um wieder die ewige Ruhe zu
finden.</span
><br /><br /><span
>Und wieder werde ich geweckt. Die Leute sehen wieder anders aus, tragen
dieses Mal seltsame Uniformen. Sie fragen mich, wie die Grenzen mancher
Länder zu meiner Zeit aussahen – wohl ging es um einen Kriegsgrund oder
so. Es sei eine Ausnahme, man brauche die Aussage ja nur ein Mal.</span
><br /><br /><span
>Ach, wenn doch nur… Wenn wir doch nur hätten bestimmen können, dass wer
seinen Frieden kriegt, diesen auch behalten darf. Ohne Ausnahmen. Wenn
es auch nur eine einzige Ausnahme geben kann, wird es auf unendliche
Zeit unendlich viele Ausnahmen geben. Ich will doch nur meinen
Frieden…</span
></p
><img
src="/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_lasst_mich_ruhen-1200w.webp"
alt="Eine Zeichnung, in der eine Hand sich nach einem grellen Licht streckt, aber Bänder, die um das Handgelenk gewickelt sind, halten die Hand zurück."
class="shortstory-image"
/><p class="lasst-mich-ruhen-text17 shortstory-paragraph"
>Zeichnung von Lorena Zdanewitz.</p
></div
><app-kontakt rootClassName="kontakt-root-class-name14"></app-kontakt
></div>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'LasstMichRuhen',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Lasst mich Ruhen!',
meta: [
{
name: 'description',
content:
'"So liege ich nun da in meiner Blutlache. Alles wird leicht…“Kein Puls,” meint die Polizistin. Das wäre es eigentlich gewesen. Doch mit einer neuen Methode, kann man über Hightech Geräte noch [...]"',
},
{
property: 'og:title',
content: 'OpenVisor - Lasst mich Ruhen!',
},
{
property: 'og:description',
content:
'"So liege ich nun da in meiner Blutlache. Alles wird leicht…“Kein Puls,” meint die Polizistin. Das wäre es eigentlich gewesen. Doch mit einer neuen Methode, kann man über Hightech Geräte noch [...]"',
},
],
},
}
</script>
<style scoped>
.lasst-mich-ruhen-container {
width: 100%;
display: flex;
overflow: auto;
min-height: 100vh;
overflow-x: hidden;
align-items: center;
flex-direction: column;
background-size: cover;
background-image: url("/forest-background-luca-dross-1500w.jpg");
background-position: bottom right;
}
.lasst-mich-ruhen-download-button {
text-decoration: none;
}
.lasst-mich-ruhen-text17 {
font-style: italic;
text-align: center;
}
@media(max-width: 991px) {
.lasst-mich-ruhen-text17 {
font-style: italic;
}
}
</style>

416
src/views/kurzgeschichten/rosenteufel.vue
View file

@ -1,309 +1,187 @@
<template>
<div class="rosenteufel-container">
<app-navigation rootClassName="navigation-root-class-name"></app-navigation>
<h1 class="page-title">Rosenteufel</h1>
<span class="page-subtitle">
<span>
Experimentelle Kurzgeschichte in pseudo-mittelalterlichen Schreibstil,
Februar 2023
</span>
<br />
</span>
<a
<div class="rosenteufel-container"
><app-navigation rootClassName="navigation-root-class-name"></app-navigation
><h1 class="page-title">Rosenteufel</h1
><span class="page-subtitle"
><span
>Experimentelle Kurzgeschichte in pseudo-mittelalterlichen Schreibstil,
Februar 2023</span
><br /></span
><a
href="https://drive.google.com/file/d/1sfDZA6DcMrKUx0VfKngPJPk4BC84Umcr/view?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="rosenteufel-download-button button"
>
<span class="button-text">Als PDF</span>
</a>
<div class="text-body">
<span class="shortstory-paragraph">
<span class="rosenteufel-text004">
Ich erzähl euch ein Gschicht von wahr. So wahr wie ihr danach nicht
><span class="button-text">Als PDF</span></a
><div class="text-body"
><span class="shortstory-paragraph"
><span class="rosenteufel-text004"
>Ich erzähl euch ein Gschicht von wahr. So wahr wie ihr danach nicht
gwollt. Ein Gschicht die erzähl als einzger überlebend: Mein Gschicht. S
wart im letzten Jahr...
</span>
<br />
<br />
<span>
Vogt Eberhardt: “Edler von Petz, habt Dank um Eure schnelle Peitsch zu
wart im letzten Jahr...</span
><br /><br /><span
>Vogt Eberhardt: “Edler von Petz, habt Dank um Eure schnelle Peitsch zu
Ross. S eilt, der Bot kaum angekomm’n, doch bereits geschehn in letzter
Woch.”
</span>
<br />
<br />
<span>
Ritter von Petz: “Gott’s Segen. Wie Euch zu dien’n, durchlaucht?”
</span>
<br />
<br />
<span>
Vogt Eberhardt: “Im Nord herrsch Brand und Stank. Räuberband
Woch.”</span
><br /><br /><span
>Ritter von Petz: “Gott’s Segen. Wie Euch zu dien’n, durchlaucht?”</span
><br /><br /><span
>Vogt Eberhardt: “Im Nord herrsch Brand und Stank. Räuberband
wahrscheinch, nicht zu schätz woher. Leichen sein gesetzt ins Ufer,
jeder Leich ein Blum obendrein. So gefund ein Kind. Rest ausgegraben,
all vom selben Weiler. S’ist im Weiler Immerthain...”
</span>
<br />
<br />
<span>Tage der Reise vergangen, d</span>
<span>er Ritter im Wege sich erkundigt...</span>
<br />
<br />
<span>Köhler: “In Immerthain?”</span>
<br />
<br />
<span>
Ritter von Petz: “Stottert ich? Willst du des meinen Blutes Wege mit
all vom selben Weiler. S’ist im Weiler Immerthain...”</span
><br /><br /><span>Tage der Reise vergangen, d</span
><span>er Ritter im Wege sich erkundigt...</span><br /><br /><span
>Köhler: “In Immerthain?”</span
><br /><br /><span
>Ritter von Petz: “Stottert ich? Willst du des meinen Blutes Wege mit
Steinen pflastern oder daraufe legen. Fahret fort, sonst kostet’s dich
mehr als mein Geduld.”
</span>
<br />
<br />
<span>
Köhler: “Entschuld mein Entsetz Edler, nur wisst, der Teufel treibt dort
sein Feuer. Die nicht ermordert flohen mit aller Hab. Nur wenige
blieben. Möge sich der Herr ihnen erbarmen...”
</span>
<br />
<br />
<span>
Ritter von Petz greift ihm mit seinem rechten Panzerhandschuh am Kragen:
“Lass den Frevel, des schnellsten Wegs sollst du mich weisen!”
</span>
<br />
<br />
<span>
Köhler: “Verzeiht’s mir Edler, verzeiht’s. Der schnellste Weg führt
mehr als mein Geduld.”</span
><br /><br /><span
>Köhler: “Entschuld mein Entsetz Edler, nur wisst, der Teufel treibt
dort sein Feuer. Die nicht ermordert flohen mit aller Hab. Nur wenige
blieben. Möge sich der Herr ihnen erbarmen...”</span
><br /><br /><span
>Ritter von Petz greift ihm mit seinem rechten Panzerhandschuh am
Kragen: “Lass den Frevel, des schnellsten Wegs sollst du mich
weisen!”</span
><br /><br /><span
>Köhler: “Verzeiht’s mir Edler, verzeiht’s. Der schnellste Weg führt
durch den Kammertwald. Hie wo ich zeig überm Pfad. Zwei Tag, ein Nacht.
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="rawtoul"></span>
</span>
<span>Geziefer dort treibt...”</span>
<br />
<br />
<span>
Ritter von Petz: “Tieft den Zinken nun. Hast getan was gesagt. Wartet
was <span v-html="raw7wph"></span></span
><span>Geziefer dort treibt...”</span><br /><br /><span
>Ritter von Petz: “Tieft den Zinken nun. Hast getan was gesagt. Wartet
mein Antlitz in einem Dutzend Tag – nicht spät. Sollt ich kehr, so ritz
ich dies Holz mit eir Botschaft. Andernfalls berichtet meins Schicksal.”
</span>
<br />
<br />
<span>Köhler verneigt sich: “Gott mit Euch.”</span>
<br />
<br />
<span>
Ritter von Petz dreht sich: “Auf jetzt, Gefolg. Noch die letzten
Schritte nicht geschritten.”
</span>
<br />
<br />
<span>Doch s dauert nicht lang...</span>
<br />
<br />
<span>
Knappe von Jachstett: “Herr, der Pfad’s dunkel, doch kaum erst zu Mittag
gebrochen. Noch fall zu Tod bevor eins Feinds Kling mich blickt.”
</span>
<br />
<br />
<span>
Knecht Troffecht: “Ja edler Herr, und Wurzeln überall. S Maultier und
Eur Ross sich oft vertritt, könnt knacks s Glenk.”
</span>
<br />
<br />
<span>
Magd Ute: “Will nicht fächern den Ärger, aber wenn Gotts ehrl’ch Tugend
g’wahr, Wagens Achs könnt brech in Mitt.”
</span>
<br />
<br />
<span>Knappe von Jachstett: “Edler Herr...”</span>
<br />
<br />
<span>
Ritter dreht zu Rück, zeigt mit grüstet Finger, all’s hält ein: “So
ich dies Holz mit eir Botschaft. Andernfalls berichtet meins
Schicksal.”</span
><br /><br /><span>Köhler verneigt sich: “Gott mit Euch.”</span
><br /><br /><span
>Ritter von Petz dreht sich: “Auf jetzt, Gefolg. Noch die letzten
Schritte nicht geschritten.”</span
><br /><br /><span>Doch s dauert nicht lang...</span><br /><br /><span
>Knappe von Jachstett: “Herr, der Pfad’s dunkel, doch kaum erst zu
Mittag gebrochen. Noch fall zu Tod bevor eins Feinds Kling mich
blickt.”</span
><br /><br /><span
>Knecht Troffecht: “Ja edler Herr, und Wurzeln überall. S Maultier und
Eur Ross sich oft vertritt, könnt knacks s Glenk.”</span
><br /><br /><span
>Magd Ute: “Will nicht fächern den Ärger, aber wenn Gotts ehrl’ch Tugend
g’wahr, Wagens Achs könnt brech in Mitt.”</span
><br /><br /><span>Knappe von Jachstett: “Edler Herr...”</span
><br /><br /><span
>Ritter dreht zu Rück, zeigt mit grüstet Finger, all’s hält ein: “So
zügle er seine Zunge, der sich gewagt meins Gfährten zu schwörn! So halt
er den Mund der nur striegelt und Dung sticht, um seines Lebens kein
Sorg! Und so bleibe sie still solang sie noch eines Brots erbetteln
möcht. Ihr all seid feig und Kloss an mei’m Bein.”
</span>
<br />
<br />
<span>Der Ritter sich schlicht’, die traurig Gsicht beäug.</span>
<br />
<br />
<span>
“So kehr er um der sich des Wegs nicht mutig, aber versichre, dass kein
möcht. Ihr all seid feig und Kloss an mei’m Bein.”</span
><br /><br /><span
>Der Ritter sich schlicht’, die traurig Gsicht beäug.</span
><br /><br /><span
>“So kehr er um der sich des Wegs nicht mutig, aber versichre, dass kein
Gnad zeig wem wieder erblick! Wer weiss wieviel noch gemordt währn ihr
quängelt wie neugeborns, nackts Kindlein. Erinnert Eberhardts Wort: Acht
tot in acht Nacht. Sieht mein Stundglas. Seit hee s rieselt. Ich gedreht
jed Stund. Nach zehn weiter Dreh unds letzt Korn gerieselt s des
nächsten arm Seel dessen euch verantwort. So zügelt und schluckt der
schwächend Quängelei.”
</span>
<br />
<br />
<span>
S wart still für lange Stund, bis zum Abendfeuer. S Nacht, einzig Licht
von Flamm durch einig Stämm bricht, man schaut kein zwanzg Schritt weit.
</span>
<br />
<br />
<span>
Knappe von Jachstett leis zum Knecht Troffecht: “Seltsam Gräusch,
erhorch.”
</span>
<br />
<br />
<span>
Knecht Troffecht bleicher Schaur übern Rück: “D-d-d-der Teufel is’s?”
</span>
<br />
<br />
<span>Magd Ute, d Supp rührnd, flüstert zu: “Was war?”</span>
<br />
<br />
<span>
Knappe von Jachstett die Achsel zuck, sich erhebt und zu Ritter von Petz
schreit’, der dabei sein Kling zu schärf.
</span>
<br />
<br />
<span>
Knappe von Jachstett: “Edler Herr, gehört Geräusch vom Walde. S der
schwächend Quängelei.”</span
><br /><br /><span
>S wart still für lange Stund, bis zum Abendfeuer. S Nacht, einzig Licht
von Flamm durch einig Stämm bricht, man schaut kein zwanzg Schritt
weit.</span
><br /><br /><span
>Knappe von Jachstett leis zum Knecht Troffecht: “Seltsam Gräusch,
erhorch.”</span
><br /><br /><span
>Knecht Troffecht bleicher Schaur übern Rück: “D-d-d-der Teufel
is’s?”</span
><br /><br /><span>Magd Ute, d Supp rührnd, flüstert zu: “Was war?”</span
><br /><br /><span
>Knappe von Jachstett die Achsel zuck, sich erhebt und zu Ritter von
Petz schreit’, der dabei sein Kling zu schärf.</span
><br /><br /><span
>Knappe von Jachstett: “Edler Herr, gehört Geräusch vom Walde. S der
Teufel wir när schreit. Uns verdammt hie auf Glut mit barem Fuss. Bei
Gott, Euch verwerf nicht den Mut zu gehn in wackren Kampf. Aber schauet
nur ins Gsicht von einfach Leut, Knecht und Magd. Beid mit Angst, des
Herrn kein Mittel. So lässt hie in sicher, nicht drohn ihrets Blut.
Schon meiner mir erbarme, aber deren Leben verworfen sobald in selbe
Flammen waten.”
</span>
<br />
<br />
<span>
Ritter von Petz aber nicht der Zunge, nur sein Kling weiterschärf.
</span>
<br />
<br />
<span>
Morg früh der Knapp verlorn. Kein Spur wart gsehn, nur sein Hab schwund
mit ihm. Ritter lässt sein Harnisch von Knecht Troffecht anbring.
</span>
<br />
<br />
<span>
Knecht Troffecht: “Edler Herr, wisst wo sich Herrn von Jachstett
treibt?”
</span>
<br />
<br />
<span>
Ritter von Petz geradeaus schreitend: “Der sich seins Entscheids
bereut.”
</span>
<br />
<br />
<span>
Unds wart kein weiter Wort gesprochen, bis zum Weiler angekomm. Am Ufer,
man sah, s wart ein in pechschwarz Mantel gehüllt Gestalt, Kapuz über
Gesicht hängend. S leert eins Hands Sand über einen Sandhaufen der
Flammen waten.”</span
><br /><br /><span
>Ritter von Petz aber nicht der Zunge, nur sein Kling
weiterschärf.</span
><br /><br /><span
>Morg früh der Knapp verlorn. Kein Spur wart gsehn, nur sein Hab schwund
mit ihm. Ritter lässt sein Harnisch von Knecht Troffecht anbring.</span
><br /><br /><span
>Knecht Troffecht: “Edler Herr, wisst wo sich Herrn von Jachstett
treibt?”</span
><br /><br /><span
>Ritter von Petz geradeaus schreitend: “Der sich seins Entscheids
bereut.”</span
><br /><br /><span
>Unds wart kein weiter Wort gesprochen, bis zum Weiler angekomm. Am
Ufer, man sah, s wart ein in pechschwarz Mantel gehüllt Gestalt, Kapuz
über Gesicht hängend. S leert eins Hands Sand über einen Sandhaufen der
bereits eins Manns lang wie breit. Ritter zittert erst, reisst die Zügel
in Knechts Hand, schleicht so gut sein Harnisch’s vermag. Sein Eisen in
Höh, in tiefer Sonn s blinkt.
</span>
<br />
<br />
<span>Ritter von Petz: “Schmeck Gotts Gericht, Elender!”</span>
<br />
<br />
<span>
Ein Stich und Gestalt fällt. Magd Ute eilt her. Ritter dreht die Gestalt
mit panzerm Fuss. Magd schrickt, Händ vorm Mund. Ritter von Petz schaut
zur Magd, wartet und schaut dann zum Knecht.
</span>
<br />
<br />
<span>
Ritter spricht zur Magd, kommt zum Knecht mit seufz: “Aufgab’s
Höh, in tiefer Sonn s blinkt.</span
><br /><br /><span
>Ritter von Petz: “Schmeck Gotts Gericht, Elender!”</span
><br /><br /><span
>Ein Stich und Gestalt fällt. Magd Ute eilt her. Ritter dreht die
Gestalt mit panzerm Fuss. Magd schrickt, Händ vorm Mund. Ritter von Petz
schaut zur Magd, wartet und schaut dann zum Knecht.</span
><br /><br /><span
>Ritter spricht zur Magd, kommt zum Knecht mit seufz: “Aufgab’s
vollbracht. Des Teufels bedarfs kein Grab, ihn lässt nur rotten solangs
ihm möglich, sein Höll auf Erd. Wir nun kehren und vielleicht des Knapp
einholn.”
</span>
<br />
<br />
<span>
Magd Ute taugte keiner Worte, Knecht Troffecht verwirrt. Doch zu
einholn.”</span
><br /><br /><span
>Magd Ute taugte keiner Worte, Knecht Troffecht verwirrt. Doch zu
widersetzen wärt der letzt Gedank und so sie kehrten wider für restlich
Tagesstund.
</span>
<br />
<br />
<span>
In Nacht keiner ein Aug zugetan. Des Ritters Kling noch rot, er sie
Tagesstund.</span
><br /><br /><span
>In Nacht keiner ein Aug zugetan. Des Ritters Kling noch rot, er sie
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="rawa5el"></span>
</span>
<span>
noch immer weiss und nass. Dieses Mal der Knecht nicht wagte zu fragen
der Verschwundenen.
</span>
<br />
<br />
<span>
S musst sein bereits früh Mittag doch der Wald noch alls dunkelt. So
<span v-html="raw9z7a"></span></span
><span
>noch immer weiss und nass. Dieses Mal der Knecht nicht wagte zu fragen
der Verschwundenen.</span
><br /><br /><span
>S musst sein bereits früh Mittag doch der Wald noch alls dunkelt. So
gepackt die Sachen der Ritter seines Schrittes eilig. Doch der Knecht
stramm stehend sich nicht bewegt.
</span>
<br />
<br />
<span>Ritter von Petz: “Los jetzt, wir müssen schnell zurück!”</span>
<br />
<br />
<span>
Schnell? Wieso? Die Tat wart doch vollbracht und noch viele Tag ins Holz
zu ritzen.
</span>
<br />
<br />
<span>
Der Knecht blickt zurück. Ritter greift zur Klinge. Knecht rennt. Er
stramm stehend sich nicht bewegt.</span
><br /><br /><span
>Ritter von Petz: “Los jetzt, wir müssen schnell zurück!”</span
><br /><br /><span
>Schnell? Wieso? Die Tat wart doch vollbracht und noch viele Tag ins
Holz zu ritzen.</span
><br /><br /><span
>Der Knecht blickt zurück. Ritter greift zur Klinge. Knecht rennt. Er
rennt und rennt, so schnell er kann. Ritter hinterher, ohne Harnisch
flink, flinker als der Knecht. Doch der Knecht nicht stumpf und so
bricht in den dunklen Wald. Seine Fährte der Ritter rasch verlorn.
</span>
<br />
<br />
<span>
Ritter von Petz: “Komm her! Wer soll sonst meine Habe tragen! So mache
rasch und dir tue nichts! Troffecht! Troffecht daher!”
</span>
<br />
<br />
<span>
Doch sein Stimm bald verblasst. Ich kam zum Weiler, klein Leut bereits
bricht in den dunklen Wald. Seine Fährte der Ritter rasch verlorn.</span
><br /><br /><span
>Ritter von Petz: “Komm her! Wer soll sonst meine Habe tragen! So mache
rasch und dir tue nichts! Troffecht! Troffecht daher!”</span
><br /><br /><span
>Doch sein Stimm bald verblasst. Ich kam zum Weiler, klein Leut bereits
gestanden um die düstre Gstalt. Daneben ein weiterer, gleicher Haufen
mit einer weissen Ros in Mitt. Zehn Häufen, all geschmückt mit weisser
Ros. All bis auf der vord Gstalt. Kindsvolk starrte mir.
</span>
<br />
<br />
<span>
Ausser Atem ich auf meine Knie mich stütz. Frau und Mann vom Weiler trat
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="raw7gmp"></span>
</span>
</span>
</div>
<app-kontakt rootClassName="kontakt-root-class-name1"></app-kontakt>
</div>
Ros. All bis auf der vord Gstalt. Kindsvolk starrte mir.</span
><br /><br /><span
>Ausser Atem ich auf meine Knie mich stütz. Frau und Mann vom Weiler
trat 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="raw50sk"></span></span></span></div
><app-kontakt rootClassName="kontakt-root-class-name1"></app-kontakt
></div>
</template>
<script>
@ -319,9 +197,9 @@ export default {
},
data() {
return {
rawtoul: ' ',
rawa5el: ' ',
raw7gmp: ' ',
raw7wph: ' ',
raw9z7a: ' ',
raw50sk: ' ',
}
},
metaInfo: {

65
src/views/lar-ps.vue
View file

@ -1,42 +1,34 @@
<template>
<div class="lar-ps-container">
<app-navigation rootClassName="navigation-root-class-name16"></app-navigation>
<h1 class="page-title">LARPs</h1>
<div class="text-body">
<span>
<span>
LARP steht für Live Action Role Play, d.h. Live-Rollenspiel, d.h.
<div class="lar-ps-container"
><app-navigation rootClassName="navigation-root-class-name16"></app-navigation
><h1 class="page-title">LARPs</h1
><div class="text-body"
><span
><span
>LARP steht für Live Action Role Play, d.h. Live-Rollenspiel, d.h.
Rollenspiel in dem man sich in eine fiktive Lebensform, meistens ein
Mensch, einfühlt und sich so verkleidet und verhält wie man denkt dass
der Charakter sich kleiden und verhalten würde.
</span>
<br />
<br />
<span>
So wie es unterschiedliche Sportarten gibt gibt es unterschiedliche
der Charakter sich kleiden und verhalten würde.</span
><br /><br /><span
>So wie es unterschiedliche Sportarten gibt gibt es unterschiedliche
LARPs, z.B. Fantasy LARP oder Nordic LARP. Dabei können diese analog zu
Sport so unterschiedlich sein wie z.B. Volleyball, Golf und Schach.
OpenVisor hatte mit &quot;Süsse Träume&quot; ein kleines Fantasy LARP
durchgeführt, konzentriert sich seither aber ausschliesslich auf Nordic
LARPS.
</span>
</span>
</div>
<router-link to="/larps/suesse-traeume" class="lar-ps-download-button button">
<span class="button-text">Süsse Träume</span>
</router-link>
<router-link
to="/larps/letzte-gelegenheit"
class="lar-ps-download-button1 button"
>
<span class="button-text">Letzte Gelegenheit</span>
</router-link>
<app-kontakt rootClassName="kontakt-root-class-name9"></app-kontakt>
</div>
LARPS.</span
></span
></div
><div class="card-container"
><summary-larps
rootClassName="summary-larps-root-class-name"
></summary-larps></div
><app-kontakt rootClassName="kontakt-root-class-name9"></app-kontakt
></div>
</template>
<script>
import AppNavigation from '../components/navigation'
import SummaryLarps from '../components/summary-larps'
import AppKontakt from '../components/kontakt'
export default {
@ -44,15 +36,26 @@ export default {
props: {},
components: {
AppNavigation,
SummaryLarps,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - LARPs',
meta: [
{
name: 'description',
content:
'LARP steht für Live Action Role Play, d.h. Live-Rollenspiel, d.h. Rollenspiel in dem man sich in eine fiktive Lebensform, meistens ein Mensch, einfühlt und sich so verkleidet und verhält.',
},
{
property: 'og:title',
content: 'OpenVisor - LARPs',
},
{
property: 'og:description',
content:
'LARP steht für Live Action Role Play, d.h. Live-Rollenspiel, d.h. Rollenspiel in dem man sich in eine fiktive Lebensform, meistens ein Mensch, einfühlt und sich so verkleidet und verhält.',
},
],
},
}
@ -71,10 +74,4 @@ export default {
background-image: url("/forest-background-luca-dross-1500w.jpg");
background-position: bottom right;
}
.lar-ps-download-button {
text-decoration: none;
}
.lar-ps-download-button1 {
text-decoration: none;
}
</style>

31
src/views/larpkonzept.vue
View file

@ -1,27 +1,20 @@
<template>
<div class="larpkonzept-container">
<app-navigation rootClassName="navigation-root-class-name"></app-navigation>
<h1 class="page-title">
<span>Larpkonzept</span>
<br />
</h1>
<span class="page-subtitle">
<span>
Für eine sichere Durchführung von intensiven, emotionalen und
kontrastreichen LARPs
</span>
<br />
</span>
<a
<div class="larpkonzept-container"
><app-navigation rootClassName="navigation-root-class-name"></app-navigation
><h1 class="page-title"><span>Larpkonzept</span><br /></h1
><span class="page-subtitle"
><span
>Für eine sichere Durchführung von intensiven, emotionalen und
kontrastreichen LARPs</span
><br /></span
><a
href="https://docs.google.com/presentation/d/1vgGPkM1BdSP3smg-d_qFOz0lCks8BZ_P6cLRgP1mDWY/edit?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="button"
>
<span class="button-text">zum Larpkonzept</span>
</a>
<app-kontakt rootClassName="kontakt-root-class-name2"></app-kontakt>
</div>
><span class="button-text">zum Larpkonzept</span></a
><app-kontakt rootClassName="kontakt-root-class-name2"></app-kontakt
></div>
</template>
<script>

236
src/views/larps/letzte-gelegenheit.vue
View file

@ -1,182 +1,118 @@
<template>
<div class="letzte-gelegenheit-container">
<app-navigation rootClassName="navigation-root-class-name"></app-navigation>
<h1 class="page-title">
<span>Letzte Gelegenheit</span>
<br />
</h1>
<span class="page-subtitle">
<span>Haben Häftlinge Platz im Bunker?</span>
<br />
</span>
<iframe
<div class="letzte-gelegenheit-container"
><app-navigation rootClassName="navigation-root-class-name"></app-navigation
><h1 class="page-title"><span>Letzte Gelegenheit</span><br /></h1
><span class="page-subtitle"
><span>Haben Häftlinge Platz im Bunker?</span><br /></span
><iframe
src="https://www.youtube-nocookie.com/embed/7cH4QuUSUaU"
class="letzte-gelegenheit-teaser-video"
></iframe>
<h1 class="uppercase character-title section-head">
<span>Setting</span>
<br />
</h1>
<div class="letzte-gelegenheit-setting-container text-body">
<p>
<span>
Plötzlich fällt der Strom aus und eine dichte Nebelwand nähert sich von
></iframe
><h1 class="uppercase character-title section-head"
><span>Setting</span><br /></h1
><div class="letzte-gelegenheit-setting-container text-body"
><p
><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 Zivile in Bunker. So auch das Personal und die
Häftlinge der Justizvollzugsanstalt Schwarzbach in deren
Zivilschutzanlage. Zwei Soldat*innen stossen dazu und stellen mit einem
militärischen Funkgerät den einzigen Kontakt zur Aussenwelt.
</span>
<br />
<br />
<span>
Es ist jetzt (bei In-Time) der 10te Tag seit dem Nebel um 14:30 Uhr und
militärischen Funkgerät den einzigen Kontakt zur Aussenwelt.</span
><br /><br /><span
>Es ist jetzt (bei In-Time) der 10te Tag seit dem Nebel um 14:30 Uhr und
noch immer ist ungeklärt, was es mit dem Nebel auf sich hat, und gegen
was das Militär eigentlich kämpft. Die Bunker-Führung versucht
krampfhaft den Gefängnisalltag beizubehalten, doch Benzin, Essen und
Medizin gehen aus.
</span>
<br />
</p>
</div>
<section class="letzte-gelegenheit-veranstaltungen-kapitel">
<header class="letzte-gelegenheit-veranstaltungen-titel">
<h2 class="uppercase section-head">Kommende Runs</h2>
</header>
<veranstaltungen-liste></veranstaltungen-liste>
</section>
<div class="buttons-container buttons">
<div class="letzte-gelegenheit-buttons-left buttons">
<a
Medizin gehen aus.</span
><br /></p></div
><section class="letzte-gelegenheit-veranstaltungen-kapitel"
><header class="letzte-gelegenheit-veranstaltungen-titel"
><h2 class="uppercase section-head">Kommende Runs</h2></header
><veranstaltungen-liste></veranstaltungen-liste></section
><div class="buttons-container buttons"
><div class="letzte-gelegenheit-buttons-left buttons"
><a
href="https://docs.google.com/document/d/1i-cVj809RqJtO-VaXjUsPew67gtylkIzL_3qc6mI_kE/edit?usp=sharing"
target="_blank"
rel="noreferrer noopener"
>
<div class="button">
<span class="button-text">Infos Deutschland</span>
</div>
</a>
<a
><div class="button"
><span class="button-text">Infos Deutschland</span></div
></a
><a
href="https://docs.google.com/document/d/1K8iooPzdVv76UZY8lRtZfj2axTbuK-Z9me2cYAm87bc/edit?usp=sharing"
target="_blank"
rel="noreferrer noopener"
>
<div class="button"><span class="button-text">Infos Schweiz</span></div>
</a>
</div>
<div class="letzte-gelegenheit-buttons-right buttons">
<a
><div class="button"
><span class="button-text">Infos Schweiz</span></div
></a
></div
><div class="letzte-gelegenheit-buttons-right buttons"
><a
href="https://forms.gle/VgXHX43xujJr5Uud9"
target="_blank"
rel="noreferrer noopener"
>
<div class="button"><span class="button-text">Anmeldung</span></div>
</a>
<a
><div class="button"><span class="button-text">Anmeldung</span></div></a
><a
href="https://discord.gg/eKFCrEZaQ5"
target="_blank"
rel="noreferrer noopener"
>
<div class="button"><span class="button-text">Discord</span></div>
</a>
</div>
</div>
<h2 class="uppercase character-title section-head">Charaktere</h2>
<div class="letzte-gelegenheit-charaktere-container text-body">
<p>
<span>
Die Charaktere sind so geschrieben und verknüpft um intensives,
><div class="button"><span class="button-text">Discord</span></div></a
></div
></div
><h2 class="uppercase character-title section-head">Charaktere</h2
><div class="letzte-gelegenheit-charaktere-container text-body"
><p
><span
>Die Charaktere sind so geschrieben und verknüpft um intensives,
dramatisches Spiel zu begünstigen. Alle 12 Spielercharaktere sprechen
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="rawux9l"></span>
</span>
<span>Spiel startet.</span>
<br />
<br />
<span>
Alle Charaktere haben einige Geheimnisse und verdeckte Verknüpfungen die
hier nicht ausgeschrieben sind um die Spielimmersion zu wahren. Die
<span v-html="rawdkgo"></span></span
><span>Spiel startet.</span><br /><br /><span
>Alle Charaktere haben einige Geheimnisse und verdeckte Verknüpfungen
die hier nicht ausgeschrieben sind um die Spielimmersion zu wahren. Die
folgenden Charakterteaser sollen eine Tendenz aufzeigen, wie sich die
Charaktere spielen (die Charakterteaser-Bilder sind teilweise
KI-generiert).
</span>
<br />
<br />
<span>
Sobald sich Spielende für alle Spielercharaktere gefunden haben werden
KI-generiert).</span
><br /><br /><span
>Sobald sich Spielende für alle Spielercharaktere gefunden haben werden
die vollen Charakterbögen (6 bis 11 A4-Seiten je nach Charakter)
entsprechend verschickt.
</span>
<br />
</p>
</div>
<h2 class="uppercase character-group section-head">Gefängnispersonal</h2>
<app-row1></app-row1>
<app-row2></app-row2>
<app-row3></app-row3>
<h2 class="uppercase character-group section-head">Häftlinge</h2>
<app-row4></app-row4>
<app-row5></app-row5>
<h2 class="uppercase character-group section-head">Militär</h2>
<app-row6></app-row6>
<h2 class="uppercase character-title section-head">Unterstützung</h2>
<div class="letzte-gelegenheit-unterstuetzung-container text-body">
<p>
<span>
Konzipiert und organisiert wurde und wird das gesamte LARP von Hermann.
entsprechend verschickt.</span
><br /></p></div
><h2 class="uppercase character-group section-head">Gefängnispersonal</h2
><app-row1></app-row1><app-row2></app-row2><app-row3></app-row3
><h2 class="uppercase character-group section-head">Häftlinge</h2
><app-row4></app-row4><app-row5></app-row5
><h2 class="uppercase character-group section-head">Militär</h2
><app-row6></app-row6
><h2 class="uppercase character-title section-head">Unterstützung</h2
><div class="letzte-gelegenheit-unterstuetzung-container text-body"
><p
><span
>Konzipiert und organisiert wurde und wird das gesamte LARP von Hermann.
Bei Runs 3 und 4 haben Robin Plötzwich und Annabelle Bitzmann als
Spielleitung geholfen und Sydney Mikosch bei Run 4 bei der Verpflegung.
</span>
<br />
<br />
<span>
Spielende, die ein Sponsorenticket gekauft haben um Solidaritätstickets
zu ermöglichen und Defizite auszugleichen:
</span>
<br />
<span>- André Röthemeier</span>
<br />
<span>- Anke</span>
<br />
<span>- Fabian</span>
<br />
<span>- Josha</span>
<br />
<span>- Rikki</span>
<br />
<span>- Tim Losch</span>
<br />
<br />
<span>
NSC/Helfende, die bei Pay-what-you-Want von Runs 1 bis 4 etwas gezahlt
haben:
</span>
<br />
<span>- Björn</span>
<br />
<span>- Florian H.</span>
<br />
<span>- Jan R.</span>
<br />
<span>- Mai</span>
<br />
<span>- PeFox</span>
<br />
<span>
-
<span v-html="rawi92y"></span>
</span>
<span>Phil U.</span>
<br />
<span>- Sue</span>
<br />
</p>
</div>
<app-kontakt rootClassName="kontakt-root-class-name2"></app-kontakt>
</div>
Spielleitung geholfen und Sydney Mikosch bei Run 4 bei der
Verpflegung.</span
><br /><br /><span
>Spielende, die ein Sponsorenticket gekauft haben um Solidaritätstickets
zu ermöglichen und Defizite auszugleichen:</span
><br /><span>- André Röthemeier</span><br /><span>- Anke</span><br /><span
>- Fabian</span
><br /><span>- Josha</span><br /><span>- Rikki</span><br /><span
>- Tim Losch</span
><br /><br /><span
>NSC/Helfende, die bei Pay-what-you-Want von Runs 1 bis 4 etwas gezahlt
haben:</span
><br /><span>- Björn</span><br /><span>- Florian H.</span><br /><span
>- Jan R.</span
><br /><span>- Mai</span><br /><span>- PeFox</span><br /><span
>- <span v-html="rawqtj3"></span></span
><span>Phil U.</span><br /><span>- Sue</span><br /></p></div
><app-kontakt rootClassName="kontakt-root-class-name2"></app-kontakt
></div>
</template>
<script>
@ -206,8 +142,8 @@ export default {
},
data() {
return {
rawux9l: ' ',
rawi92y: ' ',
rawdkgo: ' ',
rawqtj3: ' ',
}
},
metaInfo: {

146
src/views/larps/ssse-trume.vue
View file

@ -1,116 +1,86 @@
<template>
<div class="ssse-trume-container">
<app-navigation rootClassName="navigation-root-class-name"></app-navigation>
<span class="page-title">Süsse Träume</span>
<span class="page-subtitle">
<span>Fantasy Mini-LARP, Dezember 2020</span>
<br />
</span>
<div class="text-body">
<p>
<span>
&quot;Weisst du, wer du bist? Was du bereust, befürchtest, vergessen
<div class="ssse-trume-container"
><app-navigation rootClassName="navigation-root-class-name"></app-navigation
><span class="page-title">Süsse Träume</span
><span class="page-subtitle"
><span>Fantasy Mini-LARP, Dezember 2020</span><br /></span
><div class="text-body"
><p
><span
>&quot;Weisst du, wer du bist? Was du bereust, befürchtest, vergessen
möchtest? Was du erreichen möchtest und was dir alles recht ist um dies
zu erreichen? Zeit, deine Antworten auf diese Fragen auf die Probe zu
stellen...&quot;
</span>
<br />
<br />
<span>
Süsse Träume war ein Fantasy Minilarp (nicht Nordic) im Wald von
stellen...&quot;</span
><br /><br /><span
>Süsse Träume war ein Fantasy Minilarp (nicht Nordic) im Wald von
Eschikon (8315 Lindau, Schweiz) im Dezember 2020 das Sue und Hermann
organisierten. Es ging darum, dass ein Hexer Trajar die
Spielercharaktere in seine Traumwelt entführte, als diese sich schlafen
legten. Hier wurde das Open Visor Larpkonzept noch nicht verwendet.
</span>
<br />
<br />
<span>
Da zu dem Zeitpunkt gerade vom Schweizer Bundesrat COVID-19 Massnahmen
legten. Hier wurde das Open Visor Larpkonzept noch nicht
verwendet.</span
><br /><br /><span
>Da zu dem Zeitpunkt gerade vom Schweizer Bundesrat COVID-19 Massnahmen
getroffen wurden wurde das LARP statt in einem Run in 2 Runs (je 12. und
13.12.2020) mit je 10 Teilnehmenden durchgeführt, wie zu dem Zeitpunkt
die maximal erlaubte Anzahl. Da der Antagonist nach der Flucht der
Spielenden von Run 1 wieder Grund hatte neue Charaktere zu entführen,
funktionierte Run 2 auch als Fortsetzung von Run 1 mit der gleichen
Anfangssituation.
</span>
<br />
<br />
<span>
Die Spielenden von Run 2 hatten den Antagonisten erfolgreich
Anfangssituation.</span
><br /><br /><span
>Die Spielenden von Run 2 hatten den Antagonisten erfolgreich
&quot;versteinert&quot; und mit einem Ritual aus dem Traum gezaubert,
wodurch sie ihn in der echten Welt anklagen konnten. Von Spielenden
gewünscht wurde dann der Gerichtsprozess auch geführt über Discord
(wegen Discord Massnahmen und weil sonst nicht viel geplant war) per
Videocall mit Spielenden von beiden Runs. Diese Fortsetzung &quot;Süsse
Träume 2 - Der Prozess&quot; fand im Januar 2021 statt.
</span>
<br />
</p>
</div>
<div class="ssse-trume-container2">
<a
Träume 2 - Der Prozess&quot; fand im Januar 2021 statt.</span
><br /></p></div
><div class="ssse-trume-container2"
><a
href="https://www.dropbox.com/s/vnpc477fo6bxz1g/OpenVisor_Suesse_Traueme_1_Plot.pdf?dl=0"
target="_blank"
rel="noreferrer noopener"
class="ssse-trume-link"
>
<div class="ssse-trume-plot button">
<span class="ssse-trume-plot1">
<span>Plot</span>
<br />
</span>
</div>
</a>
<a
><div class="ssse-trume-plot button"
><span class="ssse-trume-plot1"><span>Plot</span><br /></span></div></a
><a
href="https://www.dropbox.com/s/wwigmb6qrv62cvx/OpenVisor_Suesse_Traueme_1_Plot_Hintergrund.pdf?dl=0"
target="_blank"
rel="noreferrer noopener"
class="ssse-trume-link1"
>
<div class="ssse-trume-hintergrund button">
<span class="ssse-trume-hintergrund1">Hintergrund</span>
</div>
</a>
<a
><div class="ssse-trume-hintergrund button"
><span class="ssse-trume-hintergrund1">Hintergrund</span></div
></a
><a
href="https://www.dropbox.com/s/2y3tc1yziynll94/OpenVisor_Suesse_Traueme_1_Infos_SC.pdf?dl=0"
target="_blank"
rel="noreferrer noopener"
class="ssse-trume-link2"
>
<div class="ssse-trume-infos-sc button">
<span class="ssse-trume-infos-sc1">
<span>Infos SC</span>
<br />
</span>
</div>
</a>
<a
><div class="ssse-trume-infos-sc button"
><span class="ssse-trume-infos-sc1"
><span>Infos SC</span><br /></span></div></a
><a
href="https://www.dropbox.com/s/rqpjnkinbnhr8fy/OpenVisor_Suesse_Traueme_2_Anklageschrift.pdf?dl=0"
target="_blank"
rel="noreferrer noopener"
class="ssse-trume-link3"
>
<div class="ssse-trume-anklageschrift button">
<span class="ssse-trume-anklageschrift1">Anklageschrift</span>
</div>
</a>
<a
><div class="ssse-trume-anklageschrift button"
><span class="ssse-trume-anklageschrift1">Anklageschrift</span></div
></a
><a
href="https://www.dropbox.com/s/vkw2f9sys5d46yw/OpenVisor_Suesse_Traueme_2_Gerichtsordnung.pdf?dl=0"
target="_blank"
rel="noreferrer noopener"
class="ssse-trume-link4"
>
<div class="ssse-trume-gerichtsordnung button">
<span class="ssse-trume-gerichtsordnung1">Gerichtsordnung</span>
</div>
</a>
</div>
<h1 class="character-title section-head">Süsse Träume Run 1 Fotos</h1>
<span class="ssse-trume-credits">63 Fotos von Claudia Chiodi</span>
<div class="ssse-trume-container3">
<div class="ssse-trume-container4">
<DangerousHTML
><div class="ssse-trume-gerichtsordnung button"
><span class="ssse-trume-gerichtsordnung1">Gerichtsordnung</span></div
></a
></div
><h1 class="character-title section-head">Süsse Träume Run 1 Fotos</h1
><span class="ssse-trume-credits">63 Fotos von Claudia Chiodi</span
><div class="ssse-trume-container3"
><div class="ssse-trume-container4"
><DangerousHTML
html="<script src='https://cdn.jsdelivr.net/npm/publicalbum@latest/embed-ui.min.js' async></script>
<div class='pa-carousel-widget' style='width:100%; height:480px;'
data-link='https://photos.app.goo.gl/hHnPpTVXndxGueQb9'
@ -181,14 +151,12 @@
<object data='https://lh3.googleusercontent.com/lkawEyQaNv7NAM72-H_nrG4W7jWOMXfTYsmt5-ki7itHtpre-jQTNK5bLP_urTzq4rrdgSFmXazhrkCbd-Ly6_y99Ni3NYp1xiNW3aEIxoj7X5hyDe3fMJi_q12WnzXW-oaan2xBDQI=w1920-h1080'></object>
<object data='https://lh3.googleusercontent.com/01oixb3zyB2AJ_gbDsnhjl-Qy9dQNrOes4i-1X_3Xx7McoMssEs9-vt6yQzXUyj04AV6gHzA_7x_wNoWVT9g1WWCxn4rBmSUyz0aoidHJETwjJwRhTptOZJTx1Emmhoq_HUyoZUqn7k=w1920-h1080'></object>
</div>"
></DangerousHTML>
</div>
</div>
<h1 class="character-title section-head">Süsse Träume Run 2 Fotos</h1>
<span class="ssse-trume-credits1">67 Fotos von Claudia Chiodi</span>
<div class="ssse-trume-container5">
<div class="ssse-trume-container6">
<DangerousHTML
></DangerousHTML></div></div
><h1 class="character-title section-head">Süsse Träume Run 2 Fotos</h1
><span class="ssse-trume-credits1">67 Fotos von Claudia Chiodi</span
><div class="ssse-trume-container5"
><div class="ssse-trume-container6"
><DangerousHTML
html="<script src='https://cdn.jsdelivr.net/npm/publicalbum@latest/embed-ui.min.js' async></script>
<div class='pa-carousel-widget' style='width:100%; height:480px;'
data-link='https://photos.app.goo.gl/kTDxvmjnpeCzLCMv5'
@ -264,11 +232,9 @@
<object data='https://lh3.googleusercontent.com/t6Jb0kVSbklTCxPz7pNAJuxuizO-gb_4I44LBlB0HI0WPxFtAlIWZ_GO3rUjtwgtn5GBt7BG_-74EsbBtsWCK7PWCx27orQz1BKN5YfF15kXrAHYXLOu2mjdCa0RjY6IyU96jP28qso=w1920-h1080'></object>
</div>
"
></DangerousHTML>
</div>
</div>
<app-kontakt rootClassName="kontakt-root-class-name"></app-kontakt>
</div>
></DangerousHTML></div></div
><app-kontakt rootClassName="kontakt-root-class-name"></app-kontakt
></div>
</template>
<script>

31
src/views/mein-lieblingsmensch.vue
View file

@ -1,25 +1,14 @@
<template>
<div class="mein-lieblingsmensch-container">
<app-navigation rootClassName="navigation-root-class-name13"></app-navigation>
<h1 class="page-title">
<span>chabb</span>
<br />
</h1>
<span class="page-subtitle">
<span>Nase ab</span>
<br />
</span>
<div class="text-body">
<span>
<span>&lt;3</span>
<br />
</span>
</div>
<button type="button" class="button">
<span class="button-text">Schloss</span>
</button>
<app-kontakt rootClassName="kontakt-root-class-name6"></app-kontakt>
</div>
<div class="mein-lieblingsmensch-container"
><app-navigation rootClassName="navigation-root-class-name13"></app-navigation
><h1 class="page-title"><span>chabb</span><br /></h1
><span class="page-subtitle"><span>Nase ab</span><br /></span
><div class="text-body"
><span><span>&lt;3</span><br /></span></div
><button type="button" class="button"
><span class="button-text">Schloss</span></button
><app-kontakt rootClassName="kontakt-root-class-name6"></app-kontakt
></div>
</template>
<script>

18
src/views/not-found.vue
View file

@ -1,13 +1,13 @@
<template>
<div class="not-found-container">
<h3>OOPS! PAGE NOT FOUND</h3>
<div class="not-found-container1"><h1 class="not-found-text1">404</h1></div>
<div class="not-found-container2">
<h2 class="not-found-text2">
WE ARE SORRY, BUT THE PAGE YOU REQUESTED WAS NOT FOUND
</h2>
</div>
</div>
<div class="not-found-container"
><h3>OOPS! PAGE NOT FOUND</h3
><div class="not-found-container1"><h1 class="not-found-text1">404</h1></div
><div class="not-found-container2"
><h2 class="not-found-text2"
>WE ARE SORRY, BUT THE PAGE YOU REQUESTED WAS NOT FOUND</h2
></div
></div
>
</template>
<script>