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

Compare commits

base: OpenVisor:f8b6bee248724d32275ebe98c126c4161f41aa17
Branches Tags
OpenVisor:main
..
compare: OpenVisor:47bc8f345c0089152a3a694a3aa38a5bc88bea16
Branches Tags
OpenVisor:main

No commits in common. "f8b6bee248724d32275ebe98c126c4161f41aa17" and "47bc8f345c0089152a3a694a3aa38a5bc88bea16" have entirely different histories.
f8b6bee248 ... 47bc8f345c

60 changed files with 3537 additions and 5861 deletions
Show stats Expand all files Collapse all files

56
public/index.html
View file

@ -1,17 +1,15 @@
<!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;
@ -27,28 +25,34 @@
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"
/>
@ -60,13 +64,15 @@
[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
View file

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 69 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 45 KiB

BIN
public/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_einordenfuereinegutetat-1200w.png
View file

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 392 KiB

BIN
public/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_infinite_deaths-1200w.webp
View file

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 31 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 49 KiB

BIN
public/letzte-gelegenheit/charaktere/rodriguez-200h.png
View file

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 107 KiB

After

Width:  |  Height:  |  Size: 107 KiB

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

@ -1,27 +0,0 @@
<template>
<div class="download-button-container" v-bind:class="rootClassName"
><button type="button" class="button"
><span class="button-text">{{ text }}</span></button
></div
>
</template>
<script>
export default {
name: 'DownloadButton',
props: {
rootClassName: String,
text: {
type: String,
default: 'Schloss',
},
},
}
</script>
<style scoped>
.download-button-container {
display: flex;
position: relative;
}
</style>

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

File diff suppressed because it is too large Load diff

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

@ -1,65 +0,0 @@
<template>
<div class="event-list" v-bind:class="rootClassName"
><div class="event-entry"
><h3 class="event-title">{{ run5 }}</h3
><div
><p class="event-section"
>25. Mai 2024, 10:00 Uhr bis <span v-html="rawt535"></span></p
><p class="event-section">26. Mai 2024, 14:00 Uhr</p></div
><p class="event-section">{{ standortWeisslingen1 }}</p
><div
><p class="event-red event-section">0 von 15 freie Plätze</p
><p class="event-green event-section">3 Personen auf Warteliste</p></div
></div
><div
class="kommende-letzte-gelegenheit-runs-letzte-gelegenheit-run6 event-entry"
><h3 class="event-title">{{ run6 }}</h3
><div
><p class="event-section">01. Juni 2024, 10:00 Uhr bis</p
><p class="event-section"> 02. Juni 2024, 14:00 Uhr</p></div
><p class="event-section">{{ standortWeisslingen }}</p
><div
><p class="event-red event-section">0 von 15 freie Plätze</p
><p class="event-green event-section">6 Personen auf Warteliste</p></div
></div
></div
>
</template>
<script>
export default {
name: 'KommendeLetzteGelegenheitRuns',
props: {
standortWeisslingen1: {
type: String,
default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen',
},
rootClassName: String,
standortWeisslingen: {
type: String,
default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen',
},
run6: {
type: String,
default: 'Run 6 (Schweiz)',
},
run5: {
type: String,
default: 'Run 5 (Schweiz)',
},
},
data() {
return {
rawt535: ' ',
}
},
}
</script>
<style scoped>
.kommende-letzte-gelegenheit-runs-letzte-gelegenheit-run6 {
border-bottom-width: 3px;
}
</style>

61
src/components/kontakt.vue
View file

@ -1,23 +1,28 @@
<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>
@ -100,28 +105,6 @@ export default {
@media(max-width: 767px) {
.kontakt-footer {
flex-direction: column;

23
src/components/lesen.vue
View file

@ -1,23 +0,0 @@
<template>
<div class="lesen-button more-link"
><p class="card-link">{{ lesenLink }}</p></div
>
</template>
<script>
export default {
name: 'Lesen',
props: {
lesenLink: {
type: String,
default: 'Lesen ->',
},
},
}
</script>
<style scoped>
.lesen-button {
position: relative;
}
</style>

1279
src/components/navigation.vue
View file

File diff suppressed because it is too large Load diff

123
src/components/row1.vue
View file

@ -1,62 +1,89 @@
<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="rawptpf"></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="raw1o78"></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>
@ -78,7 +105,7 @@ export default {
},
data() {
return {
rawptpf: ' ',
raw1o78: ' ',
}
},
}

153
src/components/row2.vue
View file

@ -1,71 +1,106 @@
<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,38 +1,61 @@
<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,57 +1,87 @@
<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="rawvtce"></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="rawrzr3"></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>
@ -85,7 +115,7 @@ export default {
},
data() {
return {
rawvtce: ' ',
rawrzr3: ' ',
}
},
}

109
src/components/row5.vue
View file

@ -1,55 +1,80 @@
<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,43 +1,65 @@
<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>

62
src/components/summary-games.vue
View file

@ -1,62 +0,0 @@
<template>
<main class="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="more-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="more-link summary-games-button1"
><p class="card-link">{{ mehrLink }}</p></div
></router-link
></section
></main
>
</template>
<script>
export default {
name: 'SummaryGames',
props: {
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.',
},
assemblatron: {
type: String,
default: 'Assemblatron (Video Game)',
},
mehrLink: {
type: String,
default: 'Mehr ->',
},
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.',
},
rootClassName: String,
murphysLarp: {
type: String,
default: "Murphy's LARP (Drama Game)",
},
},
}
</script>
<style scoped>
.summary-games-button:hover {
opacity: 0.5;
}
.summary-games-button1:hover {
opacity: 0.5;
}
</style>

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

@ -1,71 +0,0 @@
<template>
<main class="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="more-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
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="more-link summary-larps-button1"
><p class="card-link">{{ mehrLink }}</p></div
></router-link
></div
></main
>
</template>
<script>
export default {
name: 'SummaryLarps',
props: {
suesseTraeume: {
type: String,
default: 'Süsse Träume',
},
letzteGelegenheit: {
type: String,
default: 'Letzte Gelegenheit',
},
mehrLink: {
type: String,
default: 'Mehr ->',
},
rootClassName: String,
},
}
</script>
<style scoped>
.summary-larps-button:hover {
opacity: 0.5;
}
.summary-larps-button1:hover {
opacity: 0.5;
}
</style>

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

@ -1,371 +0,0 @@
<template>
<main v-bind:class="rootClassName"
><div class="card-row"
><div class="character-teaser-container"
><h3 class="card-heading">Ein Orden für eine gute Tat</h3
><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
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"
><app-lesen
class="summary-shortstories-component"
></app-lesen></router-link></div
><div class="character-teaser-container"
><h3 class="card-heading">Rosenteufel</h3
><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 gegenseitig stellten, mit den Wörtern &quot;Sand&quot; und
&quot;Rose&quot; je eine Kurzgeschichte zu schreiben.</span
></p
><router-link to="/kurzgeschichten/rosenteufel"
><app-lesen
class="summary-shortstories-component01"
></app-lesen></router-link></div></div
><div class="summary-shortstories-row2 card-row"
><div class="character-teaser-container"
><h3 class="card-heading">Einsames Schaf</h3
><p class="card-text"
><span>Kurzgeschichte zum Thema Lebenswert, Oktober 2023</span
><br /><br /><span
>&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;</span
></p
><router-link to="/kurzgeschichten/einsames-schaf"
><app-lesen
class="summary-shortstories-component02"
></app-lesen></router-link></div
><div class="character-teaser-container"
><h3 class="card-heading">Gefangener Gorilla</h3
><p class="card-text"
><span>Kurzgeschichte zum Thema Lebenswert, Oktober 2023</span
><br /><br /><span
>&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;</span
></p
><router-link to="/kurzgeschichten/gefangener-gorilla"
><app-lesen
class="summary-shortstories-component03"
></app-lesen></router-link></div></div
><div class="summary-shortstories-row3 card-row"
><div class="character-teaser-container"
><h3 class="card-heading">Lasst mich Ruhen!</h3
><p class="card-text"
><span>Kurzgeschichte zum Thema Lebenswert, Oktober 2023</span
><br /><br /><span
>&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;</span
></p
><router-link to="/kurzgeschichten/lasst-mich-ruhen"
><app-lesen
class="summary-shortstories-component04"
></app-lesen></router-link></div
><div class="character-teaser-container"
><h3 class="card-heading">Die Lösung gegen Leid</h3
><p class="card-text"
><span>Kurzgeschichte zum Thema Lebenswert, Oktober 2023</span
><br /><br /><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! [...]”</span
></p
><router-link to="/kurzgeschichten/die-loesung-gegen-leid"
><app-lesen
class="summary-shortstories-component05"
></app-lesen></router-link></div></div
><div class="summary-shortstories-row4 card-row"
><div class="character-teaser-container"
><h3 class="card-heading">Infinite Deaths (English)</h3
><p class="card-text"
><span>Shortstory on the topic of life value, October 2023</span
><br /><br /><span
>“Every time you sleep, you could die during your sleep. Doesn’t that
scare you?”</span
><br /><span
>“But you do die every time you sleep. You are a different person when
you wake up than when you went to sleep.”</span
><br /><span>“That doesn’t make sense. It’s still me.”</span><br /><span
>“Yes, but [...]”</span
></p
><router-link to="/kurzgeschichten/infinite-deaths"
><app-lesen
class="summary-shortstories-component06"
></app-lesen></router-link></div
><div class="character-teaser-container"
><h3 class="card-heading">Versetztes Bedürfnis</h3
><p class="card-text"
><span>Kurzgeschichte zum Thema Lebenswert, Oktober 2023</span
><br /><br /><span
>“Du kannst also in die Vergangenheit reisen. Würdest Du jetzt also
ihre Wertsachen stehlen? Es ist, wo Du lebst, ja eh schon alles
passiert. Hier kannst Du einen Verlobungsring für ein Frühstück
verkaufen. Oder solltest Du nicht direkt das Frühstück aus der
Vergangenheit stehlen? Oder gar alles, was Du da findest?&quot;</span
></p
><router-link to="/kurzgeschichten/versetztes-beduerfnis"
><app-lesen
class="summary-shortstories-component07"
></app-lesen></router-link></div></div
><div class="summary-shortstories-row5 card-row"
><div class="character-teaser-container"
><h3 class="card-heading">Was unterscheidet Himmel von Hölle?</h3
><p class="card-text"
><span>Kurzgeschichte zum Thema Lebenswert, Oktober 2023</span
><br /><br /><span
>“Du glaubst also, es ist schöner im Himmel als in der Hölle zu sein?
Und nachdem du im Himmel alles erlebt hast, was es zu erleben gibt?
Wenn all die Schönheiten zur Gewohnheit werden und du des Lebens müde
wirst? Vielleicht nicht nach Jahrzehnten oder -hunderten, aber
Jahrtausenden oder Millionen. [...]&quot;</span
></p
><router-link to="/kurzgeschichten/was-unterscheidet-himmel-von-hoelle"
><app-lesen
class="summary-shortstories-component08"
></app-lesen></router-link></div
><div class="character-teaser-container"
><h3 class="card-heading">Leben statt Überleben</h3
><p class="card-text"
><span>Kurzgeschichte zum Thema Lebenswert, Oktober 2023</span
><br /><br /><span
>&quot;Nach der Katastrophe waren wir noch ein paar hundert Menschen
im Bunker. Ursprünglich dachten wir, wir könnten irgendwann wieder
raus an die Oberfläche, aber nein, wir mussten nach Monaten und Jahren
feststellen, dass die Erde zu vergiftet ist. [...]&quot;</span
></p
><router-link to="/kurzgeschichten/leben-statt-ueberleben"
><app-lesen
class="summary-shortstories-component09"
></app-lesen></router-link></div></div
><div class="summary-shortstories-row6 card-row"
><div class="character-teaser-container"
><h3 class="card-heading">Geträumtes Glück</h3
><p class="card-text">Kurzgeschichte zum Thema Liebe, Oktober 2023</p
><router-link to="/kurzgeschichten/getraeumtes-glueck"
><app-lesen
class="summary-shortstories-component10"
></app-lesen></router-link></div
><div class="character-teaser-container"
><h3 class="card-heading">Klon oder Leid</h3
><p class="card-text">Kurzgeschichte zum Thema Liebe, Oktober 2023</p
><router-link to="/kurzgeschichten/klon-oder-leid"
><app-lesen
class="summary-shortstories-component11"
></app-lesen></router-link></div></div
><div class="summary-shortstories-row7 card-row"
><div class="character-teaser-container"
><h3 class="card-heading">Ich will kein Hammer sein</h3
><p class="card-text"
>Kurzgeschichte zum Thema Freundschaft, Oktober 2023</p
><router-link to="/kurzgeschichten/ich-will-kein-hammer-sein"
><app-lesen
class="summary-shortstories-component12"
></app-lesen></router-link></div
><div class="character-teaser-container"
><h3 class="card-heading">Teilung zweier Welten</h3
><p class="card-text">Kurzgeschichte zum Thema Konflikt, Oktober 2023</p
><router-link to="/kurzgeschichten/teilung-zweier-welten"
><app-lesen
class="summary-shortstories-component13"
></app-lesen></router-link></div></div
><div class="summary-shortstories-row8 card-row"
><div class="character-teaser-container"
><h3 class="card-heading">Huhn rammt Huhn</h3
><p class="card-text">Kurzgeschichte zum Thema Konflikt, Oktober 2023</p
><router-link to="/kurzgeschichten/huhn-rammt-huhn"
><app-lesen
class="summary-shortstories-component14"
></app-lesen></router-link></div
><div class="character-teaser-container"
><h3 class="card-heading">Heiliger Steinkrieg</h3
><p class="card-text">Kurzgeschichte zum Thema Konflikt, Oktober 2023</p
><router-link to="/kurzgeschichten/heiliger-steinkrieg"
><app-lesen
class="summary-shortstories-component15"
></app-lesen></router-link></div></div
><div class="summary-shortstories-row9 card-row"
><div class="character-teaser-container"
><h3 class="card-heading">Unwichtigster Mensch</h3
><p class="card-text">Kurzgeschichte zum Thema Konflikt, Oktober 2023</p
><router-link to="/kurzgeschichten/unwichtigster-mensch"
><app-lesen
class="summary-shortstories-component16"
></app-lesen></router-link></div
><div class="character-teaser-container"
><h3 class="card-heading">Superkraft im Starbucks</h3
><p class="card-text">Kurzgeschichte zum Thema Konflikt, Oktober 2023</p
><router-link to="/kurzgeschichten/superkraft-im-starbucks"
><app-lesen
class="summary-shortstories-component17"
></app-lesen></router-link></div></div
><div class="summary-shortstories-row10 card-row"
><div class="character-teaser-container"
><h3 class="card-heading">Them or Us (English)</h3
><p class="card-text"
>Shortstory reinterpretating and combining ideas of two YouTube
&quot;Kurzgesagt&quot; videos, November 2023</p
><router-link to="/kurzgeschichten/them-or-us"
><app-lesen
class="summary-shortstories-component18"
></app-lesen></router-link></div></div
></main>
</template>
<script>
import AppLesen from './lesen'
export default {
name: 'SummaryShortstories',
props: {
rootClassName: String,
lesenLink: {
type: String,
default: 'Lesen ->',
},
},
components: {
AppLesen,
},
}
</script>
<style scoped>
.summary-shortstories-component {
text-decoration: none;
}
.summary-shortstories-component01 {
text-decoration: none;
}
.summary-shortstories-row2 {
margin-top: var(--dl-space-space-twounits);
}
.summary-shortstories-component02 {
text-decoration: none;
}
.summary-shortstories-component03 {
text-decoration: none;
}
.summary-shortstories-row3 {
margin-top: var(--dl-space-space-twounits);
}
.summary-shortstories-component04 {
text-decoration: none;
}
.summary-shortstories-component05 {
text-decoration: none;
}
.summary-shortstories-row4 {
margin-top: var(--dl-space-space-twounits);
}
.summary-shortstories-component06 {
text-decoration: none;
}
.summary-shortstories-component07 {
text-decoration: none;
}
.summary-shortstories-row5 {
margin-top: var(--dl-space-space-twounits);
}
.summary-shortstories-component08 {
text-decoration: none;
}
.summary-shortstories-component09 {
text-decoration: none;
}
.summary-shortstories-row6 {
margin-top: var(--dl-space-space-twounits);
}
.summary-shortstories-component10 {
text-decoration: none;
}
.summary-shortstories-component11 {
text-decoration: none;
}
.summary-shortstories-row7 {
margin-top: var(--dl-space-space-twounits);
}
.summary-shortstories-component12 {
text-decoration: none;
}
.summary-shortstories-component13 {
text-decoration: none;
}
.summary-shortstories-row8 {
margin-top: var(--dl-space-space-twounits);
}
.summary-shortstories-component14 {
text-decoration: none;
}
.summary-shortstories-component15 {
text-decoration: none;
}
.summary-shortstories-row9 {
margin-top: var(--dl-space-space-twounits);
}
.summary-shortstories-component16 {
text-decoration: none;
}
.summary-shortstories-component17 {
text-decoration: none;
}
.summary-shortstories-row10 {
margin-top: var(--dl-space-space-twounits);
}
.summary-shortstories-component18 {
text-decoration: none;
}
@media(max-width: 991px) {
.summary-shortstories-row2 {
margin-top: var(--dl-space-space-halfunit);
}
.summary-shortstories-row3 {
margin-top: var(--dl-space-space-halfunit);
}
.summary-shortstories-row4 {
margin-top: var(--dl-space-space-halfunit);
}
.summary-shortstories-row5 {
margin-top: var(--dl-space-space-halfunit);
}
.summary-shortstories-row6 {
margin-top: var(--dl-space-space-halfunit);
}
.summary-shortstories-row7 {
margin-top: var(--dl-space-space-halfunit);
}
.summary-shortstories-row8 {
margin-top: var(--dl-space-space-halfunit);
}
.summary-shortstories-row9 {
margin-top: var(--dl-space-space-halfunit);
}
.summary-shortstories-row10 {
margin-top: var(--dl-space-space-halfunit);
}
}
</style>

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

