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

Update website structure; Add 2 additional short stories; Add pages for categories (LARPs, Kurzgeschichten, Drama Games).

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

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 392 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 111 KiB

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

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

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

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

6
src/components/kontakt.vue
View file

@ -105,6 +105,12 @@ export default {
@media(max-width: 767px) {
.kontakt-footer {
flex-direction: column;

294
src/components/navigation.vue
View file

@ -31,9 +31,12 @@
data-thq="thq-dropdown-toggle"
class="desktop-menu-dropdown-toggle mobile-menu-dropdown-toggle"
>
<span class="desktop-menu-dropdown-header nav-link">
<router-link
to="/larps"
class="navigation-larps desktop-menu-dropdown-header nav-link"
>
{{ larps }}
</span>
</router-link>
<div
data-thq="thq-dropdown-arrow"
class="desktop-menu-arrow-container"
@ -43,8 +46,11 @@
</svg>
</div>
</div>
<ul data-thq="thq-dropdown-list" class="desktop-menu-dropdown-list">
<router-link to="/letzte-gelegenheit">
<ul
data-thq="thq-dropdown-list"
class="navigation-dropdown-list desktop-menu-dropdown-list"
>
<router-link to="/larps/letzte-gelegenheit">
<li
data-thq="thq-dropdown"
class="desktop-menu-list-item list-item"
@ -59,7 +65,7 @@
</div>
</li>
</router-link>
<router-link to="/suesse-traeume">
<router-link to="/larps/suesse-traeume">
<li
data-thq="thq-dropdown"
class="desktop-menu-list-item list-item"
@ -84,9 +90,12 @@
data-thq="thq-dropdown-toggle"
class="desktop-menu-dropdown-toggle"
>
<span class="desktop-menu-dropdown-header nav-link">
<router-link
to="/drama-games"
class="navigation-drama-games desktop-menu-dropdown-header nav-link"
>
{{ dramaGames }}
</span>
</router-link>
<div
data-thq="thq-dropdown-arrow"
class="desktop-menu-arrow-container"
@ -96,8 +105,11 @@
</svg>
</div>
</div>
<ul data-thq="thq-dropdown-list" class="desktop-menu-dropdown-list">
<router-link to="/murphys-larp">
<ul
data-thq="thq-dropdown-list"
class="navigation-dropdown-list1 desktop-menu-dropdown-list"
>
<router-link to="/drama-games/murphys-larp">
<li
data-thq="thq-dropdown"
class="desktop-menu-list-item list-item"
@ -122,9 +134,12 @@
data-thq="thq-dropdown-toggle"
class="desktop-menu-dropdown-toggle"
>
<span class="desktop-menu-dropdown-header nav-link">
<router-link
to="/kurzgeschichten"
class="navigation-kurzgeschichten desktop-menu-dropdown-header nav-link"
>
{{ kurzgeschichten }}
</span>
</router-link>
<div
data-thq="thq-dropdown-arrow"
class="desktop-menu-arrow-container"
@ -134,8 +149,11 @@
</svg>
</div>
</div>
<ul data-thq="thq-dropdown-list" class="desktop-menu-dropdown-list">
<router-link to="/ein-orden-fuer-eine-gute-tat">
<ul
data-thq="thq-dropdown-list"
class="navigation-dropdown-list2 desktop-menu-dropdown-list"
>
<router-link to="/kurzgeschichten/ein-orden-fuer-eine-gute-tat">
<li
data-thq="thq-dropdown"
class="desktop-menu-list-item list-item"
@ -150,7 +168,7 @@
</div>
</li>
</router-link>
<router-link to="/rosenteufel">
<router-link to="/kurzgeschichten/rosenteufel">
<li
data-thq="thq-dropdown"
class="desktop-menu-list-item list-item"
@ -165,6 +183,36 @@
</div>
</li>
</router-link>
<router-link to="/kurzgeschichten/einsames-schaf">
<li
data-thq="thq-dropdown"
class="desktop-menu-list-item list-item"
>
<div
data-thq="thq-dropdown-toggle"
class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle"
>
<span class="desktop-menu-dropdown-option">
{{ einsamesSchaf }}
</span>
</div>
</li>
</router-link>
<router-link to="/kurzgeschichten/gefangener-gorilla">
<li
data-thq="thq-dropdown"
class="desktop-menu-list-item list-item"
>
<div
data-thq="thq-dropdown-toggle"
class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle"
>
<span class="desktop-menu-dropdown-option">
{{ gefangenerGorilla }}
</span>
</div>
</li>
</router-link>
</ul>
</div>
</nav>
@ -210,9 +258,12 @@
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-toggle"
>
<span class="mobile-menu-dropdown-header nav-link">
<router-link
to="/larps"
class="navigation-larps1 mobile-menu-dropdown-header nav-link"
>
{{ larps }}
</span>
</router-link>
<div
data-thq="thq-dropdown-arrow"
class="mobile-menu-dropdown-arrow-container"
@ -222,15 +273,18 @@
</svg>
</div>
</div>
<ul data-thq="thq-dropdown-list" class="dropdown-list">
<router-link to="/letzte-gelegenheit">
<ul
data-thq="thq-dropdown-list"
class="navigation-larps-dropdown-list dropdown-list"
>
<router-link to="/larps/letzte-gelegenheit">
<li
data-thq="thq-dropdown"
class="mobile-menu-list-item list-item"
>
<div
data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle09"
class="navigation-dropdown-toggle11"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ letzteGelegenheit }}
@ -238,14 +292,14 @@
</div>
</li>
</router-link>
<router-link to="/suesse-traeume">
<router-link to="/larps/suesse-traeume">
<li
data-thq="thq-dropdown"
class="mobile-menu-list-item list-item"
>
<div
data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle10"
class="navigation-dropdown-toggle12"
>
<span class="navigation-suesse-traeume1 nav-link">
{{ suesseTraeume }}
@ -260,9 +314,12 @@
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-toggle"
>
<span class="mobile-menu-dropdown-header nav-link">
<router-link
to="/drama-games"
class="navigation-drama-games1 mobile-menu-dropdown-header nav-link"
>
{{ dramaGames }}
</span>
</router-link>
<div
data-thq="thq-dropdown-arrow"
class="mobile-menu-dropdown-arrow-container"
@ -272,15 +329,18 @@
</svg>
</div>
</div>
<ul data-thq="thq-dropdown-list" class="dropdown-list">
<router-link to="/murphys-larp">
<ul
data-thq="thq-dropdown-list"
class="navigation-drama-games-dropdown-list dropdown-list"
>
<router-link to="/drama-games/murphys-larp">
<li
data-thq="thq-dropdown"
class="mobile-menu-list-item list-item"
>
<div
data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle12"
class="navigation-dropdown-toggle14"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ murphysLarp }}
@ -295,9 +355,12 @@
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-toggle"
>
<span class="mobile-menu-dropdown-header nav-link">
<router-link
to="/kurzgeschichten"
class="navigation-kurzgeschichten1 mobile-menu-dropdown-header nav-link"
>
{{ kurzgeschichten }}
</span>
</router-link>
<div
data-thq="thq-dropdown-arrow"
class="mobile-menu-dropdown-arrow-container"
@ -307,8 +370,11 @@
</svg>
</div>
</div>
<ul data-thq="thq-dropdown-list" class="dropdown-list">
<router-link to="/ein-orden-fuer-eine-gute-tat">
<ul
data-thq="thq-dropdown-list"
class="navigation-kurzgeschichten-dropdown-list dropdown-list"
>
<router-link to="/kurzgeschichten/ein-orden-fuer-eine-gute-tat">
<li
data-thq="thq-dropdown"
class="mobile-menu-list-item list-item"
@ -323,14 +389,14 @@
</div>
</li>
</router-link>
<router-link to="/rosenteufel">
<router-link to="/kurzgeschichten/rosenteufel">
<li
data-thq="thq-dropdown"
class="mobile-menu-list-item list-item"
>
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle15"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle17"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ rosenteufel }}
@ -338,6 +404,36 @@
</div>
</li>
</router-link>
<router-link to="/kurzgeschichten/rosenteufel">
<li
data-thq="thq-dropdown"
class="mobile-menu-list-item list-item"
>
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle18"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ einsamesSchaf }}
</span>
</div>
</li>
</router-link>
<router-link to="/kurzgeschichten/rosenteufel">
<li
data-thq="thq-dropdown"
class="mobile-menu-list-item list-item"
>
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle19"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ gefangenerGorilla }}
</span>
</div>
</li>
</router-link>
</ul>
</div>
</nav>
@ -377,7 +473,7 @@ export default {
},
larps: {
type: String,
default: 'Larps',
default: 'LARPs',
},
ueberUns: {
type: String,
@ -400,9 +496,13 @@ export default {
default: 'Rosenteufel',
},
rootClassName: String,
shop: {
einsamesSchaf: {
type: String,
default: 'Shop',
default: 'Einsames Schaf',
},
gefangenerGorilla: {
type: String,
default: 'Gefangener Gorilla',
},
},
}
@ -450,6 +550,12 @@ export default {
position: relative;
border-radius: var(--dl-radius-radius-radius2);
}
.navigation-larps {
text-decoration: none;
}
.navigation-dropdown-list {
display: none;
}
.navigation-dropdown-toggle01:hover {
fill: #fff;
color: #fff;
@ -466,6 +572,12 @@ export default {
position: relative;
border-radius: var(--dl-radius-radius-radius2);
}
.navigation-drama-games {
text-decoration: none;
}
.navigation-dropdown-list1 {
display: none;
}
.navigation-dropdown-toggle04:hover {
fill: #fff;
color: #fff;
@ -477,6 +589,12 @@ export default {
position: relative;
border-radius: var(--dl-radius-radius-radius2);
}
.navigation-kurzgeschichten {
text-decoration: none;
}
.navigation-dropdown-list2 {
display: none;
}
.navigation-dropdown-toggle06:hover {
fill: #fff;
color: #fff;
@ -541,7 +659,13 @@ export default {
.navigation-icon08:hover {
opacity: 0.5;
}
.navigation-dropdown-toggle09 {
.navigation-larps1 {
text-decoration: none;
}
.navigation-larps-dropdown-list {
display: none;
}
.navigation-dropdown-toggle11 {
fill: #595959;
color: #595959;
width: 100%;
@ -554,38 +678,11 @@ export default {
padding-right: var(--dl-space-space-unit);
padding-bottom: var(--dl-space-space-halfunit);
}
.navigation-dropdown-toggle09:hover {
.navigation-dropdown-toggle11:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle10 {
fill: #595959;
color: #595959;
width: 100%;
display: inline-flex;
transition: 0.3s;
align-items: center;
padding-top: var(--dl-space-space-halfunit);
padding-left: var(--dl-space-space-unit);
border-radius: var(--dl-radius-radius-radius4);
padding-right: var(--dl-space-space-unit);
padding-bottom: var(--dl-space-space-halfunit);
}
.navigation-dropdown-toggle10:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-suesse-traeume1 {
width: 100%;
cursor: pointer;
display: flex;
font-size: 14px;
font-style: normal;
font-family: Poppins;
font-weight: 400;
}
.navigation-dropdown-toggle12 {
fill: #595959;
color: #595959;
@ -604,7 +701,56 @@ export default {
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle15:hover {
.navigation-suesse-traeume1 {
width: 100%;
cursor: pointer;
display: flex;
font-size: 14px;
font-style: normal;
font-family: Poppins;
font-weight: 400;
}
.navigation-drama-games1 {
text-decoration: none;
}
.navigation-drama-games-dropdown-list {
display: none;
}
.navigation-dropdown-toggle14 {
fill: #595959;
color: #595959;
width: 100%;
display: inline-flex;
transition: 0.3s;
align-items: center;
padding-top: var(--dl-space-space-halfunit);
padding-left: var(--dl-space-space-unit);
border-radius: var(--dl-radius-radius-radius4);
padding-right: var(--dl-space-space-unit);
padding-bottom: var(--dl-space-space-halfunit);
}
.navigation-dropdown-toggle14:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-kurzgeschichten1 {
text-decoration: none;
}
.navigation-kurzgeschichten-dropdown-list {
display: none;
}
.navigation-dropdown-toggle17:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle18:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle19:hover {
fill: #fff;
color: #fff;
background-color: #595959;
@ -638,6 +784,24 @@ export default {
.navigation-root-class-name12 {
max-width: 1200px;
}
.navigation-root-class-name13 {
max-width: 1200px;
}
.navigation-root-class-name14 {
max-width: 1200px;
}
.navigation-root-class-name15 {
max-width: 1200px;
}
.navigation-root-class-name16 {
max-width: 1200px;
}
.navigation-root-class-name17 {
max-width: 1200px;
}
.navigation-root-class-name18 {
max-width: 1200px;
}
@media(max-width: 991px) {
.navigation-navbar-interactive {
padding-bottom: var(--dl-space-space-twounits);

4
src/components/row1.vue
View file

@ -12,7 +12,7 @@
<span class="character-function">
<span>
Leitung der Justizvollzugsanstalt
<span v-html="raw1o78"></span>
<span v-html="rawid2h"></span>
</span>
<br />
</span>
@ -105,7 +105,7 @@ export default {
},
data() {
return {
raw1o78: ' ',
rawid2h: ' ',
}
},
}

4
src/components/row4.vue
View file

@ -67,7 +67,7 @@
Tabellen und Graphen auf Notizzettel. Die Wärter mussten Jenatsch schon
mehrmals dafür bestrafen, als Jenatsch diese trotz Warnungen überall
wieder liegen liess.
<span v-html="rawrzr3"></span>
<span v-html="rawnnr3"></span>
</span>
<span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span>
<br />
@ -115,7 +115,7 @@ export default {
},
data() {
return {
rawrzr3: ' ',
rawnnr3: ' ',
}
},
}

78
src/components/summary-larps.vue Normal file
View file

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

140
src/components/summary-shortstories.vue Normal file
View file

@ -0,0 +1,140 @@
<template>
<main>
<div class="card-row">
<div class="character-teaser-container">
<h1 class="card-heading">{{ einOrdenFuerEineGuteTat }}</h1>
<p class="card-text">
<span>
&quot;Ein brauner Schneehase besucht ein ein Rothörnchen und ein
Grauhörnchen im vom Herbst bunt gefärbten Wald. Er hat einen Orden,
den er für eine gute Tat vergeben möchte. Doch welches Hörnchen
schafft es, diesen zu bekommen?&quot;
</span>
<br />
<br />
<span>
Diese Kurzgeschichte für Kinder und Eltern stellt spielerisch eine
moralische Frage dar, dessen Antwort das Elternteil oder das Kind
selbst finden muss. Es soll das Kind unterhalten und zugleich mit
einer einfachen aber doch spannenden Fragestellung bilden.
</span>
</p>
<router-link to="/kurzgeschichten/ein-orden-fuer-eine-gute-tat">
<div class="mehr-link"><p class="card-link">{{ lesenLink }}</p></div>
</router-link>
</div>
<div class="character-teaser-container">
<h1 class="card-heading">{{ rosenteufel }}</h1>
<div class="summary-shortstories-container">
<p class="card-text">
<span>
&quot;Ich erzähl euch ein Gschicht von wahr, so wahr wie ihr danach
nicht gwollt. Ein Gschicht dieerzähl als einzger überlebend: Mein
Gschicht. S wart im letzten Jahr...&quot;
</span>
<br />
<br />
<span>
Diese Kurzgeschichte geschrieben in einem pseudo-mittelalterlichen
Schreibstil entstand aus einer Challenge die sich ein Freund und ich
uns stellten, mit den Wörtern &quot;Sand&quot; und &quot;Rose&quot;
eine Kurzgeschichte zu schreiben.
</span>
</p>
</div>
<router-link to="/kurzgeschichten/rosenteufel">
<div class="mehr-link summary-shortstories-button1">
<p class="card-link">{{ lesenLink }}</p>
</div>
</router-link>
</div>
</div>
<div class="summary-shortstories-row1 card-row">
<div class="character-teaser-container">
<h1 class="card-heading">{{ einsamesSchaf }}</h1>
<p class="card-text">
&quot;Fast wäre das Lamm von der Klippe gestürzt. Der Schäferhund hatte
es nach dem Pfeifen des Hirten grade noch erreicht. Das Lamm versucht
wieder und wieder sich von der Herde zu entfernen, nur um dann wieder
eingefangen zu werden. Es scheint kein Interesse zu haben an den saftig
grünen Wiesen. Während die anderen grasen, schaut es über die Klippen
zum weiten Ozean.&quot;
</p>
<router-link to="/kurzgeschichten/einsames-schaf">
<div class="mehr-link summary-shortstories-button2">
<p class="card-link">Lesen -&gt;{{ lesenLink }}</p>
</div>
</router-link>
</div>
<div class="character-teaser-container">
<h1 class="card-heading">{{ gefangenerGorilla }}</h1>
<p class="card-text">
&quot;Im Zoo sieht der kleine Sebastian einen jungen, kleinen Gorilla.
Er sieht ganz traurig aus. Sebastian findet das schade. “Was hast du,
kleiner Gorilla?” Als könne der Gorilla Sebastian verstehen, zeigt
dieser auf den Zaun und macht dann einen Schmollmund.&quot;
</p>
<router-link to="/kurzgeschichten/gefangener-gorilla">
<div class="mehr-link summary-shortstories-button3">
<p class="card-link">{{ lesenLink }}</p>
</div>
</router-link>
</div>
</div>
</main>
</template>
<script>
export default {
name: 'SummaryShortstories',
props: {
einOrdenFuerEineGuteTat: {
type: String,
default: 'Ein Orden für eine gute Tat',
},
rosenteufel: {
type: String,
default: 'Rosenteufel',
},
lesenLink: {
type: String,
default: 'Lesen ->',
},
einsamesSchaf: {
type: String,
default: 'Einsames Schaf',
},
gefangenerGorilla: {
type: String,
default: 'Gefangener Gorilla',
},
},
}
</script>
<style scoped>
.summary-shortstories-container {
flex: 0 0 auto;
width: auto;
height: auto;
display: flex;
flex-direction: column;
}
.summary-shortstories-button1:hover {
opacity: 0.5;
}
.summary-shortstories-row1 {
margin-top: var(--dl-space-space-twounits);
}
.summary-shortstories-button2:hover {
opacity: 0.5;
}
.summary-shortstories-button3:hover {
opacity: 0.5;
}
@media(max-width: 991px) {
.summary-shortstories-row1 {
margin-top: var(--dl-space-space-halfunit);
}
}
</style>

56
src/router.js
View file

@ -2,14 +2,20 @@ import Vue from 'vue'
import Router from 'vue-router'
import Meta from 'vue-meta'
import MurphysLARP from './views/murphys-larp'
import SsseTrume from './views/ssse-trume'
import DramaGames from './views/drama-games'
import EinsamesSchaf from './views/kurzgeschichten/einsames-schaf'
import MeinLieblingsmensch from './views/mein-lieblingsmensch'
import MurphysLARP from './views/drama-games/murphys-larp'
import Kurzgeschichten from './views/kurzgeschichten'
import LARPs from './views/lar-ps'
import SsseTrume from './views/larps/ssse-trume'
import BerUns from './views/ber-uns'
import Larpkonzept from './views/larpkonzept'
import EinOrdenFrEineGuteTat from './views/ein-orden-fr-eine-gute-tat'
import LetzteGelegenheit from './views/letzte-gelegenheit'
import Rosenteufel from './views/rosenteufel'
import EinOrdenFrEineGuteTat from './views/kurzgeschichten/ein-orden-fr-eine-gute-tat'
import LetzteGelegenheit from './views/larps/letzte-gelegenheit'
import Rosenteufel from './views/kurzgeschichten/rosenteufel'
import Home from './views/home'
import GefangenerGorilla from './views/kurzgeschichten/gefangener-gorilla'
import NotFound from './views/not-found'
import './style.css'
@ -18,14 +24,39 @@ Vue.use(Meta)
export default new Router({
mode: 'history',
routes: [
{
name: 'Drama-Games',
path: '/drama-games',
component: DramaGames,
},
{
name: 'Einsames-Schaf',
path: '/kurzgeschichten/einsames-schaf',
component: EinsamesSchaf,
},
{
name: 'Mein-Lieblingsmensch',
path: '/mein-lieblingsmensch',
component: MeinLieblingsmensch,
},
{
name: 'Murphys-LARP',
path: '/murphys-larp',
path: '/drama-games/murphys-larp',
component: MurphysLARP,
},
{
name: 'Kurzgeschichten',
path: '/kurzgeschichten',
component: Kurzgeschichten,
},
{
name: 'LARPs',
path: '/larps',
component: LARPs,
},
{
name: 'Ssse-Trume',
path: '/suesse-traeume',
path: '/larps/suesse-traeume',
component: SsseTrume,
},
{
@ -40,17 +71,17 @@ export default new Router({
},
{
name: 'Ein-Orden-fr-eine-gute-Tat',
path: '/ein-orden-fuer-eine-gute-tat',
path: '/kurzgeschichten/ein-orden-fuer-eine-gute-tat',
component: EinOrdenFrEineGuteTat,
},
{
name: 'Letzte-Gelegenheit',
path: '/letzte-gelegenheit',
path: '/larps/letzte-gelegenheit',
component: LetzteGelegenheit,
},
{
name: 'Rosenteufel',
path: '/rosenteufel',
path: '/kurzgeschichten/rosenteufel',
component: Rosenteufel,
},
{
@ -58,6 +89,11 @@ export default new Router({
path: '/',
component: Home,
},
{
name: 'Gefangener-Gorilla',
path: '/kurzgeschichten/gefangener-gorilla',
component: GefangenerGorilla,
},
{
name: '404 - Not Found',
path: '**',

30
src/style.css
View file

@ -319,6 +319,7 @@
gap: var(--dl-space-space-twounits);
width: 100%;
display: flex;
position: relative;
max-width: 1200px;
align-items: center;
flex-direction: row;
@ -556,6 +557,7 @@
background-color: #595959;
}
.mobile-menu-dropdown-header {
cursor: pointer;
font-size: 16px;
font-style: normal;
text-align: center;
@ -689,6 +691,31 @@
font-family: "Poppins";
line-height: 28px;
}
.shortstory-paragraph {
font-size: 24px;
text-align: justify;
font-family: "serif";
}
.mehr-link {
gap: var(--dl-space-space-oneandhalfunits);
cursor: pointer;
display: flex;
transition: 0.3s;
align-items: center;
border-color: #ffff00;
flex-direction: column;
padding-bottom: var(--dl-space-space-halfunit);
justify-content: center;
text-decoration: none;
border-bottom-width: 1px;
}
.mehr-link:hover {
opacity: 0.5;
}
.shortstory-image {
width: 100%;
margin-top: var(--dl-space-space-twounits);
}
.Heading {
font-size: 32px;
font-family: Inter;
@ -764,9 +791,6 @@
font-family: Poppins;
line-height: 24px;
}
.mobile-menu-text {
color: #ffffff;
}
.page-title {
font-size: 40px;
}

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

@ -7,9 +7,17 @@
</h1>
<div class="text-body">
<span>
<span>
OpenVisor ist eine non-profit Marke unter welcher wir Geschichten
erfinden und erzählen und allerlei damit verbundene Kunst erschaffen.
</span>
<br />
<br />
<span>
Bis jetzt ist Hermann das einzige offizielle Mitglied vom OpenVisor
Team. In Zukunft wird es sicher mehr Mitglieder im Team geben.
Team. In Zukunft wird es sicher mehr Mitglieder im Team geben. Wenn es
soweit ist, wird OpenVisor wahrscheinlich in einem Verein organisiert
werden.
</span>
<br />
<br />

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

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

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

@ -6,7 +6,7 @@
<br />
</h1>
<span class="page-subtitle">
<span>Post Card Drama Game</span>
<span>Post Card Drama Game, Dezember 2023</span>
<br />
</span>
<div class="text-body">
@ -40,20 +40,20 @@
</span>
</div>
<a
href="https://docs.google.com/document/d/1UWThYUOZUtHy3A89CeKnJ7KdkxyWW5DppVP4PiAECJ4/edit?usp=sharing"
href="https://drive.google.com/file/d/1Wmr0EpudlZD2UWNDRFfJ4iRRiEzrenNL/view?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="murphys-larp-download-button button"
>
<span class="button-text">Download</span>
<span class="button-text">Link zum PDF (Format: A5)</span>
</a>
<app-kontakt rootClassName="kontakt-root-class-name5"></app-kontakt>
</div>
</template>
<script>
import AppNavigation from '../components/navigation'
import AppKontakt from '../components/kontakt'
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'MurphysLARP',

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

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

150
src/views/home.vue
View file

@ -18,92 +18,14 @@
</section>
<section class="card-container">
<h2 class="section-head">LARPs</h2>
<main class="card-row">
<section class="character-teaser-container">
<h1 class="card-heading">Letzte Gelegenheit</h1>
<p class="card-text">
Das Nordic LARP “Letzte Gelegenheit” spielt in der heutigen Zeit in
einer alternativen Realität: Vor 10 Tagen fiel plötzlich der Strom aus
und dichte Nebelschwaden überzogen einige Städte. Sirenen führten die
Menschen in Bunker. Radios, die noch funktionierten, meldeten die
sofortige Mobilisierung der Milizarmee und des Zivilschutzes. Was
genau passierte, ist noch immer ungeklärt. In der Zivilschutzanlage
der Justizvollzugsanstalt Schwarzbach versucht man den Alltag
beizubehalten, doch langsam gehen die Ressourcen aus und die Lage
verschärft sich.
</p>
<router-link to="/letzte-gelegenheit">
<div class="home-button"><p class="card-link">Mehr -&gt;</p></div>
</router-link>
</section>
<div class="character-teaser-container">
<h1 class="card-heading">Süsse Träume</h1>
<p class="card-text">
<span>
&quot;Weisst du, wer du bist? Was du bereust, befürchtest, vergessen
möchtest? Was du erreichen möchtest und was dir alles recht ist um
dies zu erreichen? Zeit, deine Antworten auf diese Fragen auf die
Probe zu stellen...&quot;
</span>
<br />
<br />
<span>
Süsse Träume war ein Fantasy Minilarp (nicht Nordic) im Wald von
Eschikon (8315 Lindau, Schweiz) das Sue und Hermann organisierten.
Es ging darum, dass ein Hexer Trajar die Spielercharaktere als diese
sich schlafen legten in seine Traumwelt entführte.
</span>
</p>
<router-link to="/suesse-traeume">
<div class="home-button1"><p class="card-link">Mehr -&gt;</p></div>
</router-link>
</div>
</main>
<summary-larps></summary-larps>
</section>
<section class="card-container">
<h2 class="uppercase section-head">
<span>Kurzgeschichten</span>
<br />
</h2>
<main class="card-row">
<div class="character-teaser-container">
<h1 class="card-heading">Ein Orden für eine gute Tat</h1>
<p class="card-text">
&quot;Ein brauner Schneehase besucht ein ein Rothörnchen und ein
Grauhörnchen im vom Herbst bunt gefärbten Wald. Er hat einen Orden,
den er für eine gute Tat vergeben möchte. Doch welches Hörnchen
schafft es, diesen zu bekommen?&quot; Diese Kurzgeschichte für Kinder
und Eltern stellt spielerisch eine moralische Frage dar, dessen
Antwort das Elternteil oder das Kind selbst finden muss. Es soll das
Kind unterhalten und zugleich mit einer einfachen aber doch spannenden
Fragestellung bilden.
</p>
<router-link to="/ein-orden-fuer-eine-gute-tat">
<div class="home-button2"><p class="card-link">Lesen -&gt;</p></div>
</router-link>
</div>
<div class="character-teaser-container">
<h1 class="card-heading">Rosenteufel</h1>
<p class="card-text">
<span>
&quot;Ich erzähl euch ein Gschicht von wahr, so wahr wie ihr danach
nicht gwollt. Ein Gschicht dieerzähl als einzger überlebend: Mein
Gschicht. S wart im letzten Jahr...&quot;
</span>
<br />
<br />
<span>
Diese Kurzgeschichte geschrieben mit pseudomittelalterlicher
Grammatik entstand aus einer Challenge die sich ein Freund und ich
uns stellten, mit den Wörtern &quot;Sand&quot; und &quot;Rose&quot;
eine Kurzgeschichte zu schreiben.
</span>
</p>
<router-link to="/rosenteufel">
<div class="home-button3"><p class="card-link">Lesen -&gt;</p></div>
</router-link>
</div>
</main>
<summary-shortstories></summary-shortstories>
</section>
<app-kontakt></app-kontakt>
</div>
@ -112,6 +34,8 @@
<script>
import AppNavigation from '../components/navigation'
import VeranstaltungenListe from '../components/veranstaltungen-liste'
import SummaryLarps from '../components/summary-larps'
import SummaryShortstories from '../components/summary-shortstories'
import AppKontakt from '../components/kontakt'
export default {
@ -120,6 +44,8 @@ export default {
components: {
AppNavigation,
VeranstaltungenListe,
SummaryLarps,
SummaryShortstories,
AppKontakt,
},
metaInfo: {
@ -177,70 +103,6 @@ export default {
padding-bottom: var(--dl-space-space-oneandhalfunits);
justify-content: center;
}
.home-button {
gap: var(--dl-space-space-oneandhalfunits);
cursor: pointer;
display: flex;
transition: 0.3s;
align-items: center;
border-color: #ffff00;
flex-direction: column;
padding-bottom: var(--dl-space-space-halfunit);
justify-content: center;
text-decoration: none;
border-bottom-width: 1px;
}
.home-button:hover {
opacity: 0.5;
}
.home-button1 {
gap: var(--dl-space-space-oneandhalfunits);
cursor: pointer;
display: flex;
transition: 0.3s;
align-items: center;
border-color: #FFFF00;
flex-direction: column;
padding-bottom: var(--dl-space-space-halfunit);
justify-content: center;
text-decoration: none;
border-bottom-width: 1px;
}
.home-button1:hover {
opacity: 0.5;
}
.home-button2 {
gap: var(--dl-space-space-oneandhalfunits);
cursor: pointer;
display: flex;
transition: 0.3s;
align-items: center;
border-color: #ffff00;
flex-direction: column;
padding-bottom: var(--dl-space-space-halfunit);
justify-content: center;
text-decoration: none;
border-bottom-width: 1px;
}
.home-button2:hover {
opacity: 0.5;
}
.home-button3 {
gap: var(--dl-space-space-oneandhalfunits);
cursor: pointer;
display: flex;
transition: 0.3s;
align-items: center;
border-color: #ffff00;
flex-direction: column;
padding-bottom: var(--dl-space-space-halfunit);
justify-content: center;
text-decoration: none;
border-bottom-width: 1px;
}
.home-button3:hover {
opacity: 0.5;
}
@media(max-width: 991px) {
.home-image {
width: 420px;

56
src/views/kurzgeschichten.vue Normal file
View file

@ -0,0 +1,56 @@
<template>
<div class="kurzgeschichten-container">
<app-navigation rootClassName="navigation-root-class-name15"></app-navigation>
<h1 class="page-title">Kurzgeschichten</h1>
<span class="page-subtitle">
<span>Kurzgeschichte</span>
<br />
</span>
<div class="text-body">
<span>
Hermann nutzt Kurzgeschichten um Ideen, die er spannend findet, kompakt
erzählerisch zusammenzufassen. Künftig möchte Hermann ähnliche Ideen
zusätzlich als Kurzfilme umsetzen, wenn das Filmformat dafür geeignet ist.
</span>
</div>
<app-kontakt rootClassName="kontakt-root-class-name8"></app-kontakt>
</div>
</template>
<script>
import AppNavigation from '../components/navigation'
import AppKontakt from '../components/kontakt'
export default {
name: 'Kurzgeschichten',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Kurzgeschichten',
meta: [
{
property: 'og:title',
content: 'OpenVisor - Kurzgeschichten',
},
],
},
}
</script>
<style scoped>
.kurzgeschichten-container {
width: 100%;
display: flex;
overflow: auto;
min-height: 100vh;
overflow-x: hidden;
align-items: center;
flex-direction: column;
background-size: cover;
background-image: url("/forest-background-luca-dross-1500w.jpg");
background-position: bottom right;
}
</style>

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

@ -0,0 +1,113 @@
<template>
<div class="ein-orden-fr-eine-gute-tat-container">
<app-navigation rootClassName="navigation-root-class-name"></app-navigation>
<h1 class="page-title">
<span>Ein Orden für eine gute Tat</span>
<br />
</h1>
<span class="page-subtitle">
<span>Eine moralische Kurzgeschichte für Kinder, Dezember 2020</span>
<br />
</span>
<div class="ein-orden-fr-eine-gute-tat-container1">
<a
href="https://drive.google.com/file/d/10oT5Mr9dZuApIKR_C7K765kU4pA9cg-m/view?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="ein-orden-fr-eine-gute-tat-download-button button"
>
<span class="button-text">Als PDF</span>
</a>
</div>
<div class="ein-orden-fr-eine-gute-tat-text-container text-body">
<span>
<span>
&quot;Ein brauner Schneehase besucht ein ein Rothörnchen und ein
Grauhörnchen im vom Herbst bunt gefärbten Wald. Er hat einen Orden, den
er für eine gute Tat vergeben möchte. Doch welches Hörnchen schafft es,
diesen zu bekommen?&quot;
</span>
<br />
<br />
<span>
Diese Kurzgeschichte für Kinder und Eltern stellt spielerisch eine
moralische Frage dar, dessen Antwort das Elternteil oder das Kind selbst
finden muss. Es soll das Kind unterhalten und zugleich mit einer
einfachen aber doch spannenden Fragestellung bilden.
</span>
</span>
<img
src="/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_einordenfuereinegutetat-1200w.png"
alt="image"
class="shortstory-image"
/>
</div>
<app-kontakt rootClassName="kontakt-root-class-name4"></app-kontakt>
</div>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'EinOrdenFrEineGuteTat',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Ein Orden für eine gute Tat',
meta: [
{
name: 'description',
content:
'Ein brauner Schneehase besucht zwei Hörnchen im vom Herbst bunt gefärbten Wald. Er hat einen Orden, den er für eine gute Tat vergeben möchte.',
},
{
property: 'og:title',
content: 'OpenVisor - Ein Orden für eine gute Tat',
},
{
property: 'og:description',
content:
'brauner Schneehase besucht zwei Hörnchen im vom Herbst bunt gefärbten Wald. Er hat einen Orden, den er für eine gute Tat vergeben möchte. Doch welches Hörnchen schafft es, diesen zu bekommen?',
},
],
},
}
</script>
<style scoped>
.ein-orden-fr-eine-gute-tat-container {
width: 100%;
display: flex;
overflow: auto;
min-height: 100vh;
overflow-x: hidden;
align-items: center;
flex-direction: column;
background-size: cover;
background-image: url("/forest-background-luca-dross-1500w.jpg");
}
.ein-orden-fr-eine-gute-tat-container1 {
display: flex;
position: relative;
}
.ein-orden-fr-eine-gute-tat-download-button {
text-decoration: none;
}
.ein-orden-fr-eine-gute-tat-text-container {
width: 90%;
max-width: 1080px;
align-items: flex-end;
align-content: center;
justify-content: center;
}
@media(max-width: 991px) {
.ein-orden-fr-eine-gute-tat-text-container {
width: 90%;
}
}
</style>

138
src/views/kurzgeschichten/einsames-schaf.vue Normal file
View file

@ -0,0 +1,138 @@
<template>
<div class="einsames-schaf-container">
<app-navigation rootClassName="navigation-root-class-name14"></app-navigation>
<h1 class="page-title">Einsames Schaf</h1>
<span class="page-subtitle">
<span>Kurzgeschichte zum Thema Lebenswert, Oktober 2023</span>
<br />
</span>
<a
href="https://drive.google.com/file/d/124fFgZnT2j9gNGse1NFWiX3AoUoJkoBV/view?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="einsames-schaf-download-button button"
>
<span class="button-text">Als PDF</span>
</a>
<div class="text-body">
<p class="shortstory-paragraph">
<span>
Fast wäre das Lamm von der Klippe gestürzt. Der Schäferhund hatte es
nach dem Pfeifen des Hirten grade noch erreicht. Das Lamm versucht
wieder und wieder sich von der Herde zu entfernen, nur um dann wieder
eingefangen zu werden. Es scheint kein Interesse zu haben an den saftig
grünen Wiesen. Während die anderen grasen, schaut es über die Klippen
zum weiten Ozean. Nach etlichen Fluchtversuchen lässt es sich immer
weniger vom Hund beeindrucken, bis es diesen ganz ignoriert und gebannt
zum Felsvorsprung an der Küste rennt. Der Hirte schafft es mit schnellem
Schritt grade noch rechtzeitig, das Lamm einzuholen und fasst es mit
beiden Armen. Er bringt es selbst zurück zur Herde. Dieses eine Lamm
sammelt er nun jeweils selbst ein. Tag für Tag. Morgens, Mittags und
Abends. Doch der Hirte ist schnell genug.
</span>
<br />
<br />
<span>
Der Hirte ist frustriert und verzweifelt. Statt Nickerchen machen zu
können, muss er nun immer auf dieses eine Lamm aufpassen. Was für eine
Last. Im Gasthof berichtet er dem Wirt von dem Problemlamm. Dieser hält
inne und fragt den Hirten: “Für dich ist das Lamm eine Last. Das Lamm
hat sich durchgerungen und ist selbst nach langer Zeit noch
entschlossen, sich von der Klippe zu werfen. Wenn das Lamm für dich eine
Last ist, bloss weil du dich deswegen nicht auf dem Feld ausruhen magst,
was denkst du, bist du für das Lamm?”
</span>
<br />
<br />
<span>
Der Hirte fühlt sich entblösst, hatte er sich die Frage doch nie
gestellt. Das Lamm ist noch so jung, denkt sich der Hirte. Was wisse das
Lamm schon übers Leben. Die Sache beschäftigt den Hirten weiter, doch er
findet es falsch, sich dem Willen des Lammes zu beugen. Er bemüht sich
um das Lamm, streichelt es grosszügig. Doch das Lamm wirkt unbeeindruckt
und starrt weiter in die Ferne.
</span>
<br />
<br />
<span>
Als das Lamm zum Schaf wird und den ersten vollen Wollmantel abgab,
wandert es wieder zu den Klippen. Der Hirte bringt es nicht übers Herz,
tatenlos hinzuschauen und holt das Schaf zurück zur Herde. Er streichelt
es über den nun erwachsenen Kopf, der in die Ferne starrt und seufzt
tief. Er setzt sich hin, im Schatten eines toten Baumes und lässt sich
einschlafen.
</span>
<br />
</p>
<img
src="/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_einsames_schaf-1200w.jpg"
alt="image"
class="shortstory-image"
/>
<p class="einsames-schaf-text15 shortstory-paragraph">
Zeichnung von Lorena Zdanewitz.
</p>
</div>
<app-kontakt rootClassName="kontakt-root-class-name7"></app-kontakt>
</div>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'EinsamesSchaf',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Einsames Schaf',
meta: [
{
name: 'description',
content:
'"Fast wäre das Lamm von der Klippe gestürzt. Der Schäferhund hatte es nach dem Pfeifen des Hirten grade noch erreicht. [...]"',
},
{
property: 'og:title',
content: 'OpenVisor - Einsames Schaf',
},
{
property: 'og:description',
content:
'"Fast wäre das Lamm von der Klippe gestürzt. Der Schäferhund hatte es nach dem Pfeifen des Hirten grade noch erreicht. [...]"',
},
],
},
}
</script>
<style scoped>
.einsames-schaf-container {
width: 100%;
display: flex;
overflow: auto;
min-height: 100vh;
overflow-x: hidden;
align-items: center;
flex-direction: column;
background-size: cover;
background-image: url("/forest-background-luca-dross-1500w.jpg");
background-position: bottom right;
}
.einsames-schaf-download-button {
text-decoration: none;
}
.einsames-schaf-text15 {
font-style: italic;
text-align: center;
}
@media(max-width: 991px) {
.einsames-schaf-text15 {
font-style: italic;
}
}
</style>

156
src/views/kurzgeschichten/gefangener-gorilla.vue Normal file
View file

@ -0,0 +1,156 @@
<template>
<div class="gefangener-gorilla-container">
<app-navigation rootClassName="navigation-root-class-name18"></app-navigation>
<h1 class="page-title">Gefangener Gorilla</h1>
<span class="page-subtitle">
<span>Kurzgeschichte zum Thema Lebenswert, Oktober 2023</span>
<br />
</span>
<a
href="https://drive.google.com/file/d/1C_Llf_Msq5amhuRptQK691P0HMzIK1HP/view?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="gefangener-gorilla-download-button button"
>
<span class="button-text">Als PDF</span>
</a>
<div class="text-body">
<p class="shortstory-paragraph">
<span>
Im Zoo sieht der kleine Sebastian einen jungen, kleinen Gorilla. Er
sieht ganz traurig aus. Sebastian findet das schade. “Was hast du,
kleiner Gorilla?” Als könne der Gorilla Sebastian verstehen, zeigt
dieser auf den Zaun und macht dann einen Schmollmund.
</span>
<br />
<br />
<span>
Manch andere Tiere sind ja ganz glücklich hier. Sie kriegen zu fressen
und werden gut behandelt, ohne sich Sorgen um Fressfeinde zu machen. Der
Gorilla hier ist aber nicht glücklich. Er will die Welt sehen. Der
Gorilla umschränkt sich mit seinen Armen und drückt fest zu. Er fühlt
sich wohl eingesperrt. Sebastian entschliesst sich, dem Gorilla raus zu
helfen. Als die Zoowärter die Gorillas füttern, legt Sebastian einen
Kieselstein an den Türrahmen, bevor die Tür sich schliesst, sodass sie
einen Spalt offen bleibt.
</span>
<br />
<br />
<span>
Als der Zoo zu macht versteckt sich der kleine Sebastian hinter den
Plüsch-Giraffen im Souvenirladen. Als es dunkel wird, geht Sebastian auf
Fussspitzen ganz leise raus. Er schleicht zum Gorilla Gehege, wo der
gleiche Gorilla noch immer an derselben Stelle ist, nur schläft er dort
bereits. Sebastian klopft leise am Glas. Der Gorilla schaut ihn
überrascht an. Er beginnt zu verstehen und grinst Sebastian an.
Sebastian sieht, dass die Tür immer noch einen Spalt offen ist und macht
dem Gorilla auf, der nicht zögert und auf seinen Fäusten zu Sebastian
hintrottet. Sebastian macht wieder zu, vergisst vor Aufregung aber den
Kieselstein weg zu machen.
</span>
<br />
<br />
<span>
Sebastian geht mit dem Gorilla in den Wald, weil er Angst hat, dass
sonst Leute ihn sehen und wieder einsperren wollen. Ein halber Mond
zeigt sich und einige Sterne sind auch zu sehen. Sebastian zeigt ihm die
schönen Stellen im Wald. Einen kleinen Wasserfall in den der Gorilla
sofort reinhüpft und lachen muss. “Pssssscht!”, sagt ihm Sebastian, kann
sich selbst aber ein fröhliches Kichern nicht verkneifen, als der
Gorilla sein Gesicht im Wasserfällchen wäscht. Sie gehen weiter und der
Gorilla kriegt kalt. Sebastian gibt ihm seine hellgrüne Jacke. Doch der
Gorilla zeigt in seinen offenen Rachen und kreist die andere Hand um
seinen Bauch. Er hat Hunger. Hm, hier im Wald hat es aber keine Bananen.
Hier gibt es höchstens Pilze, aber Sebastian weiss nicht welche giftig
sind und welche nicht. Und für einen ausgewachsenen Gorilla würde das
sowieso nicht reichen. Erst jetzt fällt Sebastian ein, wie aussichtslos
das Ganze ist. Er seufzt und erklärt dem Gorilla, dass es hier nichts zu
essen gibt. Der Gorilla schmollt. Klar, könnte Sebastian dem Gorilla was
zu essen bringen, aber was ist, wenn Sebastian krank ist? Sebastian will
nicht, dass der Gorilla verhungert. Und da überschwemmt die Vernunft
Sebastian auf traurige Art und Weise.
</span>
<br />
<br />
<span>
“Wir müssen zurück, mein haariger Freund”, sagt Sebastian, “Ich kann
nicht garantieren, dass du hier nicht verhungerst…” Dem Gorilla kullern
ein paar Tränen runter. Sebastian umarmt ihn: “Ich werde dich aber
besuchen kommen! Jede Woche wenn’s geht. Und dann spielen wir zusammen,
durch die Glasscheibe!”
</span>
<br />
<br />
<span>
Sie gehen zurück in den Zoo und nun ist Sebastian ganz froh, den
Kieselstein vergessen zu haben. Noch bevor die Sonne aufging, war
Sebastian auch wieder zuhause, wo seine besorgten Eltern ihn bereits
erwarteten.
</span>
<br />
<br />
<span>
Sebastian folgte seinem Versprechen und manchmal wiederholte er seine
waghalsige Aktion, um den Gorilla zum Wasserfall und an andere schöne
Orte im Wald zu bringen. Und selbst als der Gorilla doppelt so gross
wurde wie Sebastian hat sich an ihrer Freundschaft nichts geändert. Es
ist vielleicht nicht das, was der Gorilla sich wünschte, aber trotzdem
freut sich der Gorilla nun auf jeden neuen Tag, denn es ist immer ein
Tag näher an Sebastians regelmässigen Besuch.
</span>
</p>
</div>
<app-kontakt rootClassName="kontakt-root-class-name11"></app-kontakt>
</div>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'GefangenerGorilla',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Gefangener Gorilla',
meta: [
{
name: 'description',
content:
'"Im Zoo sieht der kleine Sebastian einen jungen, kleinen Gorilla. Er sieht ganz traurig aus. Sebastian findet das schade. [...]"',
},
{
property: 'og:title',
content: 'OpenVisor - Gefangener Gorilla',
},
{
property: 'og:description',
content:
'"Im Zoo sieht der kleine Sebastian einen jungen, kleinen Gorilla. Er sieht ganz traurig aus. Sebastian findet das schade. [...]"',
},
],
},
}
</script>
<style scoped>
.gefangener-gorilla-container {
width: 100%;
display: flex;
overflow: auto;
min-height: 100vh;
overflow-x: hidden;
align-items: center;
flex-direction: column;
background-size: cover;
background-image: url("/forest-background-luca-dross-1500w.jpg");
background-position: bottom right;
}
.gefangener-gorilla-download-button {
text-decoration: none;
}
</style>

38
src/views/rosenteufel.vue → src/views/kurzgeschichten/rosenteufel.vue
View file

@ -3,12 +3,23 @@
<app-navigation rootClassName="navigation-root-class-name"></app-navigation>
<h1 class="page-title">Rosenteufel</h1>
<span class="page-subtitle">
<span>Kurzgeschichte</span>
<span>
Experimentelle Kurzgeschichte in pseudo-mittelalterlichen Schreibstil,
Februar 2023
</span>
<br />
</span>
<a
href="https://drive.google.com/file/d/1sfDZA6DcMrKUx0VfKngPJPk4BC84Umcr/view?usp=sharing"
target="_blank"
rel="noreferrer noopener"
class="rosenteufel-download-button button"
>
<span class="button-text">Als PDF</span>
</a>
<div class="text-body">
<span>
<span class="rosenteufel-text003">
<span class="shortstory-paragraph">
<span class="rosenteufel-text004">
Ich erzähl euch ein Gschicht von wahr. So wahr wie ihr danach nicht
gwollt. Ein Gschicht die erzähl als einzger überlebend: Mein Gschicht. S
wart im letzten Jahr...
@ -68,7 +79,7 @@
Aber... Edler, bei Gotts Gnad, ich wärt kein gut Christ Euch ohne Warn
lass schreiten. Seit Geschehnem ist hie kein einzger entlang. Wer weiss
was
<span v-html="raw78vq"></span>
<span v-html="rawtoul"></span>
</span>
<span>Geziefer dort treibt...”</span>
<br />
@ -236,7 +247,7 @@
nicht sauber gefragt und der Knecht viel zu blass als ihm vorzukommen.
Letztlich doch die Augen sich schlossen. Doch wachten nur noch Ritter
und Knecht. Des Ritters Petz Kling noch immer rot; des Knechts Haut
<span v-html="raw4zgg"></span>
<span v-html="rawa5el"></span>
</span>
<span>
noch immer weiss und nass. Dieses Mal der Knecht nicht wagte zu fragen
@ -287,7 +298,7 @@
zuher. Sie starrten; auch kalt und hilflos wie Kind. Ich schritt nach
vorn: In die Händ des Toten seh, weiss Ros. Ins Gesicht des Toten blick.
Beulen zierten’s. Hässliche Beulen. Der Teufel aber wart woanders...
<span v-html="rawc19o"></span>
<span v-html="raw7gmp"></span>
</span>
</span>
</div>
@ -296,8 +307,8 @@
</template>
<script>
import AppNavigation from '../components/navigation'
import AppKontakt from '../components/kontakt'
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'Rosenteufel',
@ -308,9 +319,9 @@ export default {
},
data() {
return {
raw78vq: ' ',
raw4zgg: ' ',
rawc19o: ' ',
rawtoul: ' ',
rawa5el: ' ',
raw7gmp: ' ',
}
},
metaInfo: {
@ -348,7 +359,10 @@ export default {
background-image: url("/forest-background-luca-dross-1500w.jpg");
background-position: bottom right;
}
.rosenteufel-text003 {
.rosenteufel-download-button {
text-decoration: none;
}
.rosenteufel-text004 {
font-style: italic;
}
</style>

80
src/views/lar-ps.vue Normal file
View file

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

30
src/views/letzte-gelegenheit.vue → src/views/larps/letzte-gelegenheit.vue
View file

@ -91,7 +91,7 @@
Geschlecht definiert die spielende Person. Es wird ein paar
Nichtspielercharaktere geben die von Helfern bespielt werden, zum
Beispiel Häftling Summers, der*die mit euch ins
<span v-html="rawgd69"></span>
<span v-html="rawux9l"></span>
</span>
<span>Spiel startet.</span>
<br />
@ -167,7 +167,7 @@
<br />
<span>
-
<span v-html="raww9z1"></span>
<span v-html="rawi92y"></span>
</span>
<span>Phil U.</span>
<br />
@ -180,15 +180,15 @@
</template>
<script>
import AppNavigation from '../components/navigation'
import VeranstaltungenListe from '../components/veranstaltungen-liste'
import AppRow1 from '../components/row1'
import AppRow2 from '../components/row2'
import AppRow3 from '../components/row3'
import AppRow4 from '../components/row4'
import AppRow5 from '../components/row5'
import AppRow6 from '../components/row6'
import AppKontakt from '../components/kontakt'
import AppNavigation from '../../components/navigation'
import VeranstaltungenListe from '../../components/veranstaltungen-liste'
import AppRow1 from '../../components/row1'
import AppRow2 from '../../components/row2'
import AppRow3 from '../../components/row3'
import AppRow4 from '../../components/row4'
import AppRow5 from '../../components/row5'
import AppRow6 from '../../components/row6'
import AppKontakt from '../../components/kontakt'
export default {
name: 'LetzteGelegenheit',
@ -206,8 +206,8 @@ export default {
},
data() {
return {
rawgd69: ' ',
raww9z1: ' ',
rawux9l: ' ',
rawi92y: ' ',
}
},
metaInfo: {
@ -216,7 +216,7 @@ export default {
{
name: 'description',
content:
'Nachdem vor 63 Tagen die Sirenen häulten suchte das Gefängnis Schwarzbach Zuflucht im Bunker. Langsam gehen die Ressourcen aus und die Lage verschärft sich.',
'Als vor 9 Tagen die Sirenen häulten suchte das Gefängnis Schwarzbach Zuflucht im Bunker. Langsam gehen die Ressourcen aus und die Lage verschärft sich...',
},
{
property: 'og:title',
@ -225,7 +225,7 @@ export default {
{
property: 'og:description',
content:
'Nachdem vor 63 Tagen die Sirenen häulten suchte das Gefängnis Schwarzbach Zuflucht im Bunker. Man versucht den Alltag beizubehalten, doch langsam gehen die Ressourcen aus und die Lage verschärft sich.',
'Als vor 9 Tagen die Sirenen häulten suchte das Gefängnis Schwarzbach Zuflucht im Bunker. Langsam gehen die Ressourcen aus und die Lage verschärft sich...',
},
{
property: 'og:image',

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

@ -3,7 +3,7 @@
<app-navigation rootClassName="navigation-root-class-name"></app-navigation>
<span class="page-title">Süsse Träume</span>
<span class="page-subtitle">
<span>Fantasy Mini-LARP</span>
<span>Fantasy Mini-LARP, Dezember 2020</span>
<br />
</span>
<div class="text-body">
@ -18,10 +18,32 @@
<br />
<span>
Süsse Träume war ein Fantasy Minilarp (nicht Nordic) im Wald von
Eschikon (8315 Lindau, Schweiz) das Sue und Hermann organisierten. Es
ging darum, dass ein Hexer Trajar die Spielercharaktere in seine
Traumwelt entführte, als diese sich schlafen legten. Hier wurde das Open
Visor Larpkonzept noch nicht verwendet.
Eschikon (8315 Lindau, Schweiz) im Dezember 2020 das Sue und Hermann
organisierten. Es ging darum, dass ein Hexer Trajar die
Spielercharaktere in seine Traumwelt entführte, als diese sich schlafen
legten. Hier wurde das Open Visor Larpkonzept noch nicht verwendet.
</span>
<br />
<br />
<span>
Da zu dem Zeitpunkt gerade vom Schweizer Bundesrat COVID-19 Massnahmen
getroffen wurden wurde das LARP statt in einem Run in 2 Runs (je 12. und
13.12.2020) mit je 10 Teilnehmenden durchgeführt, wie zu dem Zeitpunkt
die maximal erlaubte Anzahl. Da der Antagonist nach der Flucht der
Spielenden von Run 1 wieder Grund hatte neue Charaktere zu entführen,
funktionierte Run 2 auch als Fortsetzung von Run 1 mit der gleichen
Anfangssituation.
</span>
<br />
<br />
<span>
Die Spielenden von Run 2 hatten den Antagonisten erfolgreich
&quot;versteinert&quot; und mit einem Ritual aus dem Traum gezaubert,
wodurch sie ihn in der echten Welt anklagen konnten. Von Spielenden
gewünscht wurde dann der Gerichtsprozess auch geführt über Discord
(wegen Discord Massnahmen und weil sonst nicht viel geplant war) per
Videocall mit Spielenden von beiden Runs. Diese Fortsetzung &quot;Süsse
Träume 2 - Der Prozess&quot; fand im Januar 2021 statt.
</span>
<br />
</p>
@ -252,8 +274,8 @@
<script>
import DangerousHTML from 'dangerous-html/vue'
import AppNavigation from '../components/navigation'
import AppKontakt from '../components/kontakt'
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'SsseTrume',

63
src/views/mein-lieblingsmensch.vue Normal file
View file

@ -0,0 +1,63 @@
<template>
<div class="mein-lieblingsmensch-container">
<app-navigation rootClassName="navigation-root-class-name13"></app-navigation>
<h1 class="page-title">
<span>chabb</span>
<br />
</h1>
<span class="page-subtitle">
<span>Nase ab</span>
<br />
</span>
<div class="text-body">
<span>
<span>&lt;3</span>
<br />
</span>
</div>
<button type="button" class="button">
<span class="button-text">Schloss</span>
</button>
<app-kontakt rootClassName="kontakt-root-class-name6"></app-kontakt>
</div>
</template>
<script>
import AppNavigation from '../components/navigation'
import AppKontakt from '../components/kontakt'
export default {
name: 'MeinLieblingsmensch',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'Mein-Lieblingsmensch - OpenVisor',
meta: [
{
property: 'og:title',
content: 'Mein-Lieblingsmensch - OpenVisor',
},
],
},
}
</script>
<style scoped>
.mein-lieblingsmensch-container {
width: 100%;
display: flex;
z-index: 100;
overflow: auto;
box-shadow: 5px 5px 10px 0px #d4d4d4;
min-height: 100vh;
overflow-x: hidden;
align-items: center;
flex-direction: column;
background-size: cover;
background-image: url("/forest-background-luca-dross-1500w.jpg");
background-position: top left;
}
</style>