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

Add 2 new shortstories; Update website structure.

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

56
public/index.html
View file

@ -1,15 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en"
<head> ><head
<title>OpenVisor</title> ><title>OpenVisor</title
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> ><meta
<meta charset="utf-8" /> name="viewport"
<meta property="twitter:card" content="summary_large_image" /> content="width=device-width, initial-scale=1.0"
<style data-tag="reset-style-sheet"> /><meta charset="utf-8" /><meta
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 } property="twitter:card"
</style> content="summary_large_image"
<style data-tag="default-style-sheet"> /><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 { html {
font-family: Inter; font-family: Inter;
font-size: 16px; font-size: 16px;
@ -25,34 +27,28 @@
color: var(--dl-color-gray-black); color: var(--dl-color-gray-black);
background-color: var(--dl-color-gray-white); background-color: var(--dl-color-gray-white);
} }</style
</style> ><link
<link
rel="stylesheet" rel="stylesheet"
href="https://unpkg.com/animate.css@4.1.1/animate.css" href="https://unpkg.com/animate.css@4.1.1/animate.css"
/> /><link
<link
rel="shortcut icon" rel="shortcut icon"
href="/openvisor.ico" href="/openvisor.ico"
type="icon/png" type="icon/png"
sizes="32x32" sizes="32x32"
/> /><link
<link
rel="stylesheet" rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
data-tag="font" data-tag="font"
/> /><link
<link
rel="stylesheet" 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" 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" data-tag="font"
/> /><link
<link
rel="stylesheet" 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" 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" data-tag="font"
/> /><link
<link
rel="stylesheet" rel="stylesheet"
href="https://unpkg.com/@teleporthq/teleport-custom-scripts/dist/style.css" href="https://unpkg.com/@teleporthq/teleport-custom-scripts/dist/style.css"
/> />
@ -64,15 +60,13 @@
[data-thq="thq-dropdown"]:hover > div [data-thq="thq-dropdown-arrow"] { [data-thq="thq-dropdown"]:hover > div [data-thq="thq-dropdown-arrow"] {
transform: rotate(90deg); transform: rotate(90deg);
} }
</style> </style></head
</head> ><body
<body> ><div id="app"></div
<div id="app"></div> ><!-- Your body code here -->
<!-- Your body code here -->
<!-- <script type="text/javascript"> ... </script> --> <!-- <script type="text/javascript"> ... </script> -->
<script <script
data-section-id="navbar" data-section-id="navbar"
src="https://unpkg.com/@teleporthq/teleport-custom-scripts" src="https://unpkg.com/@teleporthq/teleport-custom-scripts"
></script> ></script></body
</body> ></html>
</html>

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 69 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 45 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 111 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 49 KiB

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

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

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

File diff suppressed because it is too large Load diff

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

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

43
src/components/kontakt.vue
View file

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

880
src/components/navigation.vue
View file

File diff suppressed because it is too large Load diff

123
src/components/row1.vue
View file