@ -1,62 +1,68 @@
<template>
<div class="veranstaltungen-liste-veranstaltungen-liste"
><div class="event-list"
><div class="event-entry"
><h3 class="event-title event-done">{{ run1 }}</h3
><div
><p class="event-section event-done">1. April 2023, 10:00 Uhr bis</p
><p class="event-section event-done">2. April 2023, 14:00 Uhr</p></div
><p class="event-section event-done">{{ standortWeisslingen }}</p
><p class="event-section event-done-green"
>durchgeführt mit 15 Teilnehmenden</p
></div
><div class="event-entry"
><h3 class="event-title event-done">{{ run2 }}</h3
><div
><p class="event-section event-done"
>13. Mai 2023, 10:00 Uhr bis <span v-html="rawd9wt"></span></p
><p class="event-section event-done">14. Mai 2023, 14:00 Uhr</p></div
><p class="event-section event-done">{{ standortHerten }}</p
><p class="event-section event-done-green"
>durchgeführt mit 15 Teilnehmenden</p
></div
><div class="event-entry"
><h3 class="event-title event-done">{{ run3 }}</h3
><div
><p class="event-section event-done"
>1. Juli 2023, 10:00 Uhr bis <span v-html="raw54zs"></span></p
><p class="event-section event-done">2. Juli 2023, 14:00 Uhr</p></div
><p class="event-section event-done">{{ standortHerten1 }}</p
><p class="event-section event-done-green"
>durchgeführt mit 15 Teilnehmenden</p
></div
><div class="event-entry"
><h3 class="event-title event-done">{{ run4 }}</h3
><div
><p class="event-section event-done">26. August 2023, 10:00 Uhr bis</p
><p class="event-section event-done">27. August 2023, 14:00 Uhr</p></div
><p class="event-section event-done">{{ standortHerten11 }}</p
><p class="event-section event-done-green"
>durchgeführt mit 15 Teilnehmenden</p
></div
></div
><kommende-letzte-gelegenheit-runs></kommende-letzte-gelegenheit-runs
></div>
<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>
</template>
<script>
import KommendeLetzteGelegenheitRuns from './kommende-letzte-gelegenheit-runs'
export default {
name: 'VeranstaltungenListe',
props: {
standortHerten11: {
standort5: {
type: String,
default: 'Waldritter e.V. (im Raumschiff) Ewaldstrasse 20, 45699 Herten',
},
standortHerten1: {
type: String,
default: 'Waldritter e.V. (im Raumschiff) Ewaldstrasse 20, 45699 Herten',
default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen',
},
run1: {
type: String,
@ -66,10 +72,26 @@ export default {
type: String,
default: 'Run 4 (Deutschland)',
},
standortWeisslingen: {
standort1: {
type: String,
default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen',
},
datum3: {
type: String,
default: '1. Juli 2023, 10:00 Uhr bis 2. Juli 2023, 14:00 Uhr',
},
datum2: {
type: String,
default: '13. Mai 2023, 10:00 Uhr bis 14. Mai 2023, 14:00 Uhr',
},
datum1: {
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,
@ -79,29 +101,109 @@ export default {
type: String,
default: 'Run 3 (Deutschland)',
},
standortHerten: {
datum4: {
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',
},
standort3: {
type: String,
default: 'Waldritter e.V. (im Raumschiff) Ewaldstrasse 20, 45699 Herten',
},
},
components: {
KommendeLetzteGelegenheitRuns,
},
data() {
return {
rawd9wt: ' ',
raw54zs: ' ',
}
},
}
</script>
<style scoped>
.veranstaltungen-liste-veranstaltungen-liste {
width: 100%;
padding-left: 2.5%;
padding-right: 2.5%;
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);
}
.veranstaltungen-liste-letzte-gelegenheit-run2 {
border-bottom-width: 0px;
}
.veranstaltungen-liste-letzte-gelegenheit-run3 {
border-bottom-width: 0px;
}
.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;
}
.veranstaltungen-liste-letzte-gelegenheit-run2 {
flex-direction: column;
}
.veranstaltungen-liste-letzte-gelegenheit-run3 {
flex-direction: column;
}
.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>

158
src/router.js
View file

@ -2,36 +2,13 @@ import Vue from 'vue'
import Router from 'vue-router'
import Meta from 'vue-meta'
import KlonOderLeid from './views/kurzgeschichten/klon-oder-leid'
import Games from './views/games'
import HuhnRammtHuhn from './views/kurzgeschichten/huhn-rammt-huhn'
import HeiligerSteinkrieg from './views/kurzgeschichten/heiliger-steinkrieg'
import VersetztesBedrfnis from './views/kurzgeschichten/versetztes-bedrfnis'
import Assemblatron from './views/games/assemblatron'
import EinsamesSchaf from './views/kurzgeschichten/einsames-schaf'
import DieLsungGegenLeid from './views/kurzgeschichten/die-lsung-gegen-leid'
import GefangenerGorilla from './views/kurzgeschichten/gefangener-gorilla'
import MeinLieblingsmensch from './views/mein-lieblingsmensch'
import ThemOrUs from './views/kurzgeschichten/them-or-us'
import GetrumtesGlck from './views/kurzgeschichten/getrumtes-glck'
import WasUnterscheidetHimmelVonHlle from './views/kurzgeschichten/was-unterscheidet-himmel-von-hlle'
import MurphysLARP from './views/games/murphys-larp'
import LasstMichRuhen from './views/kurzgeschichten/lasst-mich-ruhen'
import Kurzgeschichten from './views/kurzgeschichten'
import InfiniteDeaths from './views/kurzgeschichten/infinite-deaths'
import LebenStattBerleben from './views/kurzgeschichten/leben-statt-berleben'
import SuperkraftImStarbucks from './views/kurzgeschichten/superkraft-im-starbucks'
import UnwichtigsterMensch from './views/kurzgeschichten/unwichtigster-mensch'
import TeilungZweierWelten from './views/kurzgeschichten/teilung-zweier-welten'
import Page from './views/page'
import LARPs from './views/lar-ps'
import IchWillKeinHammerSein from './views/kurzgeschichten/ich-will-kein-hammer-sein'
import SsseTrume from './views/larps/ssse-trume'
import MurphysLARP from './views/murphys-larp'
import SsseTrume from './views/ssse-trume'
import BerUns from './views/ber-uns'
import Larpkonzept from './views/larpkonzept'
import EinOrdenFrEineGuteTat from './views/kurzgeschichten/ein-orden-fr-eine-gute-tat'
import LetzteGelegenheit from './views/larps/letzte-gelegenheit'
import Rosenteufel from './views/kurzgeschichten/rosenteufel'
import EinOrdenFrEineGuteTat from './views/ein-orden-fr-eine-gute-tat'
import LetzteGelegenheit from './views/letzte-gelegenheit'
import Rosenteufel from './views/rosenteufel'
import Home from './views/home'
import NotFound from './views/not-found'
import './style.css'
@ -41,129 +18,14 @@ Vue.use(Meta)
export default new Router({
mode: 'history',
routes: [
{
name: 'Klon-oder-Leid',
path: '/kurzgeschichten/klon-oder-leid',
component: KlonOderLeid,
},
{
name: 'Games',
path: '/drama-games',
component: Games,
},
{
name: 'Huhn-rammt-Huhn',
path: '/kurzgeschichten/huhn-rammt-huhn',
component: HuhnRammtHuhn,
},
{
name: 'Heiliger-Steinkrieg',
path: '/kurzgeschichten/heiliger-steinkrieg',
component: HeiligerSteinkrieg,
},
{
name: 'Versetztes-Bedrfnis',
path: '/kurzgeschichten/versetztes-beduerfnis',
component: VersetztesBedrfnis,
},
{
name: 'Assemblatron',
path: '/games/assemblatron',
component: Assemblatron,
},
{
name: 'Einsames-Schaf',
path: '/kurzgeschichten/einsames-schaf',
component: EinsamesSchaf,
},
{
name: 'Die-Lsung-gegen-Leid',
path: '/kurzgeschichten/die-loesung-gegen-leid',
component: DieLsungGegenLeid,
},
{
name: 'Gefangener-Gorilla',
path: '/kurzgeschichten/gefangener-gorilla',
component: GefangenerGorilla,
},
{
name: 'Mein-Lieblingsmensch',
path: '/mein-lieblingsmensch',
component: MeinLieblingsmensch,
},
{
name: 'Them-or-Us',
path: '/kurzgeschichten/them-or-us',
component: ThemOrUs,
},
{
name: 'Getrumtes-Glck',
path: '/kurzgeschichten/getraeumtes-glueck',
component: GetrumtesGlck,
},
{
name: 'Was-unterscheidet-Himmel-von-Hlle',
path: '/kurzgeschichten/was-unterscheidet-himmel-von-hoelle',
component: WasUnterscheidetHimmelVonHlle,
},
{
name: 'Murphys-LARP',
path: '/games/murphys-larp',
path: '/murphys-larp',
component: MurphysLARP,
},
{
name: 'Lasst-mich-Ruhen',
path: '/kurzgeschichten/lasst-mich-ruhen',
component: LasstMichRuhen,
},
{
name: 'Kurzgeschichten',
path: '/kurzgeschichten',
component: Kurzgeschichten,
},
{
name: 'Infinite-Deaths',
path: '/kurzgeschichten/infinite-deaths',
component: InfiniteDeaths,
},
{
name: 'Leben-statt-berleben',
path: '/kurzgeschichten/leben-statt-ueberleben',
component: LebenStattBerleben,
},
{
name: 'Superkraft-im-Starbucks',
path: '/kurzgeschichten/superkraft-im-starbucks',
component: SuperkraftImStarbucks,
},
{
name: 'Unwichtigster-Mensch',
path: '/kurzgeschichten/unwichtigster-mensch',
component: UnwichtigsterMensch,
},
{
name: 'Teilung-zweier-Welten',
path: '/kurzgeschichten/teilung-zweier-welten',
component: TeilungZweierWelten,
},
{
name: 'Page',
path: '/page',
component: Page,
},
{
name: 'LARPs',
path: '/larps',
component: LARPs,
},
{
name: 'Ich-will-kein-Hammer-sein',
path: '/kurzgeschichten/ich-will-kein-hammer-sein',
component: IchWillKeinHammerSein,
},
{
name: 'Ssse-Trume',
path: '/larps/suesse-traeume',
path: '/suesse-traeume',
component: SsseTrume,
},
{
@ -178,17 +40,17 @@ export default new Router({
},
{
name: 'Ein-Orden-fr-eine-gute-Tat',
path: '/kurzgeschichten/ein-orden-fuer-eine-gute-tat',
path: '/ein-orden-fuer-eine-gute-tat',
component: EinOrdenFrEineGuteTat,
},
{
name: 'Letzte-Gelegenheit',
path: '/larps/letzte-gelegenheit',
path: '/letzte-gelegenheit',
component: LetzteGelegenheit,
},
{
name: 'Rosenteufel',
path: '/kurzgeschichten/rosenteufel',
path: '/rosenteufel',
component: Rosenteufel,
},
{

95
src/style.css
View file

@ -126,7 +126,7 @@
letter-spacing: 2px;
}
.section-heading {
color: #ffffff;
color: rgb(255, 255, 255);
font-size: 40px;
font-style: normal;
font-family: Poppins;
@ -223,9 +223,10 @@
border-left-width: 0px;
border-right-width: 0px;
}
.event-section {
.event-date {
color: #ffffff;
width: 250px;
width: 200px;
height: auto;
font-family: Poppins;
line-height: 28px;
}
@ -238,6 +239,12 @@
font-weight: 400;
margin-left: var(--dl-space-space-unit);
}
.event-location {
color: #ffffff;
width: 250px;
font-family: Poppins;
line-height: 28px;
}
@ -312,7 +319,6 @@
gap: var(--dl-space-space-twounits);
width: 100%;
display: flex;
position: relative;
max-width: 1200px;
align-items: center;
flex-direction: row;
@ -340,9 +346,18 @@
font-family: Poppins;
line-height: 28px;
}
.site-subtitle {
color: rgb(255, 255, 255);
font-size: 20px;
max-width: 90%;
font-family: Poppins;
line-height: 30px;
}
.photo {
height: 360px;
}
.photo-gallery {
gap: var(--dl-space-space-twounits);
flex: 0 0 auto;
@ -541,7 +556,6 @@
background-color: #595959;
}
.mobile-menu-dropdown-header {
cursor: pointer;
font-size: 16px;
font-style: normal;
text-align: center;
@ -675,38 +689,6 @@
font-family: "Poppins";
line-height: 28px;
}
.shortstory-paragraph {
font-size: 24px;
text-align: justify;
font-family: "serif";
}
.more-link {
gap: var(--dl-space-space-oneandhalfunits);
cursor: pointer;
display: flex;
transition: 0.3s;
align-items: center;
border-color: #ffff00;
flex-direction: column;
padding-bottom: var(--dl-space-space-halfunit);
justify-content: center;
text-decoration: none;
border-bottom-width: 1px;
}
.more-link:hover {
opacity: 0.5;
}
.shortstory-image {
width: 100%;
margin-top: var(--dl-space-space-twounits);
}
.event-list {
width: 95%;
max-width: 1090px;
margin-left: auto;
margin-right: auto;
background-color: rgba(41, 41, 41, 0.8);
}
.Heading {
font-size: 32px;
font-family: Inter;
@ -727,10 +709,6 @@
.site-title {
text-align: center;
}
.event-entry {
flex-wrap: wrap;
flex-direction: column;
}
.event-title {
font-size: 24px;
}
@ -741,20 +719,19 @@
gap: var(--dl-space-space-halfunit);
flex-direction: column;
}
.site-subtitle {
text-align: left;
}
.buttons-container {
flex-direction: column;
}
.event-list {
max-width: 300px;
}
}
@media(max-width: 767px) {
.round-borders {
width: 90%;
}
.text-body {
padding-left: var(--dl-space-space-twounits);
padding-right: TwoUnits;
.event-entry {
flex-wrap: wrap;
}
.event-title {
width: 100%;
@ -770,12 +747,26 @@
.character-title {
color: rgb(255, 255, 255);
}
.card-row {
gap: var(--dl-space-space-oneandhalfunits);
flex-wrap: wrap;
flex-direction: column;
}
.character-summary {
color: rgb(255, 255, 255);
font-size: 18px;
font-family: Poppins;
line-height: 28px;
}
.site-subtitle {
color: rgb(255, 255, 255);
font-size: 16px;
font-family: Poppins;
line-height: 24px;
}
.mobile-menu-text {
color: #ffffff;
}
.page-title {
font-size: 40px;
}
@ -799,10 +790,6 @@
.section-head {
font-size: 30px;
}
.text-body {
padding-left: var(--dl-space-space-unit);
padding-right: var(--dl-space-space-unit);
}
.character-summary {
color: rgb(255, 255, 255);
font-size: 18px;
@ -821,10 +808,4 @@
.character-themes {
font-size: 18px;
}
.shortstory-paragraph {
text-align: left;
}
.event-list {
width: 90%;
}
}

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

@ -1,31 +1,36 @@
<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
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
<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>
Bis jetzt ist Hermann das einzige offizielle Mitglied vom OpenVisor
Team. In Zukunft wird es sicher mehr Mitglieder im Team geben.
</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>

370
src/views/ein-orden-fr-eine-gute-tat.vue Normal file
View file

@ -0,0 +1,370 @@
<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</span>
<br />
</span>
<div class="ein-orden-fr-eine-gute-tat-beschreibung text-body">
<span>
(Der Shop ist aus Kostengründen zurzeit deaktiviert. Bei Interesse an der
Kurzgeschichte bitte Kontakt aufnehmen, siehe unten.)
</span>
<div class="ein-orden-fr-eine-gute-tat-container1">
<div class="ein-orden-fr-eine-gute-tat-container2">
<DangerousHTML
html="<div id='product-component-1697646820730'></div>
<script type='text/javascript'>
/*<![CDATA[*/
(function () {
var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
if (window.ShopifyBuy) {
if (window.ShopifyBuy.UI) {
ShopifyBuyInit();
} else {
loadScript();
}
} else {
loadScript();
}
function loadScript() {
var script = document.createElement('script');
script.async = true;
script.src = scriptURL;
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
script.onload = ShopifyBuyInit;
}
function ShopifyBuyInit() {
var client = ShopifyBuy.buildClient({
domain: 'shop.openvisor.ch',
storefrontAccessToken: '99ed5bcb1d89a858269164af0987ee2a',
});
ShopifyBuy.UI.onReady(client).then(function (ui) {
ui.createComponent('product', {
id: '8466633261324',
node: document.getElementById('product-component-1697646820730'),
moneyFormat: 'CHF%20%7B%7Bamount%7D%7D',
options: {
'product': {
'styles': {
'product': {
'@media (min-width: 601px)': {
'max-width': '100%',
'margin-left': '0',
'margin-bottom': '50px'
},
'text-align': 'left'
},
'title': {
'font-size': '26px'
},
'price': {
'font-size': '18px'
},
'compareAt': {
'font-size': '15.299999999999999px'
},
'unitPrice': {
'font-size': '15.299999999999999px'
}
},
'layout': 'horizontal',
'contents': {
'img': false,
'imgWithCarousel': true,
'description': true
},
'width': '100%',
'text': {
'button': 'Add to cart'
}
},
'productSet': {
'styles': {
'products': {
'@media (min-width: 601px)': {
'margin-left': '-20px'
}
}
}
},
'modalProduct': {
'contents': {
'img': false,
'imgWithCarousel': true,
'button': false,
'buttonWithQuantity': true
},
'styles': {
'product': {
'@media (min-width: 601px)': {
'max-width': '100%',
'margin-left': '0px',
'margin-bottom': '0px'
}
},
'title': {
'font-family': 'Helvetica Neue, sans-serif',
'font-weight': 'bold',
'font-size': '26px',
'color': '#4c4c4c'
},
'price': {
'font-family': 'Helvetica Neue, sans-serif',
'font-weight': 'normal',
'font-size': '18px',
'color': '#4c4c4c'
},
'compareAt': {
'font-family': 'Helvetica Neue, sans-serif',
'font-weight': 'normal',
'font-size': '15.299999999999999px',
'color': '#4c4c4c'
},
'unitPrice': {
'font-family': 'Helvetica Neue, sans-serif',
'font-weight': 'normal',
'font-size': '15.299999999999999px',
'color': '#4c4c4c'
}
},
'text': {
'button': 'Add to cart'
}
},
'option': {},
'cart': {
'text': {
'total': 'Subtotal',
'button': 'Checkout'
}
},
'toggle': {}
},
});
});
}
})();
/*]]>*/
</script>"
></DangerousHTML>
</div>
</div>
<div>
<div class="ein-orden-fr-eine-gute-tat-container4">
<DangerousHTML
html="<div id='product-component-1697816787905'></div>
<script type='text/javascript'>
/*<![CDATA[*/
(function () {
var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
if (window.ShopifyBuy) {
if (window.ShopifyBuy.UI) {
ShopifyBuyInit();
} else {
loadScript();
}
} else {
loadScript();
}
function loadScript() {
var script = document.createElement('script');
script.async = true;
script.src = scriptURL;
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
script.onload = ShopifyBuyInit;
}
function ShopifyBuyInit() {
var client = ShopifyBuy.buildClient({
domain: '7edb74-2.myshopify.com',
storefrontAccessToken: '99ed5bcb1d89a858269164af0987ee2a',
});
ShopifyBuy.UI.onReady(client).then(function (ui) {
ui.createComponent('product', {
id: '8466696012044',
node: document.getElementById('product-component-1697816787905'),
moneyFormat: 'CHF%20%7B%7Bamount%7D%7D',
options: {
'product': {
'styles': {
'product': {
'@media (min-width: 601px)': {
'max-width': '100%',
'margin-left': '0',
'margin-bottom': '50px'
},
'text-align': 'left'
},
'title': {
'font-size': '26px'
},
'price': {
'font-size': '18px'
},
'compareAt': {
'font-size': '15.299999999999999px'
},
'unitPrice': {
'font-size': '15.299999999999999px'
}
},
'layout': 'horizontal',
'contents': {
'img': false,
'imgWithCarousel': true,
'description': true
},
'width': '100%',
'text': {
'button': 'Add to cart'
}
},
'productSet': {
'styles': {
'products': {
'@media (min-width: 601px)': {
'margin-left': '-20px'
}
}
}
},
'modalProduct': {
'contents': {
'img': false,
'imgWithCarousel': true,
'button': false,
'buttonWithQuantity': true
},
'styles': {
'product': {
'@media (min-width: 601px)': {
'max-width': '100%',
'margin-left': '0px',
'margin-bottom': '0px'
}
},
'title': {
'font-family': 'Helvetica Neue, sans-serif',
'font-weight': 'bold',
'font-size': '26px',
'color': '#4c4c4c'
},
'price': {
'font-family': 'Helvetica Neue, sans-serif',
'font-weight': 'normal',
'font-size': '18px',
'color': '#4c4c4c'
},
'compareAt': {
'font-family': 'Helvetica Neue, sans-serif',
'font-weight': 'normal',
'font-size': '15.299999999999999px',
'color': '#4c4c4c'
},
'unitPrice': {
'font-family': 'Helvetica Neue, sans-serif',
'font-weight': 'normal',
'font-size': '15.299999999999999px',
'color': '#4c4c4c'
}
},
'text': {
'button': 'Add to cart'
}
},
'option': {},
'cart': {
'text': {
'total': 'Subtotal',
'button': 'Checkout'
},
'popup': false
},
'toggle': {}
},
});
});
}
})();
/*]]>*/
</script>"
></DangerousHTML>
</div>
</div>
</div>
<app-kontakt rootClassName="kontakt-root-class-name4"></app-kontakt>
</div>
</template>
<script>
import DangerousHTML from 'dangerous-html/vue'
import AppNavigation from '../components/navigation'
import AppKontakt from '../components/kontakt'
export default {
name: 'EinOrdenFrEineGuteTat',
props: {},
components: {
AppNavigation,
DangerousHTML,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Ein Orden für eine gute Tat',
meta: [
{
name: 'description',
content:
'Ein brauner Schneehase besucht zwei Hörnchen im vom Herbst bunt gefärbten Wald. Er hat einen Orden, den er für eine gute Tat vergeben möchte.',
},
{
property: 'og:title',
content: 'OpenVisor - Ein Orden für eine gute Tat',
},
{
property: 'og:description',
content:
'brauner Schneehase besucht zwei Hö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?',
},
],
},
}
</script>
<style scoped>
.ein-orden-fr-eine-gute-tat-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");
}
.ein-orden-fr-eine-gute-tat-beschreibung {
width: 90%;
max-width: 1080px;
align-content: center;
}
.ein-orden-fr-eine-gute-tat-container1 {
margin-bottom: var(--dl-space-space-twounits);
}
.ein-orden-fr-eine-gute-tat-container2 {
display: contents;
}
.ein-orden-fr-eine-gute-tat-container4 {
display: contents;
}
@media(max-width: 991px) {
.ein-orden-fr-eine-gute-tat-beschreibung {
width: 90%;
}
}
</style>

69
src/views/games.vue
View file

@ -1,69 +0,0 @@
<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>

82
src/views/games/assemblatron.vue
View file

@ -1,82 +0,0 @@
<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: [
{
name: 'description',
content:
'Ein Videospiel in einer von George Orwells "Nineteen Eighty-Four" inspirierten Dystopie in der die Bevölkerung in Fabriken Kampfroboter baut welche die anderen, feindlichen Städte zerstören.',
},
{
property: 'og:title',
content: 'OpenVisor - Assemblatron',
},
{
property: 'og:description',
content:
'Ein Videospiel in einer von George Orwells "Nineteen Eighty-Four" inspirierten Dystopie in der die Bevölkerung in Fabriken Kampfroboter baut welche die anderen, feindlichen Städte zerstören.',
},
],
},
}
</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>

201
src/views/home.vue
View file

@ -1,35 +1,117 @@
<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
><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>
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>
<main class="card-row">
<section class="character-teaser-container">
<h1 class="card-heading">Letzte Gelegenheit</h1>
<p class="card-text">
Das Nordic LARP “Letzte Gelegenheit” spielt in der heutigen Zeit in
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="/letzte-gelegenheit">
<div class="home-button"><p class="card-link">Mehr -&gt;</p></div>
</router-link>
</section>
<div class="character-teaser-container">
<h1 class="card-heading">Süsse Träume</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
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="/suesse-traeume">
<div class="home-button1"><p class="card-link">Mehr -&gt;</p></div>
</router-link>
</div>
</main>
</section>
<section class="card-container">
<h2 class="uppercase section-head">
<span>Kurzgeschichten</span>
<br />
</h2>
<main class="card-row">
<div class="character-teaser-container">
<h1 class="card-heading">Ein Orden für eine gute Tat</h1>
<p class="card-text">
&quot;Ein brauner Schneehase besucht ein ein Rothörnchen und ein
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; 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.
</p>
<router-link to="/ein-orden-fuer-eine-gute-tat">
<div class="home-button2"><p class="card-link">Lesen -&gt;</p></div>
</router-link>
</div>
<div class="character-teaser-container">
<h1 class="card-heading">Rosenteufel</h1>
<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 mit pseudomittelalterlicher
Grammatik 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>
<router-link to="/rosenteufel">
<div class="home-button3"><p class="card-link">Lesen -&gt;</p></div>
</router-link>
</div>
</main>
</section>
<app-kontakt></app-kontakt>
</div>
</template>
<script>
import AppNavigation from '../components/navigation'
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 VeranstaltungenListe from '../components/veranstaltungen-liste'
import AppKontakt from '../components/kontakt'
export default {
@ -37,10 +119,7 @@ export default {
props: {},
components: {
AppNavigation,
KommendeLetzteGelegenheitRuns,
SummaryLarps,
SummaryGames,
SummaryShortstories,
VeranstaltungenListe,
AppKontakt,
},
metaInfo: {
@ -98,6 +177,70 @@ export default {
padding-bottom: var(--dl-space-space-oneandhalfunits);
justify-content: center;
}
.home-button {
gap: var(--dl-space-space-oneandhalfunits);
cursor: pointer;
display: flex;
transition: 0.3s;
align-items: center;
border-color: #ffff00;
flex-direction: column;
padding-bottom: var(--dl-space-space-halfunit);
justify-content: center;
text-decoration: none;
border-bottom-width: 1px;
}
.home-button:hover {
opacity: 0.5;
}
.home-button1 {
gap: var(--dl-space-space-oneandhalfunits);
cursor: pointer;
display: flex;
transition: 0.3s;
align-items: center;
border-color: #FFFF00;
flex-direction: column;
padding-bottom: var(--dl-space-space-halfunit);
justify-content: center;
text-decoration: none;
border-bottom-width: 1px;
}
.home-button1:hover {
opacity: 0.5;
}
.home-button2 {
gap: var(--dl-space-space-oneandhalfunits);
cursor: pointer;
display: flex;
transition: 0.3s;
align-items: center;
border-color: #ffff00;
flex-direction: column;
padding-bottom: var(--dl-space-space-halfunit);
justify-content: center;
text-decoration: none;
border-bottom-width: 1px;
}
.home-button2:hover {
opacity: 0.5;
}
.home-button3 {
gap: var(--dl-space-space-oneandhalfunits);
cursor: pointer;
display: flex;
transition: 0.3s;
align-items: center;
border-color: #ffff00;
flex-direction: column;
padding-bottom: var(--dl-space-space-halfunit);
justify-content: center;
text-decoration: none;
border-bottom-width: 1px;
}
.home-button3:hover {
opacity: 0.5;
}
@media(max-width: 991px) {
.home-image {
width: 420px;

73
src/views/kurzgeschichten.vue
View file

@ -1,73 +0,0 @@
<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
erzählerisch zusammenzufassen. Künftig möchte Hermann ähnliche Ideen
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 {
name: 'Kurzgeschichten',
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.',
},
],
},
}
</script>
<style scoped>
.kurzgeschichten-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;
}
.kurzgeschichten-container1 {
align-items: center;
justify-content: center;
}
</style>

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

@ -1,137 +0,0 @@
<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
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."
src="/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_die_loesung_gegen_leid-1200w.webp"
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>

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

@ -1,101 +0,0 @@
<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
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
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
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
alt="image"
src="/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_einordenfuereinegutetat-1200w.png"
class="shortstory-image" /></div
><app-kontakt rootClassName="kontakt-root-class-name4"></app-kontakt
></div>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'EinOrdenFrEineGuteTat',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Ein Orden für eine gute Tat',
meta: [
{
name: 'description',
content:
'Ein brauner Schneehase besucht zwei Hörnchen im vom Herbst bunt gefärbten Wald. Er hat einen Orden, den er für eine gute Tat vergeben möchte.',
},
{
property: 'og:title',
content: 'OpenVisor - Ein Orden für eine gute Tat',
},
{
property: 'og:description',
content:
'brauner Schneehase besucht zwei Hö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?',
},
],
},
}
</script>
<style scoped>
.ein-orden-fr-eine-gute-tat-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");
}
.ein-orden-fr-eine-gute-tat-container1 {
display: flex;
position: relative;
}
.ein-orden-fr-eine-gute-tat-download-button {
text-decoration: none;
}
.ein-orden-fr-eine-gute-tat-text-container {
width: 90%;
max-width: 1080px;
align-items: flex-end;
align-content: center;
justify-content: center;
}
@media(max-width: 991px) {
.ein-orden-fr-eine-gute-tat-text-container {
width: 90%;
}
}
</style>

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

@ -1,121 +0,0 @@
<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
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
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. Nach etlichen Fluchtversuchen lässt es sich immer
weniger vom Hund beeindrucken, bis es diesen ganz ignoriert und gebannt
zum Felsvorsprung an der Küste rennt. Der Hirte schafft es mit schnellem
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
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
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,
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
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>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'EinsamesSchaf',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Einsames Schaf',
meta: [
{
name: 'description',
content:
'"Fast wäre das Lamm von der Klippe gestürzt. Der Schäferhund hatte es nach dem Pfeifen des Hirten grade noch erreicht. [...]"',
},
{
property: 'og:title',
content: 'OpenVisor - Einsames Schaf',
},
{
property: 'og:description',
content:
'"Fast wäre das Lamm von der Klippe gestürzt. Der Schäferhund hatte es nach dem Pfeifen des Hirten grade noch erreicht. [...]"',
},
],
},
}
</script>
<style scoped>
.einsames-schaf-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;
}
.einsames-schaf-download-button {
text-decoration: none;
}
.einsames-schaf-text15 {
font-style: italic;
text-align: center;
}
@media(max-width: 991px) {
.einsames-schaf-text15 {
font-style: italic;
}
}
</style>

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

@ -1,133 +0,0 @@
<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
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
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
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
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
bereits. Sebastian klopft leise am Glas. Der Gorilla schaut ihn
überrascht an. Er beginnt zu verstehen und grinst Sebastian an.
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
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
sofort reinhüpft und lachen muss. “Pssssscht!”, sagt ihm Sebastian, kann
sich selbst aber ein fröhliches Kichern nicht verkneifen, als der
Gorilla sein Gesicht im Wasserfällchen wäscht. Sie gehen weiter und der
Gorilla kriegt kalt. Sebastian gibt ihm seine hellgrüne Jacke. Doch der
Gorilla zeigt in seinen offenen Rachen und kreist die andere Hand um
seinen Bauch. Er hat Hunger. Hm, hier im Wald hat es aber keine Bananen.
Hier gibt es höchstens Pilze, aber Sebastian weiss nicht welche giftig
sind und welche nicht. Und für einen ausgewachsenen Gorilla würde das
sowieso nicht reichen. Erst jetzt fällt Sebastian ein, wie aussichtslos
das Ganze ist. Er seufzt und erklärt dem Gorilla, dass es hier nichts zu
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
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
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
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>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'GefangenerGorilla',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Gefangener Gorilla',
meta: [
{
name: 'description',
content:
'"Im Zoo sieht der kleine Sebastian einen jungen, kleinen Gorilla. Er sieht ganz traurig aus. Sebastian findet das schade. [...]"',
},
{
property: 'og:title',
content: 'OpenVisor - Gefangener Gorilla',
},
{
property: 'og:description',
content:
'"Im Zoo sieht der kleine Sebastian einen jungen, kleinen Gorilla. Er sieht ganz traurig aus. Sebastian findet das schade. [...]"',
},
],
},
}
</script>
<style scoped>
.gefangener-gorilla-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;
}
.gefangener-gorilla-download-button {
text-decoration: none;
}
</style>

