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

Fix events component; Add 4 short stories; Add 404 page.

Browse source
This commit is contained in:
OpenVisor 2024-04-26 21:57:15 +02:00
parent a878e93b39
commit 028b116f26
23 changed files with 1002 additions and 367 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

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

@ -18,22 +18,22 @@
class="info-box-dropdown-toggle01" class="info-box-dropdown-toggle01"
><span class="larp-text" ><span class="larp-text"
><span> · Gemeinsam eine Geschichte erleben und entwickeln</span ><span> · Gemeinsam eine Geschichte erleben und entwickeln</span
><br /><br /><span> · <span v-html="raw97c8"></span></span ><br /><br /><span> · <span v-html="rawf293"></span></span
><span ><span
>Intensive Momente und Emotionen ermöglichen, die in Erinnerung >Intensive Momente und Emotionen ermöglichen, die in Erinnerung
bleiben.</span bleiben.</span
><br /><br /><span> · <span v-html="rawzhv3"></span></span ><br /><br /><span> · <span v-html="rawxskz"></span></span
><span ><span
>Persönliche Auseinandersetzungen der Spieler mit nicht >Persönliche Auseinandersetzungen der Spieler mit nicht
alltäglichen Situationen, Denkweisen und Weltanschauungen alltäglichen Situationen, Denkweisen und Weltanschauungen
ermöglichen.</span ermöglichen.</span
><br /><br /><span> · <span v-html="rawy1o9"></span></span ><br /><br /><span> · <span v-html="rawms5p"></span></span
><span ><span
>Interne Charakterentwicklung oder -verfestigung durch externe >Interne Charakterentwicklung oder -verfestigung durch externe
Faktoren.</span Faktoren.</span
><br /><br /><span> · <span v-html="rawgedn"></span></span ><br /><br /><span> · <span v-html="rawv55z"></span></span
><span>Dilemmata mit sich selbst und mit anderen.</span ><span>Dilemmata mit sich selbst und mit anderen.</span
><br /><br /><span> · <span v-html="rawmc5y"></span></span ><br /><br /><span> · <span v-html="rawrxp8"></span></span
><span ><span
>Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern >Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern
Variation und Kontrast.</span Variation und Kontrast.</span
@ -146,7 +146,7 @@
Musikstücken eingeleitet werden. Das Spiel wird dazwischen aber Musikstücken eingeleitet werden. Das Spiel wird dazwischen aber
nicht unterbrochen.</span nicht unterbrochen.</span
><br /><br /><span ><br /><br /><span
>Wir werden das <span v-html="raw3s13"></span></span >Wir werden das <span v-html="rawgg1a"></span></span
><router-link to="/larpkonzept" class="info-box-navlink" ><router-link to="/larpkonzept" class="info-box-navlink"
>Open Visor Larpkonzept</router-link >Open Visor Larpkonzept</router-link
><span> ><span>
@ -314,7 +314,7 @@
><span>Zivilschutzanlage Sonnenblock</span><br /><span ><span>Zivilschutzanlage Sonnenblock</span><br /><span
>Chilegass 8</span >Chilegass 8</span
><br /><span>8484 Weisslingen</span><br /><br /><span ><br /><span>8484 Weisslingen</span><br /><br /><span
>Parkplatz: <span v-html="raw9at5"></span></span >Parkplatz: <span v-html="rawxg4k"></span></span
><a ><a
href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA" href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA"
target="_blank" target="_blank"
@ -966,13 +966,13 @@ export default {
}, },
data() { data() {
return { return {
raw97c8: ' ', rawf293: ' ',
rawzhv3: ' ', rawxskz: ' ',
rawy1o9: ' ', rawms5p: ' ',
rawgedn: ' ', rawv55z: ' ',
rawmc5y: ' ', rawrxp8: ' ',
raw3s13: ' ', rawgg1a: ' ',
raw9at5: ' ', rawxg4k: ' ',
} }
}, },
} }

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