@ -1,89 +1,62 @@
<template> <template>
<div class="character-row"> <div class="character-row"
<section class="character-teaser-container"> ><section class="character-teaser-container"
<div class="character-header"> ><div class="character-header"
<img ><img
alt="Symbolbild" alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/fortier-200h.png" src="/letzte-gelegenheit/charaktere/fortier-200h.png"
class="character-image" class="character-image" /><div class="character-description"
/> ><h2 class="character-name">{{ fortier }}</h2
<div class="character-description"> ><span class="character-function"
<h2 class="character-name">{{ fortier }}</h2> ><span
<span class="character-function"> >Leitung der Justizvollzugsanstalt
<span> <span v-html="raw5zbf"></span></span
Leitung der Justizvollzugsanstalt ><br /></span></div
<span v-html="rawid2h"></span> ><div></div></div
</span> ><p class="character-trigger"><span>OT-Trigger:  Tod</span><br /></p
<br /> ><p class="character-themes">{{ fortierThemes }}</p
</span> ><p class="character-teaser-text"
</div> >Fortier (gesprochen &quot;Fortjeeh&quot;) übernahm vor 3 Jahren das
<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 Gefängnis Schwarzbach, nachdem die vorherige Leitung (Zoe Rheineck) wegen
mutmasslicher Korruption zurücktrat. Kurz nach Fortiers Übernahme kam es mutmasslicher Korruption zurücktrat. Kurz nach Fortiers Übernahme kam es
in der JVA zum Mord des Häftlings Sadowski durch Rodriguez. in der JVA zum Mord des Häftlings Sadowski durch Rodriguez.</p
</p> ><p class="character-teaser-text"
<p class="character-teaser-text"> ><span
<span> >Fortier ist im Bunker weiterhin für das Gefängnispersonal direkt
Fortier ist im Bunker weiterhin für das Gefängnispersonal direkt zuständig führt den Bunker mit Dr. Bellucci und Wm Sartre.</span
zuständig führt den Bunker mit Dr. Bellucci und Wm Sartre. ><br /></p
</span> ><p class="character-teaser-text"
<br /> >Fortier ist bekannt dafür tendenziell direkter zu sein als angenehm ist.
</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 Ausserdem scheint Fortier seit der Zeit im Bunker nicht vor scharfen und
pragmatischen Massnahmen zurückzuschrecken. pragmatischen Massnahmen zurückzuschrecken.</p
</p> ></section
</section> ><section class="character-teaser-container"
<section class="character-teaser-container"> ><div class="character-header"
<div class="character-header"> ><img
<img
alt="Symbolbild" alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/bellucci-200h.png" src="/letzte-gelegenheit/charaktere/bellucci-200h.png"
class="character-image" class="character-image" /><div class="character-description"
/> ><h2 class="character-name"><span>Dr. Bellucci</span><br /></h2
<div class="character-description"> ><span class="character-function"
<h2 class="character-name"> ><span>Psychologische Sachverständigung</span><br /></span></div
<span>Dr. Bellucci</span> ><div></div></div
<br /> ><p class="character-trigger"><span>OT-Trigger:  Kindertod</span><br /></p
</h2> ><p class="character-themes">{{ bellucciThemes }}</p
<span class="character-function"> ><p class="character-teaser-text"
<span>Psychologische Sachverständigung</span> >Dr. Bellucci (gesprochen &quot;Beluhtschi&quot;) wurde vor 2 Jahren
<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 psychologische Sachverständigung im Gefängnis, als Rodriguez Sadowski
ermordete. Belluccis Aufgabe war langfristige Massnahmen zu entwickeln, um ermordete. Belluccis Aufgabe war langfristige Massnahmen zu entwickeln, um
dies in Zukunft zu verhindern. dies in Zukunft zu verhindern.</p
</p> ><p class="character-teaser-text"
<p class="character-teaser-text"> >Bellucci führt verschiedene Therapien mit den Bunkerinsassen durch um
Bellucci führt verschiedene Therapien mit den Bunkerinsassen durch um
diese bei Verstand zu halten. Bellucci führt mit Dr. Jankovic täglich diese bei Verstand zu halten. Bellucci führt mit Dr. Jankovic täglich
Checkups an allen Bewohnern durch, auch gegenseitig. Bellucci berät Checkups an allen Bewohnern durch, auch gegenseitig. Bellucci berät
Fortier mit Jankovic. Fortier mit Jankovic.</p
</p> ><p class="character-teaser-text"
<p class="character-teaser-text"> >Bellucci ist bekannt dafür mindestens gegen aussen empathisch zu sein.</p
Bellucci ist bekannt dafür mindestens gegen aussen empathisch zu sein. ></section
</p> ></div
</section> >
</div>
</template> </template>
<script> <script>
@ -105,7 +78,7 @@ export default {
}, },
data() { data() {
return { return {
rawid2h: ' ', raw5zbf: ' ',
} }
}, },
} }

153
src/components/row2.vue
View file