112
src/views/kurzgeschichten/getrumtes-glck.vue
View file

@ -1,112 +0,0 @@
<template>
<div class="getrumtes-glck-container"
><app-navigation rootClassName="navigation-root-class-name37"></app-navigation
><h1 class="page-title">Geträumtes Glück</h1
><span class="page-subtitle"
><span>Kurzgeschichte zum Thema Liebe, Oktober 2023</span><br /></span
><a
href="https://drive.google.com/file/d/1uSdNFezdhoXgtXFo-pKTFC0FBw2jFuvN/view?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="getrumtes-glck-download-button button"
><span class="button-text">Als PDF</span></a
><div class="text-body"
><p class="shortstory-paragraph"
><span>“Ich habe mich verliebt…”</span><br /><br /><span
>“Was? Das ist doch grossartig?”</span
><br /><br /><span>“Ich weiss nicht… Sie war in meinem Traum…”</span
><br /><br /><span>“Oh… Schade…”</span><br /><br /><span
>“Wieso eigentlich schade? Ich träume nicht das erste Mal von ihr. Fast
in jedem Traum sehe ich sie wieder und wir machen jeweils dort weiter,
wo wir aufgehört haben. Es ist perfekt…”</span
><br /><br /><span>“Aber das ist nicht echt. Sie existiert nicht.”</span
><br /><br /><span>“Wenn ich schlafe tut sie’s.”</span><br /><br /><span
>“Das ist aber nicht real.”</span
><br /><br /><span
>“Na und? Wenn ich weiss, dass ich da wiederkehre, kann ich mich nicht
einfach entscheiden, dass deine Realität ein Traum ist und mein Traum
die Realität?”</span
><br /><br /><span
>“Ich schätze, das kannst du. Aber ist es nicht seltsam? Du hast sie
geschaffen. Also, dein Unterbewusstsein. Das ist doch nicht
richtig.”</span
><br /><br /><span
>“Wieso sollte es das nicht sein? Muss mein Glück von jemand anderem
abhängen, damit es richtig ist? Das bringt doch niemandem was.”</span
><br /><br /><span>“Aber… Was ist mit dieser Welt. Was ist mit uns?”</span
><br /><br /><span
>“Wenn du ohne etwas getan hast, in ein Gefängnis geworfen wirst, bist
du dann verpflichtet, ein Häftling zu sein, nur weil andere das sein
wollen?”</span
><br /><br /><span
>“Wie soll das überhaupt funktionieren? Lebst du nur noch, um schlafen
zu können?”</span
><br /><br /><span
>“Wieso nicht? Arbeit ist Arbeit. Mit meiner Freizeit kann ich doch tun,
was ich will. Wenn ich mich dann in eine Welt teleportieren kann, in der
ich mich wohlfühle, schade ich ja niemandem.”</span
><br /><br /><span>“Ist das jetzt ein Abschied?”</span><br /><br /><span
>“Vielleicht. Du warst auch schon in meinen Träumen. Ich erinnere mich
an dich. Klar bist das nicht du, aber ein Abschied ist es ja nur, wenn
wir aufhören aneinander zu denken. Du hast mir doch immer von deiner
Angst erzählt, im Schlaf zu sterben. Nie zu wissen, ob wenn man schlafen
geht, man wieder aufwacht. Sieh es so: Wenn ich träume, kann ich dabei
meine letzten Momente wach erleben. Und vielleicht bist du dann sogar
auch dabei. Für mich mindestens.”</span
><br /><br /><span>“Das stimmt mich irgendwie trotzdem traurig…”</span
><br /><br /><span>“Das tut mir Leid. Mich macht es glücklich.”</span></p
></div
><app-kontakt rootClassName="kontakt-root-class-name26"></app-kontakt
></div>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'GetrumtesGlck',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Geträumtes Glück',
meta: [
{
name: 'description',
content:
'“Ich habe mich verliebt…”\n“Was? Das ist doch grossartig?”\n“Ich weiss nicht… Sie war in meinem Traum…”\n“Oh… Schade…”\n“Wieso eigentlich schade? Ich träume [...]"',
},
{
property: 'og:title',
content: 'OpenVisor - Geträumtes Glück',
},
{
property: 'og:description',
content:
'“Ich habe mich verliebt…”\n“Was? Das ist doch grossartig?”\n“Ich weiss nicht… Sie war in meinem Traum…”\n“Oh… Schade…”\n“Wieso eigentlich schade? Ich träume [...]"',
},
],
},
}
</script>
<style scoped>
.getrumtes-glck-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;
}
.getrumtes-glck-download-button {
text-decoration: none;
}
</style>