@ -1,24 +1,28 @@
<template> <template>
<div <div class="event-list" v-bind:class="rootClassName"
class="kommende-letzte-gelegenheit-runs-kommende-letzte-gelegenheit-runs event-list" ><div class="event-entry"
v-bind:class="rootClassName"
><div
class="event-entry kommende-letzte-gelegenheit-runs-letzte-gelegenheit-run5"
><h3 class="event-title">{{ run5 }}</h3 ><h3 class="event-title">{{ run5 }}</h3
><p class="event-date">{{ datum5 }}</p ><div
><p class="event-location">{{ standort5 }}</p ><p class="event-section"
><div class="kommende-letzte-gelegenheit-runs-plaetze" >25. Mai 2024, 10:00 Uhr bis <span v-html="rawwqu2"></span></p
><p class="event-red event-location">0 von 15 freie Plätze</p ><p class="event-section">26. Mai 2024, 14:00 Uhr</p></div
><p class="event-green event-location">3 Personen auf Warteliste</p></div ><p class="event-section">{{ standortWeisslingen }}</p
><div
><p class="event-red event-section">0 von 15 freie Plätze</p
><p class="event-green event-section">3 Personen auf Warteliste</p></div
></div ></div
><div ><div
class="kommende-letzte-gelegenheit-runs-letzte-gelegenheit-run6 event-entry" class="kommende-letzte-gelegenheit-runs-letzte-gelegenheit-run6 event-entry"
><h3 class="event-title">{{ run6 }}</h3 ><h3 class="event-title">{{ run6 }}</h3
><p class="event-date">{{ datum6 }}</p ><div
><p class="event-location">{{ standort6 }}</p ><p class="event-section">01. Juni 2024, 10:00 Uhr bis</p
><div class="kommende-letzte-gelegenheit-runs-plaetze3" ><p class="event-section"> 02. Juni 2024, 14:00 Uhr</p></div
><p class="event-red event-location">0 von 15 freie Plätze</p ><p class="event-section"
><p class="event-green event-location">7 Personen auf Warteliste</p></div >{{ standortWeisslingen }}Zivilschutzanlage Sonnenblock Chilegass 8, 8484
Weisslingen</p
><div
><p class="event-red event-section">0 von 15 freie Plätze</p
><p class="event-green event-section">6 Personen auf Warteliste</p></div
></div ></div
></div ></div
> >
@ -28,15 +32,8 @@
export default { export default {
name: 'KommendeLetzteGelegenheitRuns', name: 'KommendeLetzteGelegenheitRuns',
props: { props: {
run5: { rootClassName: String,
type: String, standortWeisslingen: {
default: 'Run 5 (Schweiz)',
},
datum5: {
type: String,
default: '25.05.2024, 10:00 Uhr bis 26.05.2024, 14:00 Uhr',
},
standort5: {
type: String, type: String,
default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen', default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen',
}, },
@ -44,47 +41,23 @@ export default {
type: String, type: String,
default: 'Run 6 (Schweiz)', default: 'Run 6 (Schweiz)',
}, },
datum6: { run5: {
type: String, type: String,
default: '01.06.2024, 10:00 Uhr bis 02.06.2024, 14:00 Uhr', default: 'Run 5 (Schweiz)',
}, },
standort6: {
type: String,
default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen',
}, },
rootClassName: String, data() {
return {
rawwqu2: ' ',
}
}, },
} }
</script> </script>
<style scoped> <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 { .kommende-letzte-gelegenheit-runs-letzte-gelegenheit-run6 {
border-bottom-width: 3px; 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> </style>

4
src/components/kontakt.vue
View file

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

274
src/components/navigation.vue
View file

@ -154,6 +154,55 @@
></div ></div
></li ></li
></router-link ></router-link
><router-link to="/kurzgeschichten/infinite-deaths"
><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"
>{{ infiniteDeathsEnglish }}</span
></div
></li
></router-link
><router-link to="/kurzgeschichten/versetztes-beduerfnis"
><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"
>{{ versetztesBeduerfnis }}</span
></div
></li
></router-link
><router-link
to="/kurzgeschichten/was-unterscheidet-himmel-von-hoelle"
><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"
>{{ wasUnterscheidetHimmelVonHoelle }}</span
></div
></li
></router-link
><router-link to="/kurzgeschichten/leben-statt-ueberleben"
><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"
>{{ lebenStattUeberleben }}</span
></div
></li
></router-link
></ul ></ul
></div ></div
><div ><div
@ -179,7 +228,7 @@
class="navigation-assemblatron-dropdown desktop-menu-list-item list-item" class="navigation-assemblatron-dropdown desktop-menu-list-item list-item"
><div ><div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle11" class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle15"
><span class="desktop-menu-dropdown-option" ><span class="desktop-menu-dropdown-option"
>{{ assemblatron }}</span >{{ assemblatron }}</span
></div ></div
@ -191,7 +240,7 @@
class="desktop-menu-list-item list-item" class="desktop-menu-list-item list-item"
><div ><div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle12" class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle16"
><span class="desktop-menu-dropdown-option" ><span class="desktop-menu-dropdown-option"
>{{ murphysLarp }}</span >{{ murphysLarp }}</span
></div ></div
@ -252,7 +301,7 @@
class="mobile-menu-list-item list-item" class="mobile-menu-list-item list-item"
><div ><div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle14" class="navigation-dropdown-toggle18"
><span class="mobile-menu-dropdown-option nav-link" ><span class="mobile-menu-dropdown-option nav-link"
>{{ letzteGelegenheit }}</span >{{ letzteGelegenheit }}</span
></div ></div
@ -264,7 +313,7 @@
class="mobile-menu-list-item list-item" class="mobile-menu-list-item list-item"
><div ><div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle15" class="navigation-dropdown-toggle19"
><span class="navigation-suesse-traeume1 nav-link" ><span class="navigation-suesse-traeume1 nav-link"
>{{ suesseTraeume }}</span >{{ suesseTraeume }}</span
></div ></div
@ -309,7 +358,7 @@
class="mobile-menu-list-item list-item" class="mobile-menu-list-item list-item"
><div ><div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle18" class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle22"
><span class="mobile-menu-dropdown-option nav-link" ><span class="mobile-menu-dropdown-option nav-link"
>{{ rosenteufel }}</span >{{ rosenteufel }}</span
></div ></div
@ -321,7 +370,7 @@
class="mobile-menu-list-item list-item" class="mobile-menu-list-item list-item"
><div ><div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle19" class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle23"
><span class="mobile-menu-dropdown-option nav-link" ><span class="mobile-menu-dropdown-option nav-link"
>{{ einsamesSchaf }}</span >{{ einsamesSchaf }}</span
></div ></div
@ -333,7 +382,7 @@
class="mobile-menu-list-item list-item" class="mobile-menu-list-item list-item"
><div ><div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle20" class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle24"
><span class="mobile-menu-dropdown-option nav-link" ><span class="mobile-menu-dropdown-option nav-link"
>{{ gefangenerGorilla }}</span >{{ gefangenerGorilla }}</span
></div ></div
@ -345,7 +394,7 @@
class="mobile-menu-list-item list-item" class="mobile-menu-list-item list-item"
><div ><div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle21" class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle25"
><span class="mobile-menu-dropdown-option nav-link" ><span class="mobile-menu-dropdown-option nav-link"
>{{ lasstMichRuhen }}</span >{{ lasstMichRuhen }}</span
></div ></div
@ -357,12 +406,62 @@
class="mobile-menu-list-item list-item" class="mobile-menu-list-item list-item"
><div ><div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle22" class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle26"
><span class="mobile-menu-dropdown-option nav-link" ><span class="mobile-menu-dropdown-option nav-link"
>{{ dieLoesungGegenLeid }}</span >{{ dieLoesungGegenLeid }}</span
></div ></div
></li ></li
></router-link ></router-link
><router-link to="/kurzgeschichten/infinite-deaths"
><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-toggle27"
><span class="mobile-menu-dropdown-option nav-link"
>{{ infiniteDeathsEnglish }}Die Lösung Gegen Leid</span
></div
></li
></router-link
><router-link to="/kurzgeschichten/versetztes-beduerfnis"
><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-toggle28"
><span class="mobile-menu-dropdown-option nav-link"
>{{ versetztesBeduerfnis }}Die Lösung Gegen Leid</span
></div
></li
></router-link
><router-link
to="/kurzgeschichten/was-unterscheidet-himmel-von-hoelle"
><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-toggle29"
><span class="mobile-menu-dropdown-option nav-link"
>{{ wasUnterscheidetHimmelVonHoelle }}Die Lösung Gegen
Leid</span
></div
></li
></router-link
><router-link to="/kurzgeschichten/leben-statt-ueberleben"
><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-toggle30"
><span class="mobile-menu-dropdown-option nav-link"
>{{ lebenStattUeberleben }}Die Lösung Gegen Leid</span
></div
></li
></router-link
></ul ></ul
></div ></div
><div data-thq="thq-dropdown" class="mobile-menu-dropdown list-item" ><div data-thq="thq-dropdown" class="mobile-menu-dropdown list-item"
@ -402,7 +501,7 @@
class="mobile-menu-list-item list-item" class="mobile-menu-list-item list-item"
><div ><div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle25" class="navigation-dropdown-toggle33"
><span class="mobile-menu-dropdown-option nav-link" ><span class="mobile-menu-dropdown-option nav-link"
>{{ murphysLarp }}</span >{{ murphysLarp }}</span
></div ></div
@ -422,10 +521,50 @@
export default { export default {
name: 'Navigation', name: 'Navigation',
props: { props: {
dieLoesungGegenLeid111: {
type: String,
default: 'Die Lösung Gegen Leid',
},
infiniteDeathsEnglish: {
type: String,
default: 'Infinite Deaths (English)',
},
dieLoesungGegenLeid: {
type: String,
default: 'Die Lösung Gegen Leid',
},
versetztesBeduerfnis: {
type: String,
default: 'Versetztes Bedürfnis',
},
wasUnterscheidetHimmelVonHoelle: {
type: String,
default: 'Was unterscheidet Himmel von Hölle?',
},
gefangenerGorilla: { gefangenerGorilla: {
type: String, type: String,
default: 'Gefangener Gorilla', default: 'Gefangener Gorilla',
}, },
games: {
type: String,
default: 'Games',
},
lasstMichRuhen: {
type: String,
default: 'Lasst mich Ruhen!',
},
lebenStattUeberleben: {
type: String,
default: 'Leben statt Überleben',
},
dieLoesungGegenLeid1111: {
type: String,
default: 'Die Lösung Gegen Leid',
},
dieLoesungGegenLeid1: {
type: String,
default: 'Die Lösung Gegen Leid',
},
murphysLarp: { murphysLarp: {
type: String, type: String,
default: "Murphy's LARP", default: "Murphy's LARP",
@ -434,6 +573,14 @@ export default {
type: String, type: String,
default: 'Einsames Schaf', default: 'Einsames Schaf',
}, },
assemblatron: {
type: String,
default: 'Assemblatron',
},
dieLoesungGegenLeid11: {
type: String,
default: 'Die Lösung Gegen Leid',
},
openvisorLogo: { openvisorLogo: {
type: String, type: String,
default: '/logo_mitoffenemvisier_bw_png-min-200h.png', default: '/logo_mitoffenemvisier_bw_png-min-200h.png',
@ -475,22 +622,6 @@ export default {
default: 'Rosenteufel', default: 'Rosenteufel',
}, },
rootClassName: String, rootClassName: String,
games: {
type: String,
default: 'Games',
},
assemblatron: {
type: String,
default: 'Assemblatron',
},
lasstMichRuhen: {
type: String,
default: 'Lasst mich Ruhen!',
},
dieLoesungGegenLeid: {
type: String,
default: 'Die Lösung Gegen Leid',
},
}, },
} }
</script> </script>
@ -585,12 +716,12 @@ export default {
.navigation-assemblatron-dropdown { .navigation-assemblatron-dropdown {
text-decoration: none; text-decoration: none;
} }
.navigation-dropdown-toggle11:hover { .navigation-dropdown-toggle15:hover {
fill: #fff; fill: #fff;
color: #fff; color: #fff;
background-color: #595959; background-color: #595959;
} }
.navigation-dropdown-toggle12:hover { .navigation-dropdown-toggle16:hover {
fill: #fff; fill: #fff;
color: #fff; color: #fff;
background-color: #595959; background-color: #595959;
@ -660,7 +791,7 @@ export default {
.navigation-larps-dropdown-list { .navigation-larps-dropdown-list {
display: none; display: none;
} }
.navigation-dropdown-toggle14 { .navigation-dropdown-toggle18 {
fill: #595959; fill: #595959;
color: #595959; color: #595959;
width: 100%; width: 100%;
@ -673,12 +804,12 @@ export default {
padding-right: var(--dl-space-space-unit); padding-right: var(--dl-space-space-unit);
padding-bottom: var(--dl-space-space-halfunit); padding-bottom: var(--dl-space-space-halfunit);
} }
.navigation-dropdown-toggle14:hover { .navigation-dropdown-toggle18:hover {
fill: #fff; fill: #fff;
color: #fff; color: #fff;
background-color: #595959; background-color: #595959;
} }
.navigation-dropdown-toggle15 { .navigation-dropdown-toggle19 {
fill: #595959; fill: #595959;
color: #595959; color: #595959;
width: 100%; width: 100%;
@ -691,7 +822,7 @@ export default {
padding-right: var(--dl-space-space-unit); padding-right: var(--dl-space-space-unit);
padding-bottom: var(--dl-space-space-halfunit); padding-bottom: var(--dl-space-space-halfunit);
} }
.navigation-dropdown-toggle15:hover { .navigation-dropdown-toggle19:hover {
fill: #fff; fill: #fff;
color: #fff; color: #fff;
background-color: #595959; background-color: #595959;
@ -711,31 +842,51 @@ export default {
.navigation-kurzgeschichten-dropdown-list { .navigation-kurzgeschichten-dropdown-list {
display: none; display: none;
} }
.navigation-dropdown-toggle18:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle19:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle20:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle21:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle22:hover { .navigation-dropdown-toggle22:hover {
fill: #fff; fill: #fff;
color: #fff; color: #fff;
background-color: #595959; background-color: #595959;
} }
.navigation-dropdown-toggle23:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle24:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle25:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle26:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle27:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle28:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle29:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle30:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-kurzgeschichten2 { .navigation-kurzgeschichten2 {
text-decoration: none; text-decoration: none;
} }
@ -745,7 +896,7 @@ export default {
.navigation-assemblatron1 { .navigation-assemblatron1 {
text-decoration: none; text-decoration: none;
} }
.navigation-dropdown-toggle25 { .navigation-dropdown-toggle33 {
fill: #595959; fill: #595959;
color: #595959; color: #595959;
width: 100%; width: 100%;
@ -758,7 +909,7 @@ export default {
padding-right: var(--dl-space-space-unit); padding-right: var(--dl-space-space-unit);
padding-bottom: var(--dl-space-space-halfunit); padding-bottom: var(--dl-space-space-halfunit);
} }
.navigation-dropdown-toggle25:hover { .navigation-dropdown-toggle33:hover {
fill: #fff; fill: #fff;
color: #fff; color: #fff;
background-color: #595959; background-color: #595959;
@ -822,6 +973,21 @@ export default {
.navigation-root-class-name22 { .navigation-root-class-name22 {
max-width: 1200px; max-width: 1200px;
} }
.navigation-root-class-name23 {
max-width: 1200px;
}
.navigation-root-class-name24 {
max-width: 1200px;
}
.navigation-root-class-name25 {
max-width: 1200px;
}
.navigation-root-class-name26 {
max-width: 1200px;
}
.navigation-root-class-name27 {
max-width: 1200px;
}
@media(max-width: 991px) { @media(max-width: 991px) {
.navigation-navbar-interactive { .navigation-navbar-interactive {
padding-bottom: var(--dl-space-space-twounits); padding-bottom: var(--dl-space-space-twounits);

4
src/components/row1.vue
View file

@ -10,7 +10,7 @@
><span class="character-function" ><span class="character-function"
><span ><span
>Leitung der Justizvollzugsanstalt >Leitung der Justizvollzugsanstalt
<span v-html="raw5zbf"></span></span <span v-html="raw1cwr"></span></span
><br /></span></div ><br /></span></div
><div></div></div ><div></div></div
><p class="character-trigger"><span>OT-Trigger:  Tod</span><br /></p ><p class="character-trigger"><span>OT-Trigger:  Tod</span><br /></p
@ -78,7 +78,7 @@ export default {
}, },
data() { data() {
return { return {
raw5zbf: ' ', raw1cwr: ' ',
} }
}, },
} }

4
src/components/row4.vue
View file

@ -42,7 +42,7 @@
>Wenn Jenatsch grade nichts anderes macht, schreibt Jenatsch Formeln, >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. <span v-html="raw5j4e"></span></span wieder liegen liess. <span v-html="raw6iek"></span></span
><span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span ><span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span
><br /></p ><br /></p
><p class="character-teaser-text" ><p class="character-teaser-text"
@ -85,7 +85,7 @@ export default {
}, },
data() { data() {
return { return {
raw5j4e: ' ', raw6iek: ' ',
} }
}, },
} }

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

@ -26,29 +26,29 @@
export default { export default {
name: 'SummaryGames', name: 'SummaryGames',
props: { props: {
assemblatron: {
type: String,
default: 'Assemblatron (Video Game)',
},
assemblatronBeschreibung: { assemblatronBeschreibung: {
type: String, type: String,
default: 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.', 'Alles was nur schiefgehen konnte, ging bei einem LARP schief. Ihr spielt die frustrierte Orga/SL (Organisation/Spielleitung) die sich über die “doofen” SC (Spielercharaktere) auslässt und die frustrierten SC, die sich über die “doofe” SL auslassen.',
}, },
assemblatron: {
type: String,
default: 'Assemblatron (Video Game)',
},
mehrLink: { mehrLink: {
type: String, type: String,
default: 'Mehr ->', default: 'Mehr ->',
}, },
rootClassName: String,
murphysLarp: {
type: String,
default: "Murphy's LARP (Drama Game)",
},
murphyLarpBeschreibung: { murphyLarpBeschreibung: {
type: String, type: String,
default: 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.', 'Alles was nur schiefgehen konnte, ging bei einem LARP schief. Ihr spielt die frustrierte Orga/SL (Organisation/Spielleitung) die sich über die “doofen” SC (Spielercharaktere) auslässt und die frustrierten SC, die sich über die “doofe” SL auslassen.',
}, },
rootClassName: String,
murphysLarp: {
type: String,
default: "Murphy's LARP (Drama Game)",
},
}, },
} }
</script> </script>

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

@ -36,7 +36,7 @@
></p ></p
></div ></div
><router-link to="/kurzgeschichten/rosenteufel" ><router-link to="/kurzgeschichten/rosenteufel"
><div class="mehr-link summary-shortstories-button1" ><div class="mehr-link summary-shortstories-button01"
><p class="card-link">{{ lesenLink }}</p></div ><p class="card-link">{{ lesenLink }}</p></div
></router-link ></router-link
></div ></div
@ -52,8 +52,8 @@
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;</p zum weiten Ozean.&quot;</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-button02"
><p class="card-link">Lesen -&gt;{{ lesenLink }}</p></div ><p class="card-link">Lesen -&gt;</p></div
></router-link ></router-link
></div ></div
><div class="character-teaser-container" ><div class="character-teaser-container"
@ -64,8 +64,8 @@
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;</p dieser auf den Zaun und macht dann einen Schmollmund.&quot;</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-button03"
><p class="card-link">{{ lesenLink }}</p></div ><p class="card-link">Lesen -&gt;</p></div
></router-link ></router-link
></div ></div
></div ></div
@ -79,19 +79,80 @@
Leben einhauchen, um die Person zu befragen. Und so öffne ich wieder Leben einhauchen, um die Person zu befragen. Und so öffne ich wieder
meine Augen, die in dem hellen Licht brennen.&quot;</p meine Augen, die in dem hellen Licht brennen.&quot;</p
><router-link to="/kurzgeschichten/lasst-mich-ruhen" ><router-link to="/kurzgeschichten/lasst-mich-ruhen"
><div class="mehr-link summary-shortstories-button4" ><div class="mehr-link summary-shortstories-button04"
><p class="card-link">Lesen -&gt;{{ lesenLink1 }}</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">{{ dieLoesungGegenLeid }}</h1 ><h1 class="card-heading">{{ dieLoesungGegenLeid }}</h1
><p class="card-text"
>“Du kannst also in die Vergangenheit reisen. Würdest Du jetzt also ihre
Wertsachen stehlen? Es ist, wo Du lebst, ja eh schon alles passiert.
Hier kannst Du einen Verlobungsring für ein Frühstück verkaufen. Oder
solltest Du nicht direkt das Frühstück aus der Vergangenheit stehlen?
Oder gar alles, was Du da findest?&quot;</p
><router-link to="/kurzgeschichten/die-loesung-gegen-leid"
><div class="mehr-link summary-shortstories-button05"
><p class="card-link">Lesen -&gt;</p></div
></router-link
></div
></div
><div class="summary-shortstories-row4 card-row"
><div class="character-teaser-container"
><h1 class="card-heading">{{ infiniteDeaths }}</h1
><p class="card-text"
><span
>“Every time you sleep, you could die during your sleep. Doesn’t that
scare you?”</span
><br /><span
>“But you do die every time you sleep. You are a different person when
you wake up than when you went to sleep.”</span
><br /><span>“That doesn’t make sense. It’s still me.”</span><br /><span
>“Yes, but [...]”</span
></p
><router-link to="/kurzgeschichten/infinite-deaths"
><div class="mehr-link summary-shortstories-button06"
><p class="card-link">Lesen -&gt;{{ lesenLink }}</p></div
></router-link
></div
><div class="character-teaser-container"
><h1 class="card-heading">{{ versetztesBeduerfnis }}</h1
><p class="card-text" ><p class="card-text"
>“Unendliches Glück!”, posaunt ein Anzugträger neben mir. Ich krieche >“Unendliches Glück!”, posaunt ein Anzugträger neben mir. Ich krieche
aus dem Schlafsack und streiche mir den angeflogenen Plastikabfall vom aus dem Schlafsack und streiche mir den angeflogenen Plastikabfall vom
Körper. “Ah, endlich. Hören Sie, das ist Ihre Chance!”</p Körper. “Ah, endlich. Hören Sie, das ist Ihre Chance! [...]”</p
><router-link to="/kurzgeschichten/die-loesung-gegen-leid" ><router-link to="/kurzgeschichten/versetztes-beduerfnis"
><div class="mehr-link summary-shortstories-button5" ><div class="mehr-link summary-shortstories-button07"
><p class="card-link">{{ lesenLink2 }}</p></div ><p class="card-link">Lesen -&gt;{{ lesenLink }}</p></div
></router-link
></div
></div
><div class="summary-shortstories-row5 card-row"
><div class="character-teaser-container"
><h1 class="card-heading">{{ wasUnterscheidetHimmelVonHoelle }}</h1
><p class="card-text"
>“Du glaubst also, es ist schöner im Himmel als in der Hölle zu sein?
Und nachdem du im Himmel alles erlebt hast, was es zu erleben gibt? Wenn
all die Schönheiten zur Gewohnheit werden und du des Lebens müde wirst?
Vielleicht nicht nach Jahrzehnten oder -hunderten, aber Jahrtausenden
oder Millionen. [...]&quot;</p
><router-link to="/kurzgeschichten/was-unterscheidet-himmel-von-hoelle"
><div class="mehr-link"
><p class="card-link">Lesen -&gt;{{ lesenLink }}</p></div
></router-link
></div
><div class="character-teaser-container"
><h1 class="card-heading">{{ lebenStattUeberleben }}</h1
><p class="card-text"
><span
>&quot;Nach der Katastrophe waren wir noch ein paar hundert Menschen
im Bunker. Ursprünglich dachten wir, wir könnten irgendwann wieder
raus an die Oberfläche, aber nein, wir mussten nach Monaten und Jahren
feststellen, dass die Erde zu vergiftet ist. [...]&quot;</span
><br /><br /></p
><router-link to="/kurzgeschichten/leben-statt-ueberleben"
><div class="mehr-link"
><p class="card-link">Lesen -&gt;{{ lesenLink }}</p></div
></router-link ></router-link
></div ></div
></div ></div
@ -107,6 +168,11 @@ export default {
type: String, type: String,
default: 'Gefangener Gorilla', default: 'Gefangener Gorilla',
}, },
rootClassName: String,
lebenStattUeberleben: {
type: String,
default: 'Leben statt Überleben',
},
einOrdenFuerEineGuteTat: { einOrdenFuerEineGuteTat: {
type: String, type: String,
default: 'Ein Orden für eine gute Tat', default: 'Ein Orden für eine gute Tat',
@ -119,26 +185,29 @@ export default {
type: String, type: String,
default: 'Lesen ->', default: 'Lesen ->',
}, },
rosenteufel: { versetztesBeduerfnis: {
type: String, type: String,
default: 'Rosenteufel', default: 'Versetztes Bedürfnis',
}, },
rootClassName: String, wasUnterscheidetHimmelVonHoelle: {
lasstMichRuhen: {
type: String, type: String,
default: 'Lasst Mich Ruhen!', default: 'Was unterscheidet Himmel von Hölle?',
}, },
dieLoesungGegenLeid: { dieLoesungGegenLeid: {
type: String, type: String,
default: 'Die Lösung gegen Leid', default: 'Die Lösung gegen Leid',
}, },
lesenLink1: { rosenteufel: {
type: String, type: String,
default: 'Lesen ->', default: 'Rosenteufel',
}, },
lesenLink2: { infiniteDeaths: {
type: String, type: String,
default: 'Lesen ->', default: 'Infinite Deaths (English)',
},
lasstMichRuhen: {
type: String,
default: 'Lasst Mich Ruhen!',
}, },
}, },
} }
@ -152,27 +221,39 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.summary-shortstories-button1:hover { .summary-shortstories-button01:hover {
opacity: 0.5; opacity: 0.5;
} }
.summary-shortstories-row2 { .summary-shortstories-row2 {
margin-top: var(--dl-space-space-twounits); margin-top: var(--dl-space-space-twounits);
} }
.summary-shortstories-button2:hover { .summary-shortstories-button02:hover {
opacity: 0.5; opacity: 0.5;
} }
.summary-shortstories-button3:hover { .summary-shortstories-button03:hover {
opacity: 0.5; opacity: 0.5;
} }
.summary-shortstories-row3 { .summary-shortstories-row3 {
margin-top: var(--dl-space-space-twounits); margin-top: var(--dl-space-space-twounits);
} }
.summary-shortstories-button4:hover { .summary-shortstories-button04:hover {
opacity: 0.5; opacity: 0.5;
} }
.summary-shortstories-button5:hover { .summary-shortstories-button05:hover {
opacity: 0.5; opacity: 0.5;
} }
.summary-shortstories-row4 {
margin-top: var(--dl-space-space-twounits);
}
.summary-shortstories-button06:hover {
opacity: 0.5;
}
.summary-shortstories-button07:hover {
opacity: 0.5;
}
.summary-shortstories-row5 {
margin-top: var(--dl-space-space-twounits);
}
@media(max-width: 991px) { @media(max-width: 991px) {
.summary-shortstories-row2 { .summary-shortstories-row2 {
@ -181,5 +262,11 @@ export default {
.summary-shortstories-row3 { .summary-shortstories-row3 {
margin-top: var(--dl-space-space-halfunit); margin-top: var(--dl-space-space-halfunit);
} }
.summary-shortstories-row4 {
margin-top: var(--dl-space-space-halfunit);
}
.summary-shortstories-row5 {
margin-top: var(--dl-space-space-halfunit);
}
} }
</style> </style>

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

@ -1,32 +1,46 @@
<template> <template>
<div class="veranstaltungen-liste-veranstaltungen-liste" <div class="veranstaltungen-liste-veranstaltungen-liste"
><div class="veranstaltungen-liste-container event-list" ><div class="event-list"
><div class="event-entry veranstaltungen-liste-letzte-gelegenheit-run1" ><div class="event-entry"
><h3 class="event-title event-done">{{ run1 }}</h3 ><h3 class="event-title event-done">{{ run1 }}</h3
><p class="event-date event-done">{{ datum1 }}</p ><div
><p class="event-done event-location">{{ standort1 }}</p ><p class="event-section event-done">1. April 2023, 10:00 Uhr bis</p
><p class="event-location event-done-green" ><p class="event-section event-done">2. April 2023, 14:00 Uhr</p></div
><p class="event-section event-done">{{ standortWeisslingen }}</p
><p class="event-section event-done-green"
>durchgeführt mit 15 Teilnehmenden</p >durchgeführt mit 15 Teilnehmenden</p
></div ></div
><div class="veranstaltungen-liste-letzte-gelegenheit-run2 event-entry" ><div class="event-entry"
><h3 class="event-title event-done">{{ run2 }}</h3 ><h3 class="event-title event-done">{{ run2 }}</h3
><p class="event-date event-done">{{ datum2 }}</p ><div
><p class="event-done event-location">{{ standort2 }}</p ><p class="event-section event-done"
><p class="event-location event-done-green" >13. Mai 2023, 10:00 Uhr bis <span v-html="rawbwmy"></span></p
><p class="event-section event-done">14. Mai 2023, 14:00 Uhr</p></div
><p class="event-section event-done">{{ standortHerten }}</p
><p class="event-section event-done-green"
>durchgeführt mit 15 Teilnehmenden</p >durchgeführt mit 15 Teilnehmenden</p
></div ></div
><div class="veranstaltungen-liste-letzte-gelegenheit-run3 event-entry" ><div class="event-entry"
><h3 class="event-title event-done">{{ run3 }}</h3 ><h3 class="event-title event-done">{{ run3 }}</h3
><p class="event-date event-done">{{ datum3 }}</p ><div
><p class="event-done event-location">{{ standort3 }}</p ><p class="event-section event-done"
><p class="event-location event-done-green" >1. Juli 2023, 10:00 Uhr bis <span v-html="rawczlw"></span></p
><p class="event-section event-done">2. Juli 2023, 14:00 Uhr</p></div
><p class="event-section event-done"
>{{ standortHerten }}Waldritter e.V. (im Raumschiff) Ewaldstrasse 20,
45699 Herten</p
><p class="event-section event-done-green"
>durchgeführt mit 15 Teilnehmenden</p >durchgeführt mit 15 Teilnehmenden</p
></div ></div
><div class="veranstaltungen-liste-letzte-gelegenheit-run4 event-entry" ><div class="event-entry"
><h3 class="event-title event-done">{{ run4 }}</h3 ><h3 class="event-title event-done">{{ run4 }}</h3
><p class="event-date event-done">{{ datum4 }}</p ><div
><p class="event-done event-location">{{ standort4 }}</p ><p class="event-section event-done">26. August 2023, 10:00 Uhr bis</p
><p class="event-location event-done-green" ><p class="event-section event-done">27. August 2023, 14:00 Uhr</p></div
><p class="event-section event-done"
>{{ standortHerten }}Waldritter e.V. (im Raumschiff) Ewaldstrasse 20,
45699 Herten</p
><p class="event-section event-done-green"
>durchgeführt mit 15 Teilnehmenden</p >durchgeführt mit 15 Teilnehmenden</p
></div ></div
></div ></div
@ -48,22 +62,10 @@ export default {
type: String, type: String,
default: 'Run 4 (Deutschland)', default: 'Run 4 (Deutschland)',
}, },
standort1: { standortWeisslingen: {
type: String, type: String,
default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen', default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen',
}, },
datum3: {
type: String,
default: '1. Juli 2023, 10:00 Uhr bis 2. Juli 2023, 14:00 Uhr',
},
datum2: {
type: String,
default: '13. Mai 2023, 10:00 Uhr bis 14. Mai 2023, 14:00 Uhr',
},
datum1: {
type: String,
default: '1. April 2023, 10:00 Uhr bis 2. April 2023, 14:00 Uhr',
},
rootClassName: String, rootClassName: String,
run2: { run2: {
type: String, type: String,
@ -73,19 +75,7 @@ export default {
type: String, type: String,
default: 'Run 3 (Deutschland)', default: 'Run 3 (Deutschland)',
}, },
datum4: { standortHerten: {
type: String,
default: '26.08.2023, 10:00 Uhr bis 27.08.2023, 14:00 Uhr',
},
standort2: {
type: String,
default: 'Waldritter e.V. (im Raumschiff) Ewaldstrasse 20, 45699 Herten',
},
standort4: {
type: String,
default: 'Waldritter e.V. (im Raumschiff) Ewaldstrasse 20, 45699 Herten',
},
standort3: {
type: String, type: String,
default: 'Waldritter e.V. (im Raumschiff) Ewaldstrasse 20, 45699 Herten', default: 'Waldritter e.V. (im Raumschiff) Ewaldstrasse 20, 45699 Herten',
}, },
@ -93,6 +83,12 @@ export default {
components: { components: {
KommendeLetzteGelegenheitRuns, KommendeLetzteGelegenheitRuns,
}, },
data() {
return {
rawbwmy: ' ',
rawczlw: ' ',
}
},
} }
</script> </script>
@ -102,32 +98,6 @@ export default {
padding-left: 2.5%; padding-left: 2.5%;
padding-right: 2.5%; padding-right: 2.5%;
} }
.veranstaltungen-liste-container {
align-self: center;
}
.veranstaltungen-liste-letzte-gelegenheit-run2 {
border-bottom-width: 0px;
}
.veranstaltungen-liste-letzte-gelegenheit-run3 {
border-bottom-width: 0px;
}
.veranstaltungen-liste-letzte-gelegenheit-run4 {
border-bottom-width: 0px;
}
@media(max-width: 767px) {
.veranstaltungen-liste-letzte-gelegenheit-run1 {
flex-direction: column;
}
.veranstaltungen-liste-letzte-gelegenheit-run2 {
flex-direction: column;
}
.veranstaltungen-liste-letzte-gelegenheit-run3 {
flex-direction: column;
}
.veranstaltungen-liste-letzte-gelegenheit-run4 {
flex-direction: column;
}
}
</style> </style>

74
src/router.js
View file

@ -3,11 +3,19 @@ import Router from 'vue-router'
import Meta from 'vue-meta' import Meta from 'vue-meta'
import Games from './views/games' import Games from './views/games'
import VersetztesBedrfnis from './views/kurzgeschichten/versetztes-bedrfnis'
import Assemblatron from './views/games/assemblatron'
import EinsamesSchaf from './views/kurzgeschichten/einsames-schaf' import EinsamesSchaf from './views/kurzgeschichten/einsames-schaf'
import DieLsungGegenLeid from './views/kurzgeschichten/die-lsung-gegen-leid'
import GefangenerGorilla from './views/kurzgeschichten/gefangener-gorilla' import GefangenerGorilla from './views/kurzgeschichten/gefangener-gorilla'
import MeinLieblingsmensch from './views/mein-lieblingsmensch' import MeinLieblingsmensch from './views/mein-lieblingsmensch'
import WasUnterscheidetHimmelVonHlle from './views/kurzgeschichten/was-unterscheidet-himmel-von-hlle'
import MurphysLARP from './views/games/murphys-larp' import MurphysLARP from './views/games/murphys-larp'
import Page from './views/page'
import LasstMichRuhen from './views/kurzgeschichten/lasst-mich-ruhen'
import Kurzgeschichten from './views/kurzgeschichten' import Kurzgeschichten from './views/kurzgeschichten'
import InfiniteDeaths from './views/kurzgeschichten/infinite-deaths'
import LebenStattBerleben from './views/kurzgeschichten/leben-statt-berleben'
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'
import BerUns from './views/ber-uns' import BerUns from './views/ber-uns'
@ -16,10 +24,6 @@ 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 Assemblatron from './views/games/assemblatron'
import LasstMichRuhen from './views/kurzgeschichten/lasst-mich-ruhen'
import DieLsungGegenLeid from './views/kurzgeschichten/die-lsung-gegen-leid'
import NotFound from './views/not-found'
import './style.css' import './style.css'
Vue.use(Router) Vue.use(Router)
@ -32,11 +36,26 @@ export default new Router({
path: '/drama-games', path: '/drama-games',
component: Games, component: Games,
}, },
{
name: 'Versetztes-Bedrfnis',
path: '/kurzgeschichten/versetztes-beduerfnis',
component: VersetztesBedrfnis,
},
{
name: 'Assemblatron',
path: '/games/assemblatron',
component: Assemblatron,
},
{ {
name: 'Einsames-Schaf', name: 'Einsames-Schaf',
path: '/kurzgeschichten/einsames-schaf', path: '/kurzgeschichten/einsames-schaf',
component: EinsamesSchaf, component: EinsamesSchaf,
}, },
{
name: 'Die-Lsung-gegen-Leid',
path: '/kurzgeschichten/die-loesung-gegen-leid',
component: DieLsungGegenLeid,
},
{ {
name: 'Gefangener-Gorilla', name: 'Gefangener-Gorilla',
path: '/kurzgeschichten/gefangener-gorilla', path: '/kurzgeschichten/gefangener-gorilla',
@ -47,16 +66,42 @@ export default new Router({
path: '/mein-lieblingsmensch', path: '/mein-lieblingsmensch',
component: MeinLieblingsmensch, component: MeinLieblingsmensch,
}, },
{
name: 'Was-unterscheidet-Himmel-von-Hlle',
path: '/kurzgeschichten/was-unterscheidet-himmel-von-hoelle',
component: WasUnterscheidetHimmelVonHlle,
},
{ {
name: 'Murphys-LARP', name: 'Murphys-LARP',
path: '/games/murphys-larp', path: '/games/murphys-larp',
component: MurphysLARP, component: MurphysLARP,
}, },
{
name: 'Page',
path: '**',
component: Page,
fallback: true,
},
{
name: 'Lasst-mich-Ruhen',
path: '/kurzgeschichten/lasst-mich-ruhen',
component: LasstMichRuhen,
},
{ {
name: 'Kurzgeschichten', name: 'Kurzgeschichten',
path: '/kurzgeschichten', path: '/kurzgeschichten',
component: Kurzgeschichten, component: Kurzgeschichten,
}, },
{
name: 'Infinite-Deaths',
path: '/kurzgeschichten/infinite-deaths',
component: InfiniteDeaths,
},
{
name: 'Leben-statt-berleben',
path: '/kurzgeschichten/leben-statt-ueberleben',
component: LebenStattBerleben,
},
{ {
name: 'LARPs', name: 'LARPs',
path: '/larps', path: '/larps',
@ -97,26 +142,5 @@ export default new Router({
path: '/', path: '/',
component: Home, component: Home,
}, },
{
name: 'Assemblatron',
path: '/games/assemblatron',
component: Assemblatron,
},
{
name: 'Lasst-mich-Ruhen',
path: '/kurzgeschichten/lasst-mich-ruhen',
component: LasstMichRuhen,
},
{
name: 'Die-Lsung-gegen-Leid',
path: '/kurzgeschichten/die-loesung-gegen-leid',
component: DieLsungGegenLeid,
},
{
name: '404 - Not Found',
path: '**',
component: NotFound,
fallback: true,
},
], ],
}) })

54
src/style.css
View file

@ -126,7 +126,7 @@
letter-spacing: 2px; letter-spacing: 2px;
} }
.section-heading { .section-heading {
color: rgb(255, 255, 255); color: #ffffff;
font-size: 40px; font-size: 40px;
font-style: normal; font-style: normal;
font-family: Poppins; font-family: Poppins;
@ -223,10 +223,9 @@
border-left-width: 0px; border-left-width: 0px;
border-right-width: 0px; border-right-width: 0px;
} }
.event-date { .event-section {
color: #ffffff; color: #ffffff;
width: 200px; width: 250px;
height: auto;
font-family: Poppins; font-family: Poppins;
line-height: 28px; line-height: 28px;
} }
@ -239,12 +238,6 @@
font-weight: 400; font-weight: 400;
margin-left: var(--dl-space-space-unit); margin-left: var(--dl-space-space-unit);
} }
.event-location {
color: #ffffff;
width: 250px;
font-family: Poppins;
line-height: 28px;
}
@ -347,18 +340,9 @@
font-family: Poppins; font-family: Poppins;
line-height: 28px; line-height: 28px;
} }
.site-subtitle {
color: rgb(255, 255, 255);
font-size: 20px;
max-width: 90%;
font-family: Poppins;
line-height: 30px;
}
.photo { .photo {
height: 360px; height: 360px;
} }
.photo-gallery { .photo-gallery {
gap: var(--dl-space-space-twounits); gap: var(--dl-space-space-twounits);
flex: 0 0 auto; flex: 0 0 auto;
@ -717,14 +701,10 @@
margin-top: var(--dl-space-space-twounits); margin-top: var(--dl-space-space-twounits);
} }
.event-list { .event-list {
flex: 0 0 auto;
width: 95%; width: 95%;
display: flex; max-width: 1090px;
position: relative; margin-left: auto;
max-width: 1200px; margin-right: auto;
align-self: center;
align-items: stretch;
flex-direction: column;
background-color: rgba(41, 41, 41, 0.8); background-color: rgba(41, 41, 41, 0.8);
} }
.Heading { .Heading {
@ -747,6 +727,10 @@
.site-title { .site-title {
text-align: center; text-align: center;
} }
.event-entry {
flex-wrap: wrap;
flex-direction: column;
}
.event-title { .event-title {
font-size: 24px; font-size: 24px;
} }
@ -757,20 +741,17 @@
gap: var(--dl-space-space-halfunit); gap: var(--dl-space-space-halfunit);
flex-direction: column; flex-direction: column;
} }
.site-subtitle {
text-align: left;
}
.buttons-container { .buttons-container {
flex-direction: column; flex-direction: column;
} }
.event-list {
max-width: 300px;
}
} }
@media(max-width: 767px) { @media(max-width: 767px) {
.round-borders { .round-borders {
width: 90%; width: 90%;
} }
.event-entry {
flex-wrap: wrap;
}
.event-title { .event-title {
width: 100%; width: 100%;
font-size: 28px; font-size: 28px;
@ -796,12 +777,6 @@
font-family: Poppins; font-family: Poppins;
line-height: 28px; line-height: 28px;
} }
.site-subtitle {
color: rgb(255, 255, 255);
font-size: 16px;
font-family: Poppins;
line-height: 24px;
}
.page-title { .page-title {
font-size: 40px; font-size: 40px;
} }
@ -820,9 +795,6 @@
.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 {

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

@ -42,10 +42,20 @@ export default {
metaInfo: { metaInfo: {
title: 'OpenVisor - Assemblatron', title: 'OpenVisor - Assemblatron',
meta: [ meta: [
{
name: 'description',
content:
'Ein Videospiel in einer von George Orwells "Nineteen Eighty-Four" inspirierten Dystopie in der die Bevölkerung in Fabriken Kampfroboter baut welche die anderen, feindlichen Städte zerstören.',
},
{ {
property: 'og:title', property: 'og:title',
content: 'OpenVisor - Assemblatron', content: 'OpenVisor - Assemblatron',
}, },
{
property: 'og:description',
content:
'Ein Videospiel in einer von George Orwells "Nineteen Eighty-Four" inspirierten Dystopie in der die Bevölkerung in Fabriken Kampfroboter baut welche die anderen, feindlichen Städte zerstören.',
},
], ],
}, },
} }

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

@ -66,8 +66,8 @@
was?”</span was?”</span
></p ></p
><img ><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." alt="Eine Zeichnung, in der ein Mann mit Anzug und Fedora einem Obdachlosen mit langem Bart, der auf dem Boden sitzt, die offene Hand darbietend ausstreckt."
src="/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_die_loesung_gegen_leid-1200w.webp"
class="shortstory-image" class="shortstory-image"
/><p class="die-lsung-gegen-leid-text56 shortstory-paragraph" /><p class="die-lsung-gegen-leid-text56 shortstory-paragraph"
>Zeichnung von Lorena Zdanewitz.</p >Zeichnung von Lorena Zdanewitz.</p

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

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

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

@ -40,8 +40,8 @@
Frieden…</span Frieden…</span
></p ></p
><img ><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." alt="Eine Zeichnung, in der eine Hand sich nach einem grellen Licht streckt, aber Bänder, die um das Handgelenk gewickelt sind, halten die Hand zurück."
src="/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_lasst_mich_ruhen-1200w.webp"
class="shortstory-image" class="shortstory-image"
/><p class="lasst-mich-ruhen-text17 shortstory-paragraph" /><p class="lasst-mich-ruhen-text17 shortstory-paragraph"
>Zeichnung von Lorena Zdanewitz.</p >Zeichnung von Lorena Zdanewitz.</p

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

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

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

@ -50,7 +50,7 @@
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 <span v-html="raw7wph"></span></span was <span v-html="raw80i5"></span></span
><span>Geziefer dort treibt...”</span><br /><br /><span ><span>Geziefer dort treibt...”</span><br /><br /><span
>Ritter von Petz: “Tieft den Zinken nun. Hast getan was gesagt. Wartet >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
@ -148,7 +148,7 @@
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="raw9z7a"></span></span <span v-html="rawzvki"></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.</span
@ -179,7 +179,7 @@
trat zuher. Sie starrten; auch kalt und hilflos wie Kind. Ich schritt trat zuher. Sie starrten; auch kalt und hilflos wie Kind. Ich schritt
nach vorn: In die Händ des Toten seh, weiss Ros. Ins Gesicht des Toten 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 blick. Beulen zierten’s. Hässliche Beulen. Der Teufel aber wart
woanders... <span v-html="raw50sk"></span></span></span></div woanders... <span v-html="rawwny4"></span></span></span></div
><app-kontakt rootClassName="kontakt-root-class-name1"></app-kontakt ><app-kontakt rootClassName="kontakt-root-class-name1"></app-kontakt
></div> ></div>
</template> </template>
@ -197,9 +197,9 @@ export default {
}, },
data() { data() {
return { return {
raw7wph: ' ', raw80i5: ' ',
raw9z7a: ' ', rawzvki: ' ',
raw50sk: ' ', rawwny4: ' ',
} }
}, },
metaInfo: { metaInfo: {

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

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

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

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

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

@ -70,7 +70,7 @@
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="rawdkgo"></span></span <span v-html="raw7wov"></span></span
><span>Spiel startet.</span><br /><br /><span ><span>Spiel startet.</span><br /><br /><span
>Alle Charaktere haben einige Geheimnisse und verdeckte Verknüpfungen >Alle Charaktere haben einige Geheimnisse und verdeckte Verknüpfungen
die hier nicht ausgeschrieben sind um die Spielimmersion zu wahren. Die die hier nicht ausgeschrieben sind um die Spielimmersion zu wahren. Die
@ -109,7 +109,7 @@
><br /><span>- Björn</span><br /><span>- Florian H.</span><br /><span ><br /><span>- Björn</span><br /><span>- Florian H.</span><br /><span
>- Jan R.</span >- Jan R.</span
><br /><span>- Mai</span><br /><span>- PeFox</span><br /><span ><br /><span>- Mai</span><br /><span>- PeFox</span><br /><span
>- <span v-html="rawqtj3"></span></span >- <span v-html="raw4joq"></span></span
><span>Phil U.</span><br /><span>- Sue</span><br /></p></div ><span>Phil U.</span><br /><span>- Sue</span><br /></p></div
><app-kontakt rootClassName="kontakt-root-class-name2"></app-kontakt ><app-kontakt rootClassName="kontakt-root-class-name2"></app-kontakt
></div> ></div>
@ -142,8 +142,8 @@ export default {
}, },
data() { data() {
return { return {
rawdkgo: ' ', raw7wov: ' ',
rawqtj3: ' ', raw4joq: ' ',
} }
}, },
metaInfo: { metaInfo: {

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

@ -1,58 +0,0 @@
<template>
<div class="not-found-container"
><h3>OOPS! PAGE NOT FOUND</h3
><div class="not-found-container1"><h1 class="not-found-text1">404</h1></div
><div class="not-found-container2"
><h2 class="not-found-text2"
>WE ARE SORRY, BUT THE PAGE YOU REQUESTED WAS NOT FOUND</h2
></div
></div
>
</template>
<script>
export default {
name: 'NotFound',
metaInfo: {
title: '404 - Not Found',
},
}
</script>
<style scoped>
.not-found-container {
width: 100%;
display: flex;
overflow: auto;
min-height: 100vh;
align-items: center;
flex-direction: column;
justify-content: center;
}
.not-found-container1 {
display: flex;
position: relative;
align-items: center;
flex-direction: column;
justify-content: center;
}
.not-found-text1 {
color: rgb(38, 38, 38);
font-size: 252px;
margin-top: -20px;
font-weight: 900;
margin-bottom: -20px;
letter-spacing: -20px;
}
.not-found-container2 {
width: 421px;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.not-found-text2 {
text-align: center;
font-weight: 400;
}
</style>

78
src/views/page.vue Normal file
View file

@ -0,0 +1,78 @@
<template>
<div class="page-container"
><app-navigation rootClassName="navigation-root-class-name25"></app-navigation
><img
alt="OpenVisor"
src="/openvisor_logo_only_text_compressed-200h.png"
class="page-image" /><span class="page-subtitle"
>404 (Seite nicht gefunden)</span
><div class="text-body"
><span
>Die URL führt zu keiner aktiven Seite. Bitte benutze das Menü um zu einer
Seite Deiner Wahl zu gelangen.</span
></div
><app-kontakt></app-kontakt
></div>
</template>
<script>
import AppNavigation from '../components/navigation'
import AppKontakt from '../components/kontakt'
export default {
name: 'Page',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - 404 (Seite nicht gefunden)',
meta: [
{
name: 'description',
content: 'Die URL führt zu keiner aktiven Seite.',
},
{
property: 'og:title',
content: 'OpenVisor - 404 (Seite nicht gefunden)',
},
{
property: 'og:description',
content: 'Die URL führt zu keiner aktiven Seite.',
},
{
name: 'robots',
content: 'noindex',
},
],
},
}
</script>
<style scoped>
.page-container {
width: 100%;
display: flex;
overflow: auto;
min-height: 100vh;
overflow-x: hidden;
align-items: center;
flex-direction: column;
background-size: cover;
background-image: url("/forest-background-luca-dross-1500w.jpg");
}
.page-image {
width: 640px;
}
@media(max-width: 991px) {
.page-image {
width: 420px;
}
}
@media(max-width: 767px) {
.page-image {
margin-top: var(--dl-space-space-unit);
}
}
</style>