@ -1,106 +1,71 @@
<template> <template>
<div class="character-row"> <div class="character-row"
<section class="character-teaser-container"> ><section class="character-teaser-container"
<div class="character-header"> ><div class="character-header"
<img ><img
alt="Symbolbild" alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/jankovic-200h.png" src="/letzte-gelegenheit/charaktere/jankovic-200h.png"
class="character-image" class="character-image" /><div class="character-description"
/> ><h2 class="character-name">{{ jankovic }}</h2
<div class="character-description"> ><span class="character-function">{{ jankovicFunktion }}</span></div
<h2 class="character-name">{{ jankovic }}</h2> ><div></div></div
<span class="character-function">{{ jankovicFunktion }}</span> ><p class="character-trigger"><span>OT-Trigger:  Tod</span><br /></p
</div> ><p class="character-themes"
<div></div> ><span>Themes: Zerrissenheit, Liebe, Gewissensbisse</span><br /></p
</div> ><p class="character-teaser-text"
<p class="character-trigger"> ><span
<span>OT-Trigger:  Tod</span> >Dr. Jankovic (gesprochen &quot;Jankovitsch&quot;) ist der/die
<br /> Gefängnisarzt/-ärztin. Jankovic behandelt</span
</p> ><span>
<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 das Personal und die Häftlinge medizinisch und macht mit Dr. Bellucci
tägliche Checkups. Jankovic entscheidet wer welche Medizin erhält, da tägliche Checkups. Jankovic entscheidet wer welche Medizin erhält, da
diese limitiert ist. diese limitiert ist.</span
</span> ><span> Ausserdem berät Jankovic Fortier mit Bellucci.</span><br /></p
<span>Ausserdem berät Jankovic Fortier mit Bellucci.</span> ><p class="character-teaser-text"
<br /> ><span
</p> >Vor drei Jahren wurden Jankovics medizinischen Instrumente von
<p class="character-teaser-text"> Rodriguez manipuliert was durch eine Überdosis Opioide den Häftling
<span> Sadowski tötete.</span
Vor drei Jahren wurden Jankovics medizinischen Instrumente von Rodriguez ><br /></p
manipuliert was durch eine Überdosis Opioide den Häftling Sadowski ><p class="character-teaser-text"
tötete. ><span
</span> >Jankovic ist bekannt dafür freundlich aber, was die Gesundheit der
<br /> Bunkerbewohner angeht, auch sehr streng zu sein.</span
</p> ><br /></p></section
<p class="character-teaser-text"> ><section class="character-teaser-container"
<span> ><div class="character-header"
Jankovic ist bekannt dafür freundlich aber, was die Gesundheit der ><img
Bunkerbewohner angeht, auch sehr streng zu sein.
</span>
<br />
</p>
</section>
<section class="character-teaser-container">
<div class="character-header">
<img
alt="Symbolbild" alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/krueger-1500w.png" src="/letzte-gelegenheit/charaktere/krueger-1500w.png"
class="character-image" class="character-image" /><div class="character-description"
/> ><h2 class="character-name">{{ krueger }}</h2
<div class="character-description"> ><span class="character-function">{{ kruegerFunktion }}</span></div
<h2 class="character-name">{{ krueger }}</h2> ><div></div></div
<span class="character-function">{{ kruegerFunktion }}</span> ><p class="character-trigger"><span>OT-Trigger:  Tod</span><br /></p
</div> ><p class="character-themes"
<div></div> ><span>Themes: Gewissensbisse, Freundschaft, Suche, Sehnsucht</span
</div> ><span>, Hass</span><br /></p
<p class="character-trigger"> ><p class="character-teaser-text"
<span>OT-Trigger:  Tod</span> ><span
<br /> >Wärter Krüger arbeitet seit 4 Jahren im Gefängnis Schwarzbach. Krüger
</p> ist für die Bunkerelektrik</span
<p class="character-themes"> ><span>
<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 zuständig, weil sich Krüger damit am besten auskennt. Krüger instruiert
dabei Häftlinge, welche die Arbeit entsprechend erledigen. dabei Häftlinge, welche die Arbeit entsprechend erledigen.</span
</span> ><span> Krüger spielt ab und zu Karten mit Dr. Jenatsch und Collins.</span
<span>Krüger spielt ab und zu Karten mit Dr. Jenatsch und Collins.</span> ><br /></p
<br /> ><p class="character-teaser-text"
</p> ><span
<p class="character-teaser-text"> >In der Zivilschutzanlage hilft Krüger Dr. Jankovic bei der
<span> medizinischen Versorgung der Bunkerinsassen.</span
In der Zivilschutzanlage hilft Krüger Dr. Jankovic bei der medizinischen ><br /></p
Versorgung der Bunkerinsassen. ><p class="character-teaser-text"
</span> ><span>Krüger ist bekannt dafür etwas grummelig und rastlos zu sein.</span
<br /> ><span>
</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 Krüger hat hohe Standards was die eigene Arbeit und die Arbeit von
anderen angeht. anderen angeht.</span
</span> ><br /></p></section
<br /> ></div>
</p>
</section>
</div>
</template> </template>
<script> <script>