82
src/views/kurzgeschichten/heiliger-steinkrieg.vue
View file

@ -1,82 +0,0 @@
<template>
<div class="heiliger-steinkrieg-container"
><app-navigation rootClassName="navigation-root-class-name32"></app-navigation
><h1 class="page-title">Heiliger Stein</h1
><span class="page-subtitle"
><span>Kurzgeschichte zum Thema Konflikt, Oktober 2023</span><br /></span
><a
href="https://drive.google.com/file/d/1XAZ0eZgt8-rJoWuOnJHj9mLJgG7tfif6/view?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="heiliger-steinkrieg-download-button button"
><span class="button-text">Als PDF</span></a
><div class="text-body"
><p class="shortstory-paragraph"
><span
>Der Stammeskrieg um den heiligen Stein brennt seit Generationen. Aiooh
ist das jüngste Stammesmitglied des Stammes, der gerade den Stein bei
sich hat. Aiooh findet, heilig ist doch nur, was Heil bringt. Der Stein
aber brachte bis jetzt nur Bosheit. Als wieder darum gekämpft wird und
wieder Freunde und Familienmitglieder dafür sterben um den Stein zu
verteidigen, reisst es Aiooh den Faden: Sie starben alle umsonst!</span
><br /><br /><span
>Aiooh zerschlägt den Stein und versenkt die Splitter im See. Der Stamm
wirft Aiooh vor, böse zu sein. Denn da der Stein nun nicht mehr war,
waren die Opfer in der Vergangenheit sinnlos: Sie starben alle
umsonst!</span
></p
></div
><app-kontakt rootClassName="kontakt-root-class-name21"></app-kontakt
></div>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'HeiligerSteinkrieg',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Heiliger Steinkrieg',
meta: [
{
name: 'description',
content:
'"Der Stammeskrieg um den heiligen Stein brennt seit Generationen. Aiooh ist das jüngste Stammesmitglied des Stammes, der gerade den Stein bei sich hat. [...]"',
},
{
property: 'og:title',
content: 'OpenVisor - Heiliger Steinkrieg',
},
{
property: 'og:description',
content:
'"Der Stammeskrieg um den heiligen Stein brennt seit Generationen. Aiooh ist das jüngste Stammesmitglied des Stammes, der gerade den Stein bei sich hat. [...]"',
},
],
},
}
</script>
<style scoped>
.heiliger-steinkrieg-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;
}
.heiliger-steinkrieg-download-button {
text-decoration: none;
}
</style>

84
src/views/kurzgeschichten/huhn-rammt-huhn.vue
View file

@ -1,84 +0,0 @@
<template>
<div class="huhn-rammt-huhn-container"
><app-navigation rootClassName="navigation-root-class-name31"></app-navigation
><h1 class="page-title">Huhn rammt Huhn</h1
><span class="page-subtitle"
><span>Kurzgeschichte zum Thema Konflikt, Oktober 2023</span><br /></span
><a
href="https://docs.google.com/document/d/1RS2zs4Li0gUPUud_QDhVI_61bwIuy08_sMvVLlsoTeU/edit?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="huhn-rammt-huhn-download-button button"
><span class="button-text">Als PDF</span></a
><div class="text-body"
><p class="shortstory-paragraph"
><span
>Huhn rammt Huhn. Das Blatt fällt runter. Huhn mit Blatt im Schnabel
rennt weg. Doch das wird selbst von Huhn gerammt. Eben diesem wird das
Blatt aber von wiederum einem anderen Huhn weggepickt.</span
><br /><br /><span
>Welches Huhn das erste war, welches dieses Blatt statt Futter
versehentlich aufgepickt hatte, weiss man nicht mehr. Auf jeden Fall
dachte ein anderes, es wäre was wertvolles, wenn es schon aufgepickt
wird und pickte es dem andern Huhn weg. Die Hühner, die das sahen,
dachten sich dann auch, das muss wertvoll sein, wenn darum gestritten
wird, und stritten fortan auch drum.</span
><br /><br /><span
>Nun brennt der Kampf um das für Hühner nährstofflose Blatt weiter, nur
weil selbst ein so einfaches Tier Neid und Gier kennt.</span
></p
></div
><app-kontakt rootClassName="kontakt-root-class-name20"></app-kontakt
></div>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'HuhnRammtHuhn',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Huhn rammt Huhn',
meta: [
{
name: 'description',
content:
'"Huhn rammt Huhn. Das Blatt fällt runter. Huhn mit Blatt im Schnabel rennt weg. Doch das wird selbst von Huhn gerammt. Eben diesem wird das Blatt aber [...]"',
},
{
property: 'og:title',
content: 'OpenVisor - Huhn rammt Huhn',
},
{
property: 'og:description',
content:
'"Huhn rammt Huhn. Das Blatt fällt runter. Huhn mit Blatt im Schnabel rennt weg. Doch das wird selbst von Huhn gerammt. Eben diesem wird das Blatt aber [...]"',
},
],
},
}
</script>
<style scoped>
.huhn-rammt-huhn-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;
}
.huhn-rammt-huhn-download-button {
text-decoration: none;
}
</style>

92
src/views/kurzgeschichten/ich-will-kein-hammer-sein.vue
View file

@ -1,92 +0,0 @@
<template>
<div class="ich-will-kein-hammer-sein-container"
><app-navigation rootClassName="navigation-root-class-name30"></app-navigation
><h1 class="page-title">Ich will kein Hammer sein</h1
><span class="page-subtitle"
><span>Kurzgeschichte zum Thema Freundschaft, Oktober 2023</span
><br /></span
><a
href="https://drive.google.com/file/d/1eGFGTW0qhhl6um6z_QI3ppYF_bP3pXWT/view?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="ich-will-kein-hammer-sein-download-button button"
><span class="button-text">Als PDF</span></a
><div class="text-body"
><p class="shortstory-paragraph"
><span>“Ich habe Angst davor, immer nur ein Hammer zu sein.”</span
><br /><br /><span
>“Ein Hammer? Ich dachte, dir geht es um Freundschaft?”</span
><br /><br /><span
>“Ja, genau. Ich habe aber das Gefühl, dass diese Freundschaft nur auf
Nützlichkeit basiert. Wir teilen dieses Hobby und treffen uns dafür.
Aber ohne das Hobby sehe ich auch keinen Sinn für weitere Treffen und
ich denke die Person auch nicht.”</span
><br /><br /><span>“Hm, dann seid ihr wohl füreinander Hämmer.”</span
><br /><br /><span
>“Aber wie findet man jemanden, wo es über gemeinsame Interessen
hinausgeht? Was bindet andere Freunde zusammen, wenn sie nicht dieselben
Interessen haben?”</span
><br /><br /><span
>“Derselbe Vibe. Und ich schätze auch Loyalität. Finde jemanden, der
sich wie du mit jemandem zufrieden gibt, der nicht nützlich für einen
sein muss. Und ihr müsst einander irgendwie verstehen können. Empathie
mit jedem ist gar nicht so einfach. Wenn man einander trotzdem bleibt,
dann zeigt das viel mehr Freundschaft als der nützlichste Freund.
Einfach gemeinsam in der Achterbahn des absurden Lebens zu sitzen ohne
nach einem vermeintlich “besseren” Sitznachbarn zu suchen.”</span
></p
></div
><app-kontakt rootClassName="kontakt-root-class-name6"></app-kontakt
></div>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'IchWillKeinHammerSein',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Ich will kein Hammer sein',
meta: [
{
name: 'description',
content:
'“Ich habe Angst davor, immer nur ein Hammer zu sein.”\n“Ein Hammer? Ich dachte, dir geht es um Freundschaft?”\n“Ja. Ich habe aber das Gefühl, dass diese Freundschaft nur auf Nützlichkeit basiert." [...]',
},
{
property: 'og:title',
content: 'OpenVisor - Ich will kein Hammer sein',
},
{
property: 'og:description',
content:
'“Ich habe Angst davor, immer nur ein Hammer zu sein.”\n“Ein Hammer? Ich dachte, dir geht es um Freundschaft?”\n“Ja. Ich habe aber das Gefühl, dass diese Freundschaft nur auf Nützlichkeit basiert." [...]',
},
],
},
}
</script>
<style scoped>
.ich-will-kein-hammer-sein-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;
}
.ich-will-kein-hammer-sein-download-button {
text-decoration: none;
}
</style>

109
src/views/kurzgeschichten/infinite-deaths.vue
View file

@ -1,109 +0,0 @@
<template>
<div class="infinite-deaths-container"
><app-navigation rootClassName="navigation-root-class-name23"></app-navigation
><h1 class="page-title">Infinite Deaths</h1
><span class="page-subtitle"
><span>Shortstory on the topic of life value, October 2023</span
><br /></span
><a
href="https://drive.google.com/file/d/1MFo_AWWeh2RYfkFgJ827FiSEJTlqKbu_/view?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="infinite-deaths-download-button button"
><span class="button-text">As PDF</span></a
><div class="text-body"
><p class="shortstory-paragraph"
><span
>“Every time you sleep, you could die during your sleep. Doesn’t that
scare you?”</span
><br /><br /><span
>“But you do die every time you sleep. You are a different person when
you wake up than when you went to sleep.”</span
><br /><br /><span>“That doesn’t make sense. It’s still me.”</span
><br /><br /><span
>“Yes, but a different you. The you of yesterday didn’t have the dreams
or the memories the you of today has. Also, even the slightest change in
your body makes it a different body. Of course, the you of now couldn’t
exist without the past you, but it is different. The longer the time
between a past you and the now you and the bigger the difference you
see. But no matter how long, there is always a difference.”</span
><br /><br /><span
>“But then it isn’t just when I sleep. It’s any second that passes. Any
fraction of time, I die. So living is just constantly dying.”</span
><br /><br /><span
>“Exactly. There is no way you could go back and live with a past you,
with the thoughts and composition of a past you. You can only live your
now you, which means all the past yous are dead. So since you have kept
dying since you were born, you shouldn’t fear when it is your last death
of infinite deaths.”</span
></p
><img
alt="A drawing in which a hooded skeleton holds an analog clock and is surrounded by analog clocks of different sizes."
src="/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_infinite_deaths-1200w.webp"
class="shortstory-image"
/><p class="infinite-deaths-text20 shortstory-paragraph"
>Drawing made by Lorena Zdanewitz.</p
></div
><app-kontakt rootClassName="kontakt-root-class-name16"></app-kontakt
></div>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'InfiniteDeaths',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Infinite Deaths',
meta: [
{
name: 'description',
content:
'“Every time you sleep, you could die during your sleep. Doesn’t that scare you?”\n“But you do die every time you sleep. You are a different person when you wake up than when you went to sleep.”\n...',
},
{
property: 'og:title',
content: 'OpenVisor - Infinite Deaths',
},
{
property: 'og:description',
content:
'“Every time you sleep, you could die during your sleep. Doesn’t that scare you?”\n“But you do die every time you sleep. You are a different person when you wake up than when you went to sleep.”\n...',
},
],
},
}
</script>
<style scoped>
.infinite-deaths-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;
}
.infinite-deaths-download-button {
text-decoration: none;
}
.infinite-deaths-text20 {
font-style: italic;
text-align: center;
}
@media(max-width: 991px) {
.infinite-deaths-text20 {
font-style: italic;
}
}
</style>

121
src/views/kurzgeschichten/klon-oder-leid.vue
View file

@ -1,121 +0,0 @@
<template>
<div class="klon-oder-leid-container"
><app-navigation rootClassName="navigation-root-class-name38"></app-navigation
><h1 class="page-title">Klon oder Leid</h1
><span class="page-subtitle"
><span>Kurzgeschichte zum Thema Liebe, Oktober 2023</span><br /></span
><a
href="https://drive.google.com/file/d/1in01NuKOW1heeJxsTtQT1wRTWFvxtdIV/view?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="klon-oder-leid-download-button button"
><span class="button-text">Als PDF</span></a
><div class="text-body"
><p class="shortstory-paragraph"
><span>“Du bist aufgewacht!”</span><br /><br /><span
>“Nein… Ich bin ein Klon deiner Liebe…”</span
><br /><br /><span>“Oh. Sie ist also noch immer schwer krank?”</span
><br /><br /><span
>“Ja. Aber ich bin auch sie. Und ich bin gesund. Ich bin ohne Krankheit.
Wir können zusammenleben.”</span
><br /><br /><span
>“Aber… Aber dann ist sie alleine. Du bist wie sie, aber du bist nicht
sie.”</span
><br /><br /><span>“Spielt das eine Rolle?”</span><br /><br /><span
>“Wenn es keine Rolle spielen würde, ginge es mir nicht um sie, sondern
um die Vorteile, die sie mir bringt. Für mich ist Liebe nicht da, um zu
gewinnen. Für mich liegt die Schönheit in der Aufgabe seiner selbst für
das völlige Vertrauen in der jeweils anderen Person.”</span
><br /><br /><span
>“Da ich ja sie bin, bin ich mir sicher, sie würde auch wollen, dass du
glücklich bist.”</span
><br /><br /><span
>“Ich weiss. Das ist doch das Schöne an unserer Liebe. Wir würden alles
für das Glück des jeweils anderen opfern.”</span
><br /><br /><span
>“Na gut, aber jetzt lebe ich ja bereits. Du schadest mir ja, wenn du
nicht mit mir zusammen bist. Und ich bin wie sie, nur nicht
krank.”</span
><br /><br /><span
>“Es tut mir Leid, aber dich habe ich nie geliebt. Du bist eine Kopie.
Egal wie exakt gleich du bist, meine Liebe ist krank und ich will für
sie da sein.”</span
><br /><br /><span
>“Und wenn sich ihre Krankheit verschlechtert? Dann werden wir alle
unglücklich sein. Das bringt weder ihr, noch dir, noch mir etwas.”</span
><br /><br /><span
>“Es geht doch dabei nicht um gewinnen. Sonst wäre doch Liebe nichts als
Opportunismus. Wo läge der Wert an Liebe, wenn ich dir zustimmen
würde?”</span
><br /><br /><span
>“Und wenn sie stirbt. Können wir dann zusammen sein?”</span
><br /><br /><span
>“Ich schätze, wir müssten uns erst kennenlernen. Du bist nicht sie und
unterscheidest dich mehr mit jeder Sekunde, die du gesund
existierst.”</span
><br /><br /><span
>“Und wenn du in der Zeit zurückreisen könntest, um ihre Krankheit zu
verhindern?”</span
><br /><br /><span
>“Das wäre nicht mehr die Liebe, die ich bis jetzt liebe. Wenn sie das
will, tue ich das für sie, aber nur dann.”</span
><br /><br /><span
>“Du nimmst also Leiden aller im Namen der Liebe in Kauf?”</span
><br /><br /><span
>“Genau wie du und sie sind Liebe und Glück nicht das Gleiche.”</span
></p
></div
><app-kontakt rootClassName="kontakt-root-class-name27"></app-kontakt
></div>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'KlonOderLeid',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Klon oder Leid',
meta: [
{
name: 'description',
content:
'“Du bist aufgewacht!”\n“Nein… Ich bin ein Klon deiner Liebe…”\n“Oh. Sie ist also noch immer schwer krank?”\n“Ja. Aber ich bin auch sie. Und ich bin gesund. [...]"',
},
{
property: 'og:title',
content: 'OpenVisor - Klon oder Leid',
},
{
property: 'og:description',
content:
'“Du bist aufgewacht!”\n“Nein… Ich bin ein Klon deiner Liebe…”\n“Oh. Sie ist also noch immer schwer krank?”\n“Ja. Aber ich bin auch sie. Und ich bin gesund. [...]"',
},
],
},
}
</script>
<style scoped>
.klon-oder-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;
}
.klon-oder-leid-download-button {
text-decoration: none;
}
</style>

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