83
src/components/row3.vue
View file

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

120
src/components/row4.vue
View file

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

109
src/components/row5.vue
View file

@ -1,80 +1,55 @@
<template> <template>
<div class="character-row"> <div class="character-row"
<section class="row5-collins character-teaser-container"> ><section class="row5-collins character-teaser-container"
<div class="character-header"> ><div class="character-header"
<img ><img
alt="Symbolbild" alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/collins-200h.png" src="/letzte-gelegenheit/charaktere/collins-200h.png"
class="character-image" class="character-image" /><div class="character-description"
/> ><h2 class="character-name">{{ collins }}</h2
<div class="character-description"> ><span class="character-function"
<h2 class="character-name">{{ collins }}</h2> ><span>Häftling</span><br /></span></div
<span class="character-function"> ><div></div></div
<span>Häftling</span> ><p class="character-trigger"
<br /> ><span>OT-Trigger:  Tod</span><span>, Drogen</span><br /></p
</span> ><p class="character-themes"
</div> ><span>Themes: Ungerechtigkeit, Pflicht, Gewissensbisse, Familie</span
<div></div> ><br /></p
</div> ><p class="character-teaser-text">{{ collinsAbsatz1 }}</p
<p class="character-trigger"> ><p class="character-teaser-text">{{ collinsAbsatz2 }}</p></section
<span>OT-Trigger:  Tod</span> ><section class="character-teaser-container"
<span>, Drogen</span> ><div class="character-header"
<br /> ><img
</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" alt="Symbolbild"
src="/letzte-gelegenheit/charaktere/lindbeck-200h.png" src="/letzte-gelegenheit/charaktere/lindbeck-200h.png"
class="character-image" class="character-image" /><div class="character-description"
/> ><h2 class="character-name">{{ lindbeck }}</h2
<div class="character-description"> ><span class="character-function"
<h2 class="character-name">{{ lindbeck }}</h2> ><span>Häftling</span><br /></span></div
<span class="character-function"> ><div></div></div
<span>Häftling</span> ><p class="character-trigger"
<br /> ><span>OT-Trigger:  Tod, Sexualität zwischen Schüler und Lehrer</span
</span> ><br /></p
</div> ><p class="character-themes"
<div></div> ><span>Themes: Gewissensbisse, Suche, Sehnsucht, Verzweiflung</span
</div> ><br /></p
<p class="character-trigger"> ><p class="character-teaser-text"
<span>OT-Trigger:  Tod, Sexualität zwischen Schüler und Lehrer</span> ><span
<br /> >Lindbeck sitzt seit 2 Jahren im Gefängnis Schwarzbach. Lindbeck war die
</p> einzige</span
<p class="character-themes"> ><span>
<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 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 mitbrachte. Während den 2 Jahren im Gefängnis arbeitete Lindbeck im
Postbüro. Im Bunker schrieb Lindbeck einige Literatur nieder, an die Postbüro. Im Bunker schrieb Lindbeck einige Literatur nieder, an die
Lindbeck sich noch erinnern konnte bevor alle in den Bunker gingen. Lindbeck sich noch erinnern konnte bevor alle in den Bunker gingen.
Lindbeck liest davon manchmal vor und hat auch schon zu speziellen Lindbeck liest davon manchmal vor und hat auch schon zu speziellen
Anlässen wie Geburtstage ein Lied angestimmt. Anlässen wie Geburtstage ein Lied angestimmt.</span
</span> ><br /></p
<br /> ><p class="character-teaser-text"
</p> ><span
<p class="character-teaser-text"> >Lindbeck ist bekannt dafür, eine eher traurige Stimmung zu haben.</span
<span> ><br /></p></section
Lindbeck ist bekannt dafür, eine eher traurige Stimmung zu haben. ></div>
</span>
<br />
</p>
</section>
</div>
</template> </template>
<script> <script>

92
src/components/row6.vue
View file

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

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

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

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

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

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

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

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

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

36
src/router.js
View file

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

17
src/style.css
View file

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

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

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

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

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

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

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

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

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

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

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

55
src/views/home.vue
View file

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

47
src/views/kurzgeschichten.vue
View file

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

31
src/views/larpkonzept.vue
View file

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

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

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

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

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

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

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

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

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