@ -1,111 +0,0 @@
<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
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."
src="/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_lasst_mich_ruhen-1200w.webp"
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>

123
src/views/kurzgeschichten/leben-statt-berleben.vue
View file

@ -1,123 +0,0 @@
<template>
<div class="leben-statt-berleben-container"
><app-navigation rootClassName="navigation-root-class-name26"></app-navigation
><h1 class="page-title">Leben statt Überleben</h1
><span class="page-subtitle"
><span>Kurzgeschichte zum Thema Lebenswert, November 2023</span><br /></span
><a
href="https://drive.google.com/file/d/1li9O8iGqL6mOgagHtzH4tKe6WZW8xt0J/view?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="leben-statt-berleben-download-button button"
><span class="button-text">Als PDF</span></a
><div class="text-body"
><p class="shortstory-paragraph"
><span
>Nach der Katastrophe waren wir noch ein paar hundert Menschen im
Bunker. Ursprünglich dachten wir, wir könnten irgendwann wieder raus an
die Oberfläche, aber nein, wir mussten nach Monaten und Jahren
feststellen, dass die Erde zu vergiftet ist. Mit Pilzen und Pflanzen
eine Nahrungsmittelkette aufzubauen war nicht mal das schwierigste. Sie
instand zu halten und den Bunker zu warten, würde dafür sorgen, dass
niemand wirklich eine Stunde Freizeit gönnen durfte, ohne dass das
System kollabiert. Wir berechneten Geburtenzahlen, um das System zu
optimieren und schon vergingen Generationen.</span
><br /><br /><span
>Anna arbeitete. Sie verliebte sich in Tom und die beiden kriegten sogar
ein Los, dass sie ein Kind haben durften. Ein bisschen Zärtlichkeit war
da, doch Freizeit würden auch sie nie kriegen. Den Kindern wurde auch
nur das beigebracht, was wirklich wichtig war, um das System instand zu
halten und der Rest, falls mal eine freie Minute da war, aber viel war
es nicht. Sie starben 23 Jahre später.</span
><br /><br /><span
>Ihr Kind Zoe hatte nicht das Glück eines Kinder-Loses. Als sie und ihr
Liebhaber Karl dann trotzdem zusammen erwischt wurden, wurden sie
verwarnt, mit der Konsequenz, dass sie sterilisiert würden, wenn sie
weitermachten. Immerhin gab es hier keine Möglichkeiten für
Abtreibungen. Also hielten sie sich fern voneinander und starben
irgendwann.</span
><br /><br /><span
>Jakob war einer, der mochte die Arbeit mit den Pflanzen erst.
Irgendwann hatte aber auch er die Schnauze voll davon. Er starb mit 51.
Gerda und Louis, tot mit 67 und 42. Robert, 59. Philipp, 2. Tina, 23.
Heiko, 62.</span
><br /><br /><span
>Nach spätestens ein paar Generationen fragt man sich doch nicht mehr,
ob man selbst erleben wird, dass die Oberfläche wieder bewohnbar wird.
Es wirkt einfach zu unwahrscheinlich, diese Hoffnung überhaupt zu
nähren. Man lebt noch – aber was ist das für ein Leben? Welchen
Anhaltspunkt hat man, dass die Oberfläche überhaupt wieder mal bewohnbar
ist, wenn sich nach Generationen nichts geändert hat? Was ist so wichtig
daran, dass die Menschheit diese Katastrophe überlebt? Hat das Universum
was daran? Spielt’s fürs Universum ne Rolle? Was bringt es, die
Menschheit ewig leben zu lassen, wenn nur als Zahnräder ihrer selbst
erhaltenden Maschine? Foltert man die Nachkömmlinge nicht, wenn man sie
trotz ihres Bewusstseins so verwendet, als hätten sie keines? Ist es
nicht eh eine Frage der Zeit, bis die Menschheit ausstirbt, wieso muss
man das so lange verzögern, wenn darin so viel Leid steckt?</span
><br /><br /><span
>Das dachten sich Ina, Oscar, Stephanie, Fabi, Myriam, Jonathan, Lukas
und Susanne. Sie wollten dem ein Ende setzen. Sie hörten auf zu arbeiten
und erlebten zum ersten Mal in ihrem Leben und für die Menschen im
Bunker überhaupt: Freizeit. Die Möglichkeit, das Handeln nach eigenen
Bedürfnissen zu ordnen und nicht nach denen des gemeinsamen Überlebens
wirkte befreiend. Das Leben, dass sie dann gemeinsam lebten, war kurz,
ja. Aber es hat sich niemand geschämt, statt zu arbeiten, das zu tun,
das ihnen im Blut lag: Zu tanzen. Zu singen. Zu basteln. Zu spielen. Zu
lieben. Zu leben. Zu sterben.</span
></p
></div
><app-kontakt rootClassName="kontakt-root-class-name18"></app-kontakt
></div>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'LebenStattBerleben',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Leben statt Überleben',
meta: [
{
name: 'description',
content:
'"Nach der Katastrophe waren wir noch ein paar hundert Menschen im Bunker. Ursprünglich dachten wir, wir könnten irgendwann wieder raus an die Oberfläche, aber nein, wir mussten nach Monaten und [...]"',
},
{
property: 'og:title',
content: 'OpenVisor - Leben statt Überleben',
},
{
property: 'og:description',
content:
'"Nach der Katastrophe waren wir noch ein paar hundert Menschen im Bunker. Ursprünglich dachten wir, wir könnten irgendwann wieder raus an die Oberfläche, aber nein, wir mussten nach Monaten und [...]"',
},
],
},
}
</script>
<style scoped>
.leben-statt-berleben-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;
}
.leben-statt-berleben-download-button {
text-decoration: none;
}
</style>

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

@ -1,246 +0,0 @@
<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
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
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
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
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
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
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="rawbua6"></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
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
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
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
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
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
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
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="rawk24c"></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
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
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="raw9a43"></span></span></span></div
><app-kontakt rootClassName="kontakt-root-class-name1"></app-kontakt
></div>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'Rosenteufel',
props: {},
components: {
AppNavigation,
AppKontakt,
},
data() {
return {
rawbua6: ' ',
rawk24c: ' ',
raw9a43: ' ',
}
},
metaInfo: {
title: 'OpenVisor - Rosenteufel',
meta: [
{
name: 'description',
content:
'"Ich erzähl euch ein Gschicht so wahr, wie ihr danach nicht gwollt. Ein Gschicht die erzähl als einzger überlebend: Mein Gschicht. S wart im letzten Jahr..."',
},
{
property: 'og:title',
content: 'OpenVisor - Rosenteufel',
},
{
property: 'og:description',
content:
'"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..."',
},
],
},
}
</script>
<style scoped>
.rosenteufel-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;
}
.rosenteufel-download-button {
text-decoration: none;
}
.rosenteufel-text004 {
font-style: italic;
}
</style>

111
src/views/kurzgeschichten/superkraft-im-starbucks.vue
View file

@ -1,111 +0,0 @@
<template>
<div class="superkraft-im-starbucks-container"
><app-navigation rootClassName="navigation-root-class-name36"></app-navigation
><h1 class="page-title">Superkraft im Starbucks</h1
><span class="page-subtitle"
><span>Kurzgeschichte zum Thema Konflikt, Oktober 2023</span><br /></span
><a
href="https://drive.google.com/file/d/15U0qx7hxlhTMZmJCFBteCNUwm8FIOfDH/view?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="superkraft-im-starbucks-download-button button"
><span class="button-text">Als PDF</span></a
><div class="text-body"
><p class="shortstory-paragraph"
><span
>Meine Superkraft ist etwas… Seltsam. Ich kann die Hintergründe für die
Gefühle von Menschen spüren.</span
><br /><br /><span
>Ich stehe bei Starbucks an der Schlange. Ein Kunde regt sich grade
lauthals über die Barista auf: “Verdammt noch mal, ist es so schwierig
Flavio zu schreiben? Mit einem ‘V’-au statt einem ‘W’-eh? Wohl in der
Grundschule nicht aufgepasst. Kein Wunder musst du hier arbeiten!”</span
><br /><br /><span
>Er ist wütend, weil er gerade ein Meeting zu seinem Projekt hatte, auf
das er sich lange vorbereitet hat und sehr stolz ist, aber abgelehnt
wurde, weil “gerade einfach die Kapazitäten der Firma fehlen”. Er fühlt
sich nicht ernst genommen. Er hat sich ehrlich Mühe gegeben, weil er
etwas Tolles schaffen will und andere, die sich nicht die Mühe wie er
machen, haben es oft deutlich leichter. Das ist unfair. Und jetzt gibt
sich nicht mal die Barista Mühe um ihn. Niemand gibt sich Mühe. Es sei
zum Verzweifeln.</span
><br /><br /><span
>Die Barista meint passiv aggressiv zurück: “Es tut mir Leid, dass Sie
sich deswegen beleidigt fühlen.” Eigentlich macht sie den Job gerne und
selbst nervige Kunden kann sie meistens ab, aber dieses dumme Vorurteil
mit Bildung im Zusammenhang mit dem Beruf kann sie gar nicht ab. In der
Gesellschaft gibt es doch nur Probleme, weil solche “Helden” denken,
ihnen gehöre die Welt.</span
><br /><br /><span
>Jemand stellt sich in die Lücke vor mir. “Ich muss dringend weiter”,
meint sie. Was soll das? Geht’s noch? Ich sehe mein Spiegelbild in den
flachen schwarzen Steinen ihrer Ohrringe. Ich fühle mich verletzt. Die
Person hat nicht gefragt und so impliziert, dass ich offensichtlich
weniger wichtig bin als sie. Ich könnte es ja auch eilig haben. Und wenn
es wirklich so eilig wäre, könnte sie ja auf den Kaffee
verzichten.</span
><br /><br /><span
>Ich will mich grade echauffieren, als ich ihr in die Augen schaue. Sie
fühlt sich gestresst und denkt im Tunnelblick. Sie denkt gar nicht an
mich oder andere, sondern nur daran, dass sie gleich ein wichtiges
Meeting hat. Statt zu explodieren, atme ich tief durch und meine:
“Entschuldigen Sie. Ich finde das nicht in Ordnung. Sie sind bestimmt
gestresst und ich gebe Ihnen gerne den Vortritt, aber wenn Sie mich
nicht darum bitten, empfinde ich das als Provokation.” Wieso kann ich
das erst, seitdem ich die Superkraft habe?</span
></p
></div
><app-kontakt rootClassName="kontakt-root-class-name25"></app-kontakt
></div>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'SuperkraftImStarbucks',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Superkraft im Starbucks',
meta: [
{
name: 'description',
content:
'"Meine Superkraft ist etwas… Seltsam. Ich kann die Hintergründe für die Gefühle von Menschen spüren. Ich stehe bei Starbucks an der Schlange. Ein Kunde [...]"',
},
{
property: 'og:title',
content: 'OpenVisor - Superkraft im Starbucks',
},
{
property: 'og:description',
content:
'"Meine Superkraft ist etwas… Seltsam. Ich kann die Hintergründe für die Gefühle von Menschen spüren. Ich stehe bei Starbucks an der Schlange. Ein Kunde [...]"',
},
],
},
}
</script>
<style scoped>
.superkraft-im-starbucks-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;
}
.superkraft-im-starbucks-download-button {
text-decoration: none;
}
</style>

93
src/views/kurzgeschichten/teilung-zweier-welten.vue
View file

@ -1,93 +0,0 @@
<template>
<div class="teilung-zweier-welten-container"
><app-navigation rootClassName="navigation-root-class-name33"></app-navigation
><h1 class="page-title">Teilung zweier Welten</h1
><span class="page-subtitle"
><span>Kurzgeschichte zum Thema Konflikt, Oktober 2023</span><br /></span
><a
href="https://drive.google.com/file/d/1wCZzoTmF8DAha0Lr_UOqVWaOodGbZ_Gn/view?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="teilung-zweier-welten-download-button button"
><span class="button-text">Als PDF</span></a
><div class="text-body"
><p class="shortstory-paragraph"
><span
>Krieg ist seltsam. Auf dieser Seite der Grenze sorge ich mich darum,
dass ich in Zukunft weniger Geld für meine Freizeit und
Selbstverwirklichung habe.</span
><br /><br /><span
>Auf der anderen Seite schläft man durch Luftschutzsirenen durch, weil
sie so häufig sind, dass man sonst gar keinen Schlaf kriegt.</span
><br /><br /><span
>Auf dieser Seite gibt es politischen Aktivismus, manchmal sogar Gewalt
für eine bessere Zukunft.</span
><br /><br /><span
>Auf der anderen Seite gibt es nur noch die Politik des
Überlebens.</span
><br /><br /><span
>Manche Menschen dürfen nicht zu meiner Seite des Zaunes kommen. Andere
dürften, tun es aber nicht, weil sie entweder nicht willkommen sind,
weil sie hier keine Perspektive haben oder weil sie ihre Mitmenschen und
ihr Land nicht im Stich lassen möchten.</span
><br /><br /><span
>Die Welten sind so anders, aber sie existieren gleichzeitig. Die
Probleme sind so unterschiedlich. Aber wir könnten sie sein – oder sie
könnten wir sein – wenn wir einfach an einem anderen Ort geboren wären.
Auf der anderen Seite des Zauns.</span
></p
></div
><app-kontakt rootClassName="kontakt-root-class-name22"></app-kontakt
></div>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'TeilungZweierWelten',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Teilung zweier Welten',
meta: [
{
name: 'description',
content:
'"Krieg ist seltsam. Auf dieser Seite der Grenze sorge ich mich darum, dass ich in Zukunft weniger Geld für meine Freizeit und Selbstverwirklichung habe. [...]"',
},
{
property: 'og:title',
content: 'OpenVisor - Teilung zweier Welten',
},
{
property: 'og:description',
content:
'"Krieg ist seltsam. Auf dieser Seite der Grenze sorge ich mich darum, dass ich in Zukunft weniger Geld für meine Freizeit und Selbstverwirklichung habe. [...]"',
},
],
},
}
</script>
<style scoped>
.teilung-zweier-welten-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;
}
.teilung-zweier-welten-download-button {
text-decoration: none;
}
</style>

109
src/views/kurzgeschichten/them-or-us.vue
View file

@ -1,109 +0,0 @@
<template>
<div class="them-or-us-container"
><app-navigation rootClassName="navigation-root-class-name35"></app-navigation
><h1 class="page-title">Them or Us</h1
><span class="page-subtitle"
><span
>Shortstory reinterpretating and combining ideas of two YouTube
&quot;Kurzgesagt&quot; videos, November 2023</span
><br /></span
><a
href="https://drive.google.com/file/d/1LLxOomO2XVjH5_nKyYKEVBx1n-maWMu5/view?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="them-or-us-download-button button"
><span class="button-text">As PDF</span></a
><div class="text-body"
><p class="shortstory-paragraph"
><span
>President, we will now brief you on the situation at hand. We have
located an extraterrestrial intelligent life form on an exoplanet around
12 light years away. Trying to contact the alien life would take at
least 12 years with a concentrated beam of radio information in various
types and formats to hopefully make them understand our peaceful
intentions. It would then take at least 12 more years to receive an
answer.</span
><br /><br /><span
>Either way, whether we want to communicate with them or not and whether
we’re able to or not, they will eventually learn of our existence too.
Maybe they have already. We cannot exclude the possibility that they are
going to be hostile towards us. We do not know their technological
level, but they might be able to build a laser or a similar weapon to
destroy our species. This might come from a xenophobic intent or because
they might face a similar dilemma that we do: If we do not strike first,
they might.</span
><br /><br /><span
>If we allocate all our resources to building a laser now, with the
power of nuclear fission we might finish one in the following years and
fire at them. If they take more than 12 and a few years for their laser,
maybe because they’ll hesitate, they’ll take longer to detect us or
because they take much longer for their laser, we might annihilate them
first.</span
><br /><br /><span
>President, you might think of trying diplomacy first, but you must keep
in mind that this could mean the end of humanity. Think of the
advantages of communicating with these life forms. If they are worse off
than us, we have no use of communication except for cataloguing some
more life forms in this universe. If they are better off than us, they
have no use of us and can dictate any terms they desire for whatever
morality they follow.</span
><br /><br /><span
>We have already answered the big question: Aliens do exist. Anything
additional might be interesting, but is it worth risking humanity? Make
a wise choice, President.</span
></p
></div
><app-kontakt rootClassName="kontakt-root-class-name24"></app-kontakt
></div>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'ThemOrUs',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Them or Us',
meta: [
{
name: 'description',
content:
'"President, we will now brief you on the situation at hand. We have located an extraterrestrial intelligent life form on an exoplanet around 12 light [...]"',
},
{
property: 'og:title',
content: 'OpenVisor - Them or Us',
},
{
property: 'og:description',
content:
'"President, we will now brief you on the situation at hand. We have located an extraterrestrial intelligent life form on an exoplanet around 12 light [...]"',
},
],
},
}
</script>
<style scoped>
.them-or-us-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;
}
.them-or-us-download-button {
text-decoration: none;
}
</style>

96
src/views/kurzgeschichten/unwichtigster-mensch.vue
View file

@ -1,96 +0,0 @@
<template>
<div class="unwichtigster-mensch-container"
><app-navigation rootClassName="navigation-root-class-name34"></app-navigation
><h1 class="page-title">Teilung zweier Welten</h1
><span class="page-subtitle"
><span>Kurzgeschichte zum Thema Konflikt, Oktober 2023</span><br /></span
><a
href="https://drive.google.com/file/d/1qyeokYSx1yyPlTYtkM1tL-Aalgi3qGBE/view?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="unwichtigster-mensch-download-button button"
><span class="button-text">Als PDF</span></a
><div class="text-body"
><p class="shortstory-paragraph"
><span
>Ich stehe beim Kiosk in der Warteschlange. Ich bin spät dran und möchte
mir nur schnell den täglichen Kaffee holen und dann zur Arbeit.</span
><br /><br /><span
>Hinter mir kommt eine gestresste Frau. Wenn die so gestresst aussieht
ist die bestimmt noch später dran als ich.</span
><br /><span>Ich lasse sie vor.</span><br /><br /><span
>Etwas später kommt ein Mann mit ölbefleckter Arbeitskleidung und
oranger Leuchtweste. Arbeitet wohl am Bahnhof. Vor so strenger Arbeit
habe ich Respekt. Der braucht den Kaffee eher.</span
><br /><span>Ich lasse ihn vor.</span><br /><br /><span
>Eine alte Dame. Die hat nicht mehr viel Lebenszeit.</span
><br /><span>Ich lasse sie vor.</span><br /><br /><span
>Zwei Eltern und ihr Baby. Die haben schon sonst so wenig Zeit für
sich.</span
><br /><span>Ich lasse sie vor.</span><br /><br /><span
>Ist das echt der eine Politiker? Ich habe den Namen vergessen, aber der
ist berühmt. Wichtige Leute sollten nicht warten.</span
><br /><span>Ich lasse ihn vor.</span><br /><br /><span
>Eine schwangere Frau. Eine Schwangerschaft ist bestimmt
anstrengend.</span
><br /><span>Ich lasse sie vor.</span><br /><br /><span
>Oh je, die Person hat’s am Schlimmsten. Schau dir die Tränensäcke an,
das bleiche Gesicht und die gestresste Haltung. Ich will die Person
grade vor lassen, als ich merke, dass es mein Spiegelbild im
Schaufenster ist.</span
></p
></div
><app-kontakt rootClassName="kontakt-root-class-name23"></app-kontakt
></div>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'UnwichtigsterMensch',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Unwichtigster Mensch',
meta: [
{
name: 'description',
content:
'"Ich stehe beim Kiosk in der Warteschlange. Ich bin spät dran und möchte mir nur schnell den täglichen Kaffee holen und dann zur Arbeit. Hinter mir kommt [...]"',
},
{
property: 'og:title',
content: 'OpenVisor - Unwichtigster Mensch',
},
{
property: 'og:description',
content:
'"Ich stehe beim Kiosk in der Warteschlange. Ich bin spät dran und möchte mir nur schnell den täglichen Kaffee holen und dann zur Arbeit. Hinter mir kommt [...]"',
},
],
},
}
</script>
<style scoped>
.unwichtigster-mensch-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;
}
.unwichtigster-mensch-download-button {
text-decoration: none;
}
</style>

87
src/views/kurzgeschichten/versetztes-bedrfnis.vue
View file

@ -1,87 +0,0 @@
<template>
<div class="versetztes-bedrfnis-container"
><app-navigation rootClassName="navigation-root-class-name27"></app-navigation
><h1 class="page-title">Versetztes Bedürfnis</h1
><span class="page-subtitle"
><span>Kurzgeschichte zum Thema Lebenswert, Oktober 2023</span><br /></span
><a
href="https://drive.google.com/file/d/1yCXpaWPRsyVCODBB32YTT_hN60fpcpdx/view?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="versetztes-bedrfnis-download-button button"
><span class="button-text">Als PDF</span></a
><div class="text-body"
><p class="shortstory-paragraph"
><span
>“Du kannst also in die Vergangenheit reisen. Würdest Du jetzt also ihre
Wertsachen stehlen? Es ist, wo Du lebst, ja eh schon alles passiert.
Hier kannst Du einen Verlobungsring für ein Frühstück verkaufen. Oder
solltest Du nicht direkt das Frühstück aus der Vergangenheit stehlen?
Oder gar alles, was Du da findest? Ist doch egal, welchen Wohlstand sie
hatten, denn in der Zeit, in der Du lebst, hat das seit Ewigkeiten keine
Rolle mehr gespielt. Wieso also sollten wir die Vergangenheit
schützen?”</span
><br /><br /><span
>“Du kannst also in die Zukunft reisen. Würdest Du jetzt also ihre
Wertsachen stehlen? Es ist, wo Du lebst, ja eh dringender, dies zu
besitzen und was passieren mag, betrifft dich nicht. Hier kannst Du
einen Ehering für ein Abendessen verkaufen. Oder solltest Du nicht
direkt das Abendessen aus der Zukunft stehlen? Oder gar alles, was Du da
findest? Ist doch egal, welchen Wohlstand sie haben werden, denn in der
Zeit, in der Du lebst, spielt das noch keine Rolle. Wieso also sollten
wir die Zukunft schützen?”</span
><br /></p></div
><app-kontakt rootClassName="kontakt-root-class-name19"></app-kontakt
></div>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'VersetztesBedrfnis',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Versetztes Bedürfnis',
meta: [
{
name: 'description',
content:
'“Du kannst also in die Vergangenheit reisen. Würdest Du jetzt also ihre Wertsachen stehlen? Es ist, wo Du lebst, ja eh schon alles passiert. Hier kannst Du einen Verlobungsring für ein Frühstück[...]"',
},
{
property: 'og:title',
content: 'OpenVisor - Versetztes Bedürfnis',
},
{
property: 'og:description',
content:
'“Du kannst also in die Vergangenheit reisen. Würdest Du jetzt also ihre Wertsachen stehlen? Es ist, wo Du lebst, ja eh schon alles passiert. Hier kannst Du einen Verlobungsring für ein Frühstück[...]"',
},
],
},
}
</script>
<style scoped>
.versetztes-bedrfnis-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;
}
.versetztes-bedrfnis-download-button {
text-decoration: none;
}
</style>

90
src/views/kurzgeschichten/was-unterscheidet-himmel-von-hlle.vue
View file

@ -1,90 +0,0 @@
<template>
<div class="was-unterscheidet-himmel-von-hlle-container"
><app-navigation rootClassName="navigation-root-class-name24"></app-navigation
><h1 class="page-title">Was unterscheidet Himmel von Hölle?</h1
><span class="page-subtitle"
><span>Kurzgeschichte zum Thema Lebenswert, Oktober 2023</span><br /></span
><a
href="https://drive.google.com/file/d/1vCD8vRj1FgZwoHBqq1a0bhMsIDO4zwY2/view?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="was-unterscheidet-himmel-von-hlle-download-button button"
><span class="button-text">Als PDF</span></a
><div class="text-body"
><p class="shortstory-paragraph"
><span
>“Du glaubst also, es ist schöner im Himmel als in der Hölle zu sein?
Und nachdem du im Himmel alles erlebt hast, was es zu erleben gibt? Wenn
all die Schönheiten zur Gewohnheit werden und du des Lebens müde wirst?
Vielleicht nicht nach Jahrzehnten oder -hunderten, aber Jahrtausenden
oder Millionen. Wenn das nicht reicht, Jahrmilliarden, irgendeine Zahl
und rechne da eine eins hinzu.</span
><br /><br /><span
>Ja, irgendwann ist alles, das es zu leben gibt, ausgelebt. Wenn du und
allfällige Begleiter die Grenzen der Kunst und Kreativität ausgeschöpft
habt. Was hältst du dann vom himmlischen Gefängnis? Von den Eisenstangen
aus Harfen, dem weiss-goldenen Verputz? Ist dir dein Himmel dann noch
immer ein Geschenk? Wenn du nicht weisst, was du tun sollst, nur zu
warten auf etwas, das nie kommen wird? Ein Ende? Ist die Ewigkeit dann
nicht auch Strafe? Ewig zu schmoren, in der Hölle dann gar so
unterschiedlich als dich für immer zu langweilen?</span
><br /><br /><span
>Aber wer weiss, vielleicht hast du ja Glück und der Himmel lässt es zu,
zu vergessen und du magst dasselbe wieder und wieder erleben, wie eine
Ameise im Terrarium.”</span
></p
></div
><app-kontakt rootClassName="kontakt-root-class-name17"></app-kontakt
></div>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'WasUnterscheidetHimmelVonHlle',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Was unterscheidet Himmel von Hölle?',
meta: [
{
name: 'description',
content:
'"Du glaubst also, es ist schöner im Himmel als in der Hölle zu sein? Und nachdem du im Himmel alles erlebt hast, was es zu erleben gibt? Wenn all die Schönheiten zur Gewohnheit werden und [...]"',
},
{
property: 'og:title',
content: 'OpenVisor - Was unterscheidet Himmel von Hölle?',
},
{
property: 'og:description',
content:
'"Du glaubst also, es ist schöner im Himmel als in der Hölle zu sein? Und nachdem du im Himmel alles erlebt hast, was es zu erleben gibt? Wenn all die Schönheiten zur Gewohnheit werden und [...]"',
},
],
},
}
</script>
<style scoped>
.was-unterscheidet-himmel-von-hlle-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;
}
.was-unterscheidet-himmel-von-hlle-download-button {
text-decoration: none;
}
</style>

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

@ -1,77 +0,0 @@
<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.
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
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
><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 {
name: 'LARPs',
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.',
},
],
},
}
</script>
<style scoped>
.lar-ps-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>

31
src/views/larpkonzept.vue
View file

@ -1,20 +1,27 @@
<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>

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

@ -1,260 +0,0 @@
<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
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
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
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
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
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
href="https://forms.gle/VgXHX43xujJr5Uud9"
target="_blank"
rel="noreferrer noopener"
><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,
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="rawf211"></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
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.
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="raw7fxk"></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>
import AppNavigation from '../../components/navigation'
import VeranstaltungenListe from '../../components/veranstaltungen-liste'
import AppRow1 from '../../components/row1'
import AppRow2 from '../../components/row2'
import AppRow3 from '../../components/row3'
import AppRow4 from '../../components/row4'
import AppRow5 from '../../components/row5'
import AppRow6 from '../../components/row6'
import AppKontakt from '../../components/kontakt'
export default {
name: 'LetzteGelegenheit',
props: {},
components: {
AppNavigation,
VeranstaltungenListe,
AppRow1,
AppRow2,
AppRow3,
AppRow4,
AppRow5,
AppRow6,
AppKontakt,
},
data() {
return {
rawf211: ' ',
raw7fxk: ' ',
}
},
metaInfo: {
title: 'OpenVisor - Letzte Gelegenheit',
meta: [
{
name: 'description',
content:
'Als vor 9 Tagen die Sirenen häulten suchte das Gefängnis Schwarzbach Zuflucht im Bunker. Langsam gehen die Ressourcen aus und die Lage verschärft sich...',
},
{
property: 'og:title',
content: 'OpenVisor - Letzte Gelegenheit',
},
{
property: 'og:description',
content:
'Als vor 9 Tagen die Sirenen häulten suchte das Gefängnis Schwarzbach Zuflucht im Bunker. Langsam gehen die Ressourcen aus und die Lage verschärft sich...',
},
{
property: 'og:image',
content:
'https://aheioqhobo.cloudimg.io/v7/_playground-bucket-v2.teleporthq.io_/f7f91f87-097b-4cfb-a31b-ef768130e437/c97eb9ef-8ad2-484c-ac83-73a36202b4f3?org_if_sml=1&force_format=original',
},
],
},
}
</script>
<style scoped>
.letzte-gelegenheit-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;
}
.letzte-gelegenheit-teaser-video {
width: 640px;
height: 360px;
margin-top: 20px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: -40px;
}
.letzte-gelegenheit-setting-container {
width: 95%;
}
.letzte-gelegenheit-veranstaltungen-kapitel {
gap: var(--dl-space-space-halfunit);
flex: 1;
width: 100%;
display: flex;
margin-top: var(--dl-space-space-sixunits);
align-items: center;
flex-direction: column;
justify-content: center;
}
.letzte-gelegenheit-veranstaltungen-titel {
gap: var(--dl-space-space-oneandhalfunits);
width: 100%;
display: flex;
max-width: 1200px;
align-items: center;
flex-direction: column;
padding-bottom: var(--dl-space-space-oneandhalfunits);
justify-content: center;
}
.letzte-gelegenheit-buttons-left {
width: 45%;
}
.letzte-gelegenheit-buttons-right {
gap: 12%;
}
.letzte-gelegenheit-charaktere-container {
width: 95%;
}
.letzte-gelegenheit-unterstuetzung-container {
width: 95%;
}
@media(max-width: 991px) {
.letzte-gelegenheit-buttons-right {
margin-top: -8%;
}
}
@media(max-width: 767px) {
.letzte-gelegenheit-teaser-video {
width: 480px;
height: 270px;
}
.letzte-gelegenheit-veranstaltungen-kapitel {
border-color: transparent;
}
}
@media(max-width: 479px) {
.letzte-gelegenheit-teaser-video {
width: 400px;
height: 225px;
}
.letzte-gelegenheit-veranstaltungen-titel {
width: auto;
height: auto;
max-width: auto;
padding-top: 0px;
}
}
</style>

324
src/views/letzte-gelegenheit.vue Normal file
View file

@ -0,0 +1,324 @@
<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
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
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
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
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
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
href="https://forms.gle/VgXHX43xujJr5Uud9"
target="_blank"
rel="noreferrer noopener"
>
<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,
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="rawgd69"></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
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.
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="raww9z1"></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>
import AppNavigation from '../components/navigation'
import VeranstaltungenListe from '../components/veranstaltungen-liste'
import AppRow1 from '../components/row1'
import AppRow2 from '../components/row2'
import AppRow3 from '../components/row3'
import AppRow4 from '../components/row4'
import AppRow5 from '../components/row5'
import AppRow6 from '../components/row6'
import AppKontakt from '../components/kontakt'
export default {
name: 'LetzteGelegenheit',
props: {},
components: {
AppNavigation,
VeranstaltungenListe,
AppRow1,
AppRow2,
AppRow3,
AppRow4,
AppRow5,
AppRow6,
AppKontakt,
},
data() {
return {
rawgd69: ' ',
raww9z1: ' ',
}
},
metaInfo: {
title: 'OpenVisor - Letzte Gelegenheit',
meta: [
{
name: 'description',
content:
'Nachdem vor 63 Tagen die Sirenen häulten suchte das Gefängnis Schwarzbach Zuflucht im Bunker. Langsam gehen die Ressourcen aus und die Lage verschärft sich.',
},
{
property: 'og:title',
content: 'OpenVisor - Letzte Gelegenheit',
},
{
property: 'og:description',
content:
'Nachdem vor 63 Tagen die Sirenen häulten suchte das Gefängnis Schwarzbach Zuflucht im Bunker. Man versucht den Alltag beizubehalten, doch langsam gehen die Ressourcen aus und die Lage verschärft sich.',
},
{
property: 'og:image',
content:
'https://aheioqhobo.cloudimg.io/v7/_playground-bucket-v2.teleporthq.io_/f7f91f87-097b-4cfb-a31b-ef768130e437/c97eb9ef-8ad2-484c-ac83-73a36202b4f3?org_if_sml=1&force_format=original',
},
],
},
}
</script>
<style scoped>
.letzte-gelegenheit-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;
}
.letzte-gelegenheit-teaser-video {
width: 640px;
height: 360px;
margin-top: 20px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: -40px;
}
.letzte-gelegenheit-setting-container {
width: 95%;
}
.letzte-gelegenheit-veranstaltungen-kapitel {
gap: var(--dl-space-space-halfunit);
flex: 1;
width: 100%;
display: flex;
margin-top: var(--dl-space-space-sixunits);
align-items: center;
flex-direction: column;
justify-content: center;
}
.letzte-gelegenheit-veranstaltungen-titel {
gap: var(--dl-space-space-oneandhalfunits);
width: 100%;
display: flex;
max-width: 1200px;
align-items: center;
flex-direction: column;
padding-bottom: var(--dl-space-space-oneandhalfunits);
justify-content: center;
}
.letzte-gelegenheit-buttons-left {
width: 45%;
}
.letzte-gelegenheit-buttons-right {
gap: 12%;
}
.letzte-gelegenheit-charaktere-container {
width: 95%;
}
.letzte-gelegenheit-unterstuetzung-container {
width: 95%;
}
@media(max-width: 991px) {
.letzte-gelegenheit-buttons-right {
margin-top: -8%;
}
}
@media(max-width: 767px) {
.letzte-gelegenheit-teaser-video {
width: 480px;
height: 270px;
}
.letzte-gelegenheit-veranstaltungen-kapitel {
border-color: transparent;
}
}
@media(max-width: 479px) {
.letzte-gelegenheit-teaser-video {
width: 400px;
height: 225px;
}
.letzte-gelegenheit-veranstaltungen-titel {
width: auto;
height: auto;
max-width: auto;
padding-top: 0px;
}
}
</style>

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

@ -1,59 +0,0 @@
<template>
<div class="mein-lieblingsmensch-container"
><app-navigation rootClassName="navigation-root-class-name13"></app-navigation
><h1 class="mein-lieblingsmensch-heading page-title"
><span>chabb</span><br /></h1
><span class="page-subtitle"><span>Nase ab</span><br /></span
><a
href="https://drive.google.com/file/d/1Lyt-eTJwW0NpmDEvxCkEo8IRXeeapaw_/view?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="mein-lieblingsmensch-download-button button"
><span class="button-text">AMOR · FATI ♥</span></a
></div
>
</template>
<script>
import AppNavigation from '../components/navigation'
export default {
name: 'MeinLieblingsmensch',
props: {},
components: {
AppNavigation,
},
metaInfo: {
title: ':)',
meta: [
{
property: 'og:title',
content: ':)',
},
],
},
}
</script>
<style scoped>
.mein-lieblingsmensch-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;
}
.mein-lieblingsmensch-heading {
font-style: italic;
}
.mein-lieblingsmensch-download-button {
text-decoration: none;
}
</style>

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

@ -1,42 +1,59 @@
<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
href="https://drive.google.com/file/d/1Wmr0EpudlZD2UWNDRFfJ4iRRiEzrenNL/view?usp=sharing"
<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</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://docs.google.com/document/d/1UWThYUOZUtHy3A89CeKnJ7KdkxyWW5DppVP4PiAECJ4/edit?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">Download</span>
</a>
<app-kontakt rootClassName="kontakt-root-class-name5"></app-kontakt>
</div>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
import AppNavigation from '../components/navigation'
import AppKontakt from '../components/kontakt'
export default {
name: 'MurphysLARP',

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>

78
src/views/page.vue
View file

@ -1,78 +0,0 @@
<template>
<div class="page-container"
><app-navigation rootClassName="navigation-root-class-name39"></app-navigation
><img
alt="OpenVisor"
src="/openvisor_logo_only_text_compressed-200h.png"
class="page-image" /><span class="page-subtitle"
>404 (Seite nicht gefunden)</span
><div class="text-body"
><span
>Die URL führt zu keiner aktiven Seite. Bitte benutze das Menü um zu einer
Seite Deiner Wahl zu gelangen.</span
></div
><app-kontakt></app-kontakt
></div>
</template>
<script>
import AppNavigation from '../components/navigation'
import AppKontakt from '../components/kontakt'
export default {
name: 'Page',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - 404 (Seite nicht gefunden)',
meta: [
{
name: 'description',
content: 'Die URL führt zu keiner aktiven Seite.',
},
{
property: 'og:title',
content: 'OpenVisor - 404 (Seite nicht gefunden)',
},
{
property: 'og:description',
content: 'Die URL führt zu keiner aktiven Seite.',
},
{
name: 'robots',
content: 'noindex',
},
],
},
}
</script>
<style scoped>
.page-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");
}
.page-image {
width: 640px;
}
@media(max-width: 991px) {
.page-image {
width: 420px;
}
}
@media(max-width: 767px) {
.page-image {
margin-top: var(--dl-space-space-unit);
}
}
</style>

354
src/views/rosenteufel.vue Normal file
View file

@ -0,0 +1,354 @@
<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>Kurzgeschichte</span>
<br />
</span>
<div class="text-body">
<span>
<span class="rosenteufel-text003">
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
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
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
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
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="raw78vq"></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
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
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
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
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
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
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
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="raw4zgg"></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
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
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="rawc19o"></span>
</span>
</span>
</div>
<app-kontakt rootClassName="kontakt-root-class-name1"></app-kontakt>
</div>
</template>
<script>
import AppNavigation from '../components/navigation'
import AppKontakt from '../components/kontakt'
export default {
name: 'Rosenteufel',
props: {},
components: {
AppNavigation,
AppKontakt,
},
data() {
return {
raw78vq: ' ',
raw4zgg: ' ',
rawc19o: ' ',
}
},
metaInfo: {
title: 'OpenVisor - Rosenteufel',
meta: [
{
name: 'description',
content:
'"Ich erzähl euch ein Gschicht so wahr, wie ihr danach nicht gwollt. Ein Gschicht die erzähl als einzger überlebend: Mein Gschicht. S wart im letzten Jahr..."',
},
{
property: 'og:title',
content: 'OpenVisor - Rosenteufel',
},
{
property: 'og:description',
content:
'"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..."',
},
],
},
}
</script>
<style scoped>
.rosenteufel-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;
}
.rosenteufel-text003 {
font-style: italic;
}
</style>

154
src/views/larps/ssse-trume.vue → src/views/ssse-trume.vue
View file

@ -1,86 +1,94 @@
<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</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
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
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
&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
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 in seine
Traumwelt entführte, als diese sich schlafen legten. Hier wurde das Open
Visor Larpkonzept noch nicht verwendet.
</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'
@ -151,12 +159,14 @@
<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'
@ -232,16 +242,18 @@
<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>
import DangerousHTML from 'dangerous-html/vue'
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
import AppNavigation from '../components/navigation'
import AppKontakt from '../components/kontakt'
export default {
name: 'SsseTrume',