Update website structure; Add 2 additional short stories; Add pages for categories (LARPs, Kurzgeschichten, Drama Games).
This commit is contained in:
parent
47bc8f345c
commit
04d671264b
Binary file not shown.
After Width: | Height: | Size: 392 KiB |
Binary file not shown.
After Width: | Height: | Size: 111 KiB |
27
src/components/download-button.vue
Normal file
27
src/components/download-button.vue
Normal 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>
|
|
@ -32,7 +32,7 @@
|
||||||
<br />
|
<br />
|
||||||
<span>
|
<span>
|
||||||
·
|
·
|
||||||
<span v-html="rawbdqp"></span>
|
<span v-html="rawt2zp"></span>
|
||||||
</span>
|
</span>
|
||||||
<span>
|
<span>
|
||||||
Intensive Momente und Emotionen ermöglichen, die in Erinnerung
|
Intensive Momente und Emotionen ermöglichen, die in Erinnerung
|
||||||
|
@ -42,7 +42,7 @@
|
||||||
<br />
|
<br />
|
||||||
<span>
|
<span>
|
||||||
·
|
·
|
||||||
<span v-html="rawadsp"></span>
|
<span v-html="rawkd6b"></span>
|
||||||
</span>
|
</span>
|
||||||
<span>
|
<span>
|
||||||
Persönliche Auseinandersetzungen der Spieler mit nicht
|
Persönliche Auseinandersetzungen der Spieler mit nicht
|
||||||
|
@ -53,7 +53,7 @@
|
||||||
<br />
|
<br />
|
||||||
<span>
|
<span>
|
||||||
·
|
·
|
||||||
<span v-html="rawmt3s"></span>
|
<span v-html="rawhi9s"></span>
|
||||||
</span>
|
</span>
|
||||||
<span>
|
<span>
|
||||||
Interne Charakterentwicklung oder -verfestigung durch externe
|
Interne Charakterentwicklung oder -verfestigung durch externe
|
||||||
|
@ -63,14 +63,14 @@
|
||||||
<br />
|
<br />
|
||||||
<span>
|
<span>
|
||||||
·
|
·
|
||||||
<span v-html="rawse0b"></span>
|
<span v-html="rawdr13"></span>
|
||||||
</span>
|
</span>
|
||||||
<span>Dilemmata mit sich selbst und mit anderen.</span>
|
<span>Dilemmata mit sich selbst und mit anderen.</span>
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<span>
|
<span>
|
||||||
·
|
·
|
||||||
<span v-html="raw9yuw"></span>
|
<span v-html="rawcrfg"></span>
|
||||||
</span>
|
</span>
|
||||||
<span>
|
<span>
|
||||||
Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern
|
Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern
|
||||||
|
@ -254,7 +254,7 @@
|
||||||
<br />
|
<br />
|
||||||
<span>
|
<span>
|
||||||
Wir werden das
|
Wir werden das
|
||||||
<span v-html="rawwxcc"></span>
|
<span v-html="rawy49g"></span>
|
||||||
</span>
|
</span>
|
||||||
<router-link to="/larpkonzept" class="info-box-navlink">
|
<router-link to="/larpkonzept" class="info-box-navlink">
|
||||||
Open Visor Larpkonzept
|
Open Visor Larpkonzept
|
||||||
|
@ -518,7 +518,7 @@
|
||||||
<br />
|
<br />
|
||||||
<span>
|
<span>
|
||||||
Parkplatz:
|
Parkplatz:
|
||||||
<span v-html="rawr5tm"></span>
|
<span v-html="rawgaqb"></span>
|
||||||
</span>
|
</span>
|
||||||
<a
|
<a
|
||||||
href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA"
|
href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA"
|
||||||
|
@ -1458,13 +1458,13 @@ export default {
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
rawbdqp: ' ',
|
rawt2zp: ' ',
|
||||||
rawadsp: ' ',
|
rawkd6b: ' ',
|
||||||
rawmt3s: ' ',
|
rawhi9s: ' ',
|
||||||
rawse0b: ' ',
|
rawdr13: ' ',
|
||||||
raw9yuw: ' ',
|
rawcrfg: ' ',
|
||||||
rawwxcc: ' ',
|
rawy49g: ' ',
|
||||||
rawr5tm: ' ',
|
rawgaqb: ' ',
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|
|
@ -105,6 +105,12 @@ export default {
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@media(max-width: 767px) {
|
@media(max-width: 767px) {
|
||||||
.kontakt-footer {
|
.kontakt-footer {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
|
@ -31,9 +31,12 @@
|
||||||
data-thq="thq-dropdown-toggle"
|
data-thq="thq-dropdown-toggle"
|
||||||
class="desktop-menu-dropdown-toggle mobile-menu-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 }}
|
{{ larps }}
|
||||||
</span>
|
</router-link>
|
||||||
<div
|
<div
|
||||||
data-thq="thq-dropdown-arrow"
|
data-thq="thq-dropdown-arrow"
|
||||||
class="desktop-menu-arrow-container"
|
class="desktop-menu-arrow-container"
|
||||||
|
@ -43,8 +46,11 @@
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<ul data-thq="thq-dropdown-list" class="desktop-menu-dropdown-list">
|
<ul
|
||||||
<router-link to="/letzte-gelegenheit">
|
data-thq="thq-dropdown-list"
|
||||||
|
class="navigation-dropdown-list desktop-menu-dropdown-list"
|
||||||
|
>
|
||||||
|
<router-link to="/larps/letzte-gelegenheit">
|
||||||
<li
|
<li
|
||||||
data-thq="thq-dropdown"
|
data-thq="thq-dropdown"
|
||||||
class="desktop-menu-list-item list-item"
|
class="desktop-menu-list-item list-item"
|
||||||
|
@ -59,7 +65,7 @@
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</router-link>
|
</router-link>
|
||||||
<router-link to="/suesse-traeume">
|
<router-link to="/larps/suesse-traeume">
|
||||||
<li
|
<li
|
||||||
data-thq="thq-dropdown"
|
data-thq="thq-dropdown"
|
||||||
class="desktop-menu-list-item list-item"
|
class="desktop-menu-list-item list-item"
|
||||||
|
@ -84,9 +90,12 @@
|
||||||
data-thq="thq-dropdown-toggle"
|
data-thq="thq-dropdown-toggle"
|
||||||
class="desktop-menu-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 }}
|
{{ dramaGames }}
|
||||||
</span>
|
</router-link>
|
||||||
<div
|
<div
|
||||||
data-thq="thq-dropdown-arrow"
|
data-thq="thq-dropdown-arrow"
|
||||||
class="desktop-menu-arrow-container"
|
class="desktop-menu-arrow-container"
|
||||||
|
@ -96,8 +105,11 @@
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<ul data-thq="thq-dropdown-list" class="desktop-menu-dropdown-list">
|
<ul
|
||||||
<router-link to="/murphys-larp">
|
data-thq="thq-dropdown-list"
|
||||||
|
class="navigation-dropdown-list1 desktop-menu-dropdown-list"
|
||||||
|
>
|
||||||
|
<router-link to="/drama-games/murphys-larp">
|
||||||
<li
|
<li
|
||||||
data-thq="thq-dropdown"
|
data-thq="thq-dropdown"
|
||||||
class="desktop-menu-list-item list-item"
|
class="desktop-menu-list-item list-item"
|
||||||
|
@ -122,9 +134,12 @@
|
||||||
data-thq="thq-dropdown-toggle"
|
data-thq="thq-dropdown-toggle"
|
||||||
class="desktop-menu-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 }}
|
{{ kurzgeschichten }}
|
||||||
</span>
|
</router-link>
|
||||||
<div
|
<div
|
||||||
data-thq="thq-dropdown-arrow"
|
data-thq="thq-dropdown-arrow"
|
||||||
class="desktop-menu-arrow-container"
|
class="desktop-menu-arrow-container"
|
||||||
|
@ -134,8 +149,11 @@
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<ul data-thq="thq-dropdown-list" class="desktop-menu-dropdown-list">
|
<ul
|
||||||
<router-link to="/ein-orden-fuer-eine-gute-tat">
|
data-thq="thq-dropdown-list"
|
||||||
|
class="navigation-dropdown-list2 desktop-menu-dropdown-list"
|
||||||
|
>
|
||||||
|
<router-link to="/kurzgeschichten/ein-orden-fuer-eine-gute-tat">
|
||||||
<li
|
<li
|
||||||
data-thq="thq-dropdown"
|
data-thq="thq-dropdown"
|
||||||
class="desktop-menu-list-item list-item"
|
class="desktop-menu-list-item list-item"
|
||||||
|
@ -150,7 +168,7 @@
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</router-link>
|
</router-link>
|
||||||
<router-link to="/rosenteufel">
|
<router-link to="/kurzgeschichten/rosenteufel">
|
||||||
<li
|
<li
|
||||||
data-thq="thq-dropdown"
|
data-thq="thq-dropdown"
|
||||||
class="desktop-menu-list-item list-item"
|
class="desktop-menu-list-item list-item"
|
||||||
|
@ -165,6 +183,36 @@
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</router-link>
|
</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>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
@ -210,9 +258,12 @@
|
||||||
data-thq="thq-dropdown-toggle"
|
data-thq="thq-dropdown-toggle"
|
||||||
class="mobile-menu-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 }}
|
{{ larps }}
|
||||||
</span>
|
</router-link>
|
||||||
<div
|
<div
|
||||||
data-thq="thq-dropdown-arrow"
|
data-thq="thq-dropdown-arrow"
|
||||||
class="mobile-menu-dropdown-arrow-container"
|
class="mobile-menu-dropdown-arrow-container"
|
||||||
|
@ -222,15 +273,18 @@
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<ul data-thq="thq-dropdown-list" class="dropdown-list">
|
<ul
|
||||||
<router-link to="/letzte-gelegenheit">
|
data-thq="thq-dropdown-list"
|
||||||
|
class="navigation-larps-dropdown-list dropdown-list"
|
||||||
|
>
|
||||||
|
<router-link to="/larps/letzte-gelegenheit">
|
||||||
<li
|
<li
|
||||||
data-thq="thq-dropdown"
|
data-thq="thq-dropdown"
|
||||||
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-toggle09"
|
class="navigation-dropdown-toggle11"
|
||||||
>
|
>
|
||||||
<span class="mobile-menu-dropdown-option nav-link">
|
<span class="mobile-menu-dropdown-option nav-link">
|
||||||
{{ letzteGelegenheit }}
|
{{ letzteGelegenheit }}
|
||||||
|
@ -238,14 +292,14 @@
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</router-link>
|
</router-link>
|
||||||
<router-link to="/suesse-traeume">
|
<router-link to="/larps/suesse-traeume">
|
||||||
<li
|
<li
|
||||||
data-thq="thq-dropdown"
|
data-thq="thq-dropdown"
|
||||||
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-toggle10"
|
class="navigation-dropdown-toggle12"
|
||||||
>
|
>
|
||||||
<span class="navigation-suesse-traeume1 nav-link">
|
<span class="navigation-suesse-traeume1 nav-link">
|
||||||
{{ suesseTraeume }}
|
{{ suesseTraeume }}
|
||||||
|
@ -260,9 +314,12 @@
|
||||||
data-thq="thq-dropdown-toggle"
|
data-thq="thq-dropdown-toggle"
|
||||||
class="mobile-menu-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 }}
|
{{ dramaGames }}
|
||||||
</span>
|
</router-link>
|
||||||
<div
|
<div
|
||||||
data-thq="thq-dropdown-arrow"
|
data-thq="thq-dropdown-arrow"
|
||||||
class="mobile-menu-dropdown-arrow-container"
|
class="mobile-menu-dropdown-arrow-container"
|
||||||
|
@ -272,15 +329,18 @@
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<ul data-thq="thq-dropdown-list" class="dropdown-list">
|
<ul
|
||||||
<router-link to="/murphys-larp">
|
data-thq="thq-dropdown-list"
|
||||||
|
class="navigation-drama-games-dropdown-list dropdown-list"
|
||||||
|
>
|
||||||
|
<router-link to="/drama-games/murphys-larp">
|
||||||
<li
|
<li
|
||||||
data-thq="thq-dropdown"
|
data-thq="thq-dropdown"
|
||||||
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-toggle12"
|
class="navigation-dropdown-toggle14"
|
||||||
>
|
>
|
||||||
<span class="mobile-menu-dropdown-option nav-link">
|
<span class="mobile-menu-dropdown-option nav-link">
|
||||||
{{ murphysLarp }}
|
{{ murphysLarp }}
|
||||||
|
@ -295,9 +355,12 @@
|
||||||
data-thq="thq-dropdown-toggle"
|
data-thq="thq-dropdown-toggle"
|
||||||
class="mobile-menu-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 }}
|
{{ kurzgeschichten }}
|
||||||
</span>
|
</router-link>
|
||||||
<div
|
<div
|
||||||
data-thq="thq-dropdown-arrow"
|
data-thq="thq-dropdown-arrow"
|
||||||
class="mobile-menu-dropdown-arrow-container"
|
class="mobile-menu-dropdown-arrow-container"
|
||||||
|
@ -307,8 +370,11 @@
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<ul data-thq="thq-dropdown-list" class="dropdown-list">
|
<ul
|
||||||
<router-link to="/ein-orden-fuer-eine-gute-tat">
|
data-thq="thq-dropdown-list"
|
||||||
|
class="navigation-kurzgeschichten-dropdown-list dropdown-list"
|
||||||
|
>
|
||||||
|
<router-link to="/kurzgeschichten/ein-orden-fuer-eine-gute-tat">
|
||||||
<li
|
<li
|
||||||
data-thq="thq-dropdown"
|
data-thq="thq-dropdown"
|
||||||
class="mobile-menu-list-item list-item"
|
class="mobile-menu-list-item list-item"
|
||||||
|
@ -323,14 +389,14 @@
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</router-link>
|
</router-link>
|
||||||
<router-link to="/rosenteufel">
|
<router-link to="/kurzgeschichten/rosenteufel">
|
||||||
<li
|
<li
|
||||||
data-thq="thq-dropdown"
|
data-thq="thq-dropdown"
|
||||||
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-toggle15"
|
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle17"
|
||||||
>
|
>
|
||||||
<span class="mobile-menu-dropdown-option nav-link">
|
<span class="mobile-menu-dropdown-option nav-link">
|
||||||
{{ rosenteufel }}
|
{{ rosenteufel }}
|
||||||
|
@ -338,6 +404,36 @@
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</router-link>
|
</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>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
@ -377,7 +473,7 @@ export default {
|
||||||
},
|
},
|
||||||
larps: {
|
larps: {
|
||||||
type: String,
|
type: String,
|
||||||
default: 'Larps',
|
default: 'LARPs',
|
||||||
},
|
},
|
||||||
ueberUns: {
|
ueberUns: {
|
||||||
type: String,
|
type: String,
|
||||||
|
@ -400,9 +496,13 @@ export default {
|
||||||
default: 'Rosenteufel',
|
default: 'Rosenteufel',
|
||||||
},
|
},
|
||||||
rootClassName: String,
|
rootClassName: String,
|
||||||
shop: {
|
einsamesSchaf: {
|
||||||
type: String,
|
type: String,
|
||||||
default: 'Shop',
|
default: 'Einsames Schaf',
|
||||||
|
},
|
||||||
|
gefangenerGorilla: {
|
||||||
|
type: String,
|
||||||
|
default: 'Gefangener Gorilla',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
@ -450,6 +550,12 @@ export default {
|
||||||
position: relative;
|
position: relative;
|
||||||
border-radius: var(--dl-radius-radius-radius2);
|
border-radius: var(--dl-radius-radius-radius2);
|
||||||
}
|
}
|
||||||
|
.navigation-larps {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.navigation-dropdown-list {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
.navigation-dropdown-toggle01:hover {
|
.navigation-dropdown-toggle01:hover {
|
||||||
fill: #fff;
|
fill: #fff;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -466,6 +572,12 @@ export default {
|
||||||
position: relative;
|
position: relative;
|
||||||
border-radius: var(--dl-radius-radius-radius2);
|
border-radius: var(--dl-radius-radius-radius2);
|
||||||
}
|
}
|
||||||
|
.navigation-drama-games {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.navigation-dropdown-list1 {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
.navigation-dropdown-toggle04:hover {
|
.navigation-dropdown-toggle04:hover {
|
||||||
fill: #fff;
|
fill: #fff;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -477,6 +589,12 @@ export default {
|
||||||
position: relative;
|
position: relative;
|
||||||
border-radius: var(--dl-radius-radius-radius2);
|
border-radius: var(--dl-radius-radius-radius2);
|
||||||
}
|
}
|
||||||
|
.navigation-kurzgeschichten {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.navigation-dropdown-list2 {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
.navigation-dropdown-toggle06:hover {
|
.navigation-dropdown-toggle06:hover {
|
||||||
fill: #fff;
|
fill: #fff;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -541,7 +659,13 @@ export default {
|
||||||
.navigation-icon08:hover {
|
.navigation-icon08:hover {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
.navigation-dropdown-toggle09 {
|
.navigation-larps1 {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.navigation-larps-dropdown-list {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.navigation-dropdown-toggle11 {
|
||||||
fill: #595959;
|
fill: #595959;
|
||||||
color: #595959;
|
color: #595959;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -554,38 +678,11 @@ 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-toggle09:hover {
|
.navigation-dropdown-toggle11:hover {
|
||||||
fill: #fff;
|
fill: #fff;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #595959;
|
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 {
|
.navigation-dropdown-toggle12 {
|
||||||
fill: #595959;
|
fill: #595959;
|
||||||
color: #595959;
|
color: #595959;
|
||||||
|
@ -604,7 +701,56 @@ export default {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #595959;
|
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;
|
fill: #fff;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #595959;
|
background-color: #595959;
|
||||||
|
@ -638,6 +784,24 @@ export default {
|
||||||
.navigation-root-class-name12 {
|
.navigation-root-class-name12 {
|
||||||
max-width: 1200px;
|
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) {
|
@media(max-width: 991px) {
|
||||||
.navigation-navbar-interactive {
|
.navigation-navbar-interactive {
|
||||||
padding-bottom: var(--dl-space-space-twounits);
|
padding-bottom: var(--dl-space-space-twounits);
|
||||||
|
|
|
@ -12,7 +12,7 @@
|
||||||
<span class="character-function">
|
<span class="character-function">
|
||||||
<span>
|
<span>
|
||||||
Leitung der Justizvollzugsanstalt
|
Leitung der Justizvollzugsanstalt
|
||||||
<span v-html="raw1o78"></span>
|
<span v-html="rawid2h"></span>
|
||||||
</span>
|
</span>
|
||||||
<br />
|
<br />
|
||||||
</span>
|
</span>
|
||||||
|
@ -105,7 +105,7 @@ export default {
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
raw1o78: ' ',
|
rawid2h: ' ',
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|
|
@ -67,7 +67,7 @@
|
||||||
Tabellen und Graphen auf Notizzettel. Die Wärter mussten Jenatsch schon
|
Tabellen und Graphen auf Notizzettel. Die Wärter mussten Jenatsch schon
|
||||||
mehrmals dafür bestrafen, als Jenatsch diese trotz Warnungen überall
|
mehrmals dafür bestrafen, als Jenatsch diese trotz Warnungen überall
|
||||||
wieder liegen liess.
|
wieder liegen liess.
|
||||||
<span v-html="rawrzr3"></span>
|
<span v-html="rawnnr3"></span>
|
||||||
</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 />
|
<br />
|
||||||
|
@ -115,7 +115,7 @@ export default {
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
rawrzr3: ' ',
|
rawnnr3: ' ',
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|
78
src/components/summary-larps.vue
Normal file
78
src/components/summary-larps.vue
Normal 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>
|
||||||
|
"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..."
|
||||||
|
</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
140
src/components/summary-shortstories.vue
Normal 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>
|
||||||
|
"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?"
|
||||||
|
</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>
|
||||||
|
"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..."
|
||||||
|
</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 "Sand" und "Rose"
|
||||||
|
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">
|
||||||
|
"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."
|
||||||
|
</p>
|
||||||
|
<router-link to="/kurzgeschichten/einsames-schaf">
|
||||||
|
<div class="mehr-link summary-shortstories-button2">
|
||||||
|
<p class="card-link">Lesen ->{{ lesenLink }}</p>
|
||||||
|
</div>
|
||||||
|
</router-link>
|
||||||
|
</div>
|
||||||
|
<div class="character-teaser-container">
|
||||||
|
<h1 class="card-heading">{{ gefangenerGorilla }}</h1>
|
||||||
|
<p class="card-text">
|
||||||
|
"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."
|
||||||
|
</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>
|
|
@ -2,14 +2,20 @@ import Vue from 'vue'
|
||||||
import Router from 'vue-router'
|
import Router from 'vue-router'
|
||||||
import Meta from 'vue-meta'
|
import Meta from 'vue-meta'
|
||||||
|
|
||||||
import MurphysLARP from './views/murphys-larp'
|
import DramaGames from './views/drama-games'
|
||||||
import SsseTrume from './views/ssse-trume'
|
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 BerUns from './views/ber-uns'
|
||||||
import Larpkonzept from './views/larpkonzept'
|
import Larpkonzept from './views/larpkonzept'
|
||||||
import EinOrdenFrEineGuteTat from './views/ein-orden-fr-eine-gute-tat'
|
import EinOrdenFrEineGuteTat from './views/kurzgeschichten/ein-orden-fr-eine-gute-tat'
|
||||||
import LetzteGelegenheit from './views/letzte-gelegenheit'
|
import LetzteGelegenheit from './views/larps/letzte-gelegenheit'
|
||||||
import Rosenteufel from './views/rosenteufel'
|
import Rosenteufel from './views/kurzgeschichten/rosenteufel'
|
||||||
import Home from './views/home'
|
import Home from './views/home'
|
||||||
|
import GefangenerGorilla from './views/kurzgeschichten/gefangener-gorilla'
|
||||||
import NotFound from './views/not-found'
|
import NotFound from './views/not-found'
|
||||||
import './style.css'
|
import './style.css'
|
||||||
|
|
||||||
|
@ -18,14 +24,39 @@ Vue.use(Meta)
|
||||||
export default new Router({
|
export default new Router({
|
||||||
mode: 'history',
|
mode: 'history',
|
||||||
routes: [
|
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',
|
name: 'Murphys-LARP',
|
||||||
path: '/murphys-larp',
|
path: '/drama-games/murphys-larp',
|
||||||
component: MurphysLARP,
|
component: MurphysLARP,
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
name: 'Kurzgeschichten',
|
||||||
|
path: '/kurzgeschichten',
|
||||||
|
component: Kurzgeschichten,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'LARPs',
|
||||||
|
path: '/larps',
|
||||||
|
component: LARPs,
|
||||||
|
},
|
||||||
{
|
{
|
||||||
name: 'Ssse-Trume',
|
name: 'Ssse-Trume',
|
||||||
path: '/suesse-traeume',
|
path: '/larps/suesse-traeume',
|
||||||
component: SsseTrume,
|
component: SsseTrume,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
@ -40,17 +71,17 @@ export default new Router({
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Ein-Orden-fr-eine-gute-Tat',
|
name: 'Ein-Orden-fr-eine-gute-Tat',
|
||||||
path: '/ein-orden-fuer-eine-gute-tat',
|
path: '/kurzgeschichten/ein-orden-fuer-eine-gute-tat',
|
||||||
component: EinOrdenFrEineGuteTat,
|
component: EinOrdenFrEineGuteTat,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Letzte-Gelegenheit',
|
name: 'Letzte-Gelegenheit',
|
||||||
path: '/letzte-gelegenheit',
|
path: '/larps/letzte-gelegenheit',
|
||||||
component: LetzteGelegenheit,
|
component: LetzteGelegenheit,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Rosenteufel',
|
name: 'Rosenteufel',
|
||||||
path: '/rosenteufel',
|
path: '/kurzgeschichten/rosenteufel',
|
||||||
component: Rosenteufel,
|
component: Rosenteufel,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
@ -58,6 +89,11 @@ export default new Router({
|
||||||
path: '/',
|
path: '/',
|
||||||
component: Home,
|
component: Home,
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
name: 'Gefangener-Gorilla',
|
||||||
|
path: '/kurzgeschichten/gefangener-gorilla',
|
||||||
|
component: GefangenerGorilla,
|
||||||
|
},
|
||||||
{
|
{
|
||||||
name: '404 - Not Found',
|
name: '404 - Not Found',
|
||||||
path: '**',
|
path: '**',
|
||||||
|
|
|
@ -319,6 +319,7 @@
|
||||||
gap: var(--dl-space-space-twounits);
|
gap: var(--dl-space-space-twounits);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
position: relative;
|
||||||
max-width: 1200px;
|
max-width: 1200px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
@ -556,6 +557,7 @@
|
||||||
background-color: #595959;
|
background-color: #595959;
|
||||||
}
|
}
|
||||||
.mobile-menu-dropdown-header {
|
.mobile-menu-dropdown-header {
|
||||||
|
cursor: pointer;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -689,6 +691,31 @@
|
||||||
font-family: "Poppins";
|
font-family: "Poppins";
|
||||||
line-height: 28px;
|
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 {
|
.Heading {
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
font-family: Inter;
|
font-family: Inter;
|
||||||
|
@ -764,9 +791,6 @@
|
||||||
font-family: Poppins;
|
font-family: Poppins;
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
}
|
}
|
||||||
.mobile-menu-text {
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
.page-title {
|
.page-title {
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -7,9 +7,17 @@
|
||||||
</h1>
|
</h1>
|
||||||
<div class="text-body">
|
<div class="text-body">
|
||||||
<span>
|
<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>
|
<span>
|
||||||
Bis jetzt ist Hermann das einzige offizielle Mitglied vom OpenVisor
|
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>
|
</span>
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
|
|
67
src/views/drama-games.vue
Normal file
67
src/views/drama-games.vue
Normal 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'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>
|
|
@ -6,7 +6,7 @@
|
||||||
<br />
|
<br />
|
||||||
</h1>
|
</h1>
|
||||||
<span class="page-subtitle">
|
<span class="page-subtitle">
|
||||||
<span>Post Card Drama Game</span>
|
<span>Post Card Drama Game, Dezember 2023</span>
|
||||||
<br />
|
<br />
|
||||||
</span>
|
</span>
|
||||||
<div class="text-body">
|
<div class="text-body">
|
||||||
|
@ -40,20 +40,20 @@
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<a
|
<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"
|
target="_blank"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
class="murphys-larp-download-button button"
|
class="murphys-larp-download-button button"
|
||||||
>
|
>
|
||||||
<span class="button-text">Download</span>
|
<span class="button-text">Link zum PDF (Format: A5)</span>
|
||||||
</a>
|
</a>
|
||||||
<app-kontakt rootClassName="kontakt-root-class-name5"></app-kontakt>
|
<app-kontakt rootClassName="kontakt-root-class-name5"></app-kontakt>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import AppNavigation from '../components/navigation'
|
import AppNavigation from '../../components/navigation'
|
||||||
import AppKontakt from '../components/kontakt'
|
import AppKontakt from '../../components/kontakt'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'MurphysLARP',
|
name: 'MurphysLARP',
|
|
@ -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>
|
|
|
@ -18,92 +18,14 @@
|
||||||
</section>
|
</section>
|
||||||
<section class="card-container">
|
<section class="card-container">
|
||||||
<h2 class="section-head">LARPs</h2>
|
<h2 class="section-head">LARPs</h2>
|
||||||
<main class="card-row">
|
<summary-larps></summary-larps>
|
||||||
<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 -></p></div>
|
|
||||||
</router-link>
|
|
||||||
</section>
|
|
||||||
<div class="character-teaser-container">
|
|
||||||
<h1 class="card-heading">Süsse Träume</h1>
|
|
||||||
<p class="card-text">
|
|
||||||
<span>
|
|
||||||
"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..."
|
|
||||||
</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 -></p></div>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
</section>
|
</section>
|
||||||
<section class="card-container">
|
<section class="card-container">
|
||||||
<h2 class="uppercase section-head">
|
<h2 class="uppercase section-head">
|
||||||
<span>Kurzgeschichten</span>
|
<span>Kurzgeschichten</span>
|
||||||
<br />
|
<br />
|
||||||
</h2>
|
</h2>
|
||||||
<main class="card-row">
|
<summary-shortstories></summary-shortstories>
|
||||||
<div class="character-teaser-container">
|
|
||||||
<h1 class="card-heading">Ein Orden für eine gute Tat</h1>
|
|
||||||
<p class="card-text">
|
|
||||||
"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?" 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 -></p></div>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
<div class="character-teaser-container">
|
|
||||||
<h1 class="card-heading">Rosenteufel</h1>
|
|
||||||
<p class="card-text">
|
|
||||||
<span>
|
|
||||||
"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..."
|
|
||||||
</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 "Sand" und "Rose"
|
|
||||||
eine Kurzgeschichte zu schreiben.
|
|
||||||
</span>
|
|
||||||
</p>
|
|
||||||
<router-link to="/rosenteufel">
|
|
||||||
<div class="home-button3"><p class="card-link">Lesen -></p></div>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
</section>
|
</section>
|
||||||
<app-kontakt></app-kontakt>
|
<app-kontakt></app-kontakt>
|
||||||
</div>
|
</div>
|
||||||
|
@ -112,6 +34,8 @@
|
||||||
<script>
|
<script>
|
||||||
import AppNavigation from '../components/navigation'
|
import AppNavigation from '../components/navigation'
|
||||||
import VeranstaltungenListe from '../components/veranstaltungen-liste'
|
import VeranstaltungenListe from '../components/veranstaltungen-liste'
|
||||||
|
import SummaryLarps from '../components/summary-larps'
|
||||||
|
import SummaryShortstories from '../components/summary-shortstories'
|
||||||
import AppKontakt from '../components/kontakt'
|
import AppKontakt from '../components/kontakt'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
@ -120,6 +44,8 @@ export default {
|
||||||
components: {
|
components: {
|
||||||
AppNavigation,
|
AppNavigation,
|
||||||
VeranstaltungenListe,
|
VeranstaltungenListe,
|
||||||
|
SummaryLarps,
|
||||||
|
SummaryShortstories,
|
||||||
AppKontakt,
|
AppKontakt,
|
||||||
},
|
},
|
||||||
metaInfo: {
|
metaInfo: {
|
||||||
|
@ -177,70 +103,6 @@ export default {
|
||||||
padding-bottom: var(--dl-space-space-oneandhalfunits);
|
padding-bottom: var(--dl-space-space-oneandhalfunits);
|
||||||
justify-content: center;
|
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) {
|
@media(max-width: 991px) {
|
||||||
.home-image {
|
.home-image {
|
||||||
width: 420px;
|
width: 420px;
|
||||||
|
|
56
src/views/kurzgeschichten.vue
Normal file
56
src/views/kurzgeschichten.vue
Normal 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
113
src/views/kurzgeschichten/ein-orden-fr-eine-gute-tat.vue
Normal 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>
|
||||||
|
"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?"
|
||||||
|
</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
138
src/views/kurzgeschichten/einsames-schaf.vue
Normal 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
156
src/views/kurzgeschichten/gefangener-gorilla.vue
Normal 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>
|
|
@ -3,12 +3,23 @@
|
||||||
<app-navigation rootClassName="navigation-root-class-name"></app-navigation>
|
<app-navigation rootClassName="navigation-root-class-name"></app-navigation>
|
||||||
<h1 class="page-title">Rosenteufel</h1>
|
<h1 class="page-title">Rosenteufel</h1>
|
||||||
<span class="page-subtitle">
|
<span class="page-subtitle">
|
||||||
<span>Kurzgeschichte</span>
|
<span>
|
||||||
|
Experimentelle Kurzgeschichte in pseudo-mittelalterlichen Schreibstil,
|
||||||
|
Februar 2023
|
||||||
|
</span>
|
||||||
<br />
|
<br />
|
||||||
</span>
|
</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">
|
<div class="text-body">
|
||||||
<span>
|
<span class="shortstory-paragraph">
|
||||||
<span class="rosenteufel-text003">
|
<span class="rosenteufel-text004">
|
||||||
Ich erzähl euch ein Gschicht von wahr. So wahr wie ihr danach nicht
|
Ich erzähl euch ein Gschicht von wahr. So wahr wie ihr danach nicht
|
||||||
gwollt. Ein Gschicht die erzähl als einzger überlebend: Mein Gschicht. S
|
gwollt. Ein Gschicht die erzähl als einzger überlebend: Mein Gschicht. S
|
||||||
wart im letzten Jahr...
|
wart im letzten Jahr...
|
||||||
|
@ -68,7 +79,7 @@
|
||||||
Aber... Edler, bei Gotts Gnad, ich wärt kein gut Christ Euch ohne Warn
|
Aber... Edler, bei Gotts Gnad, ich wärt kein gut Christ Euch ohne Warn
|
||||||
lass schreiten. Seit Geschehnem ist hie kein einzger entlang. Wer weiss
|
lass schreiten. Seit Geschehnem ist hie kein einzger entlang. Wer weiss
|
||||||
was
|
was
|
||||||
<span v-html="raw78vq"></span>
|
<span v-html="rawtoul"></span>
|
||||||
</span>
|
</span>
|
||||||
<span>Geziefer dort treibt...”</span>
|
<span>Geziefer dort treibt...”</span>
|
||||||
<br />
|
<br />
|
||||||
|
@ -236,7 +247,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="raw4zgg"></span>
|
<span v-html="rawa5el"></span>
|
||||||
</span>
|
</span>
|
||||||
<span>
|
<span>
|
||||||
noch immer weiss und nass. Dieses Mal der Knecht nicht wagte zu fragen
|
noch immer weiss und nass. Dieses Mal der Knecht nicht wagte zu fragen
|
||||||
|
@ -287,7 +298,7 @@
|
||||||
zuher. Sie starrten; auch kalt und hilflos wie Kind. Ich schritt nach
|
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.
|
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...
|
Beulen zierten’s. Hässliche Beulen. Der Teufel aber wart woanders...
|
||||||
<span v-html="rawc19o"></span>
|
<span v-html="raw7gmp"></span>
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
@ -296,8 +307,8 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import AppNavigation from '../components/navigation'
|
import AppNavigation from '../../components/navigation'
|
||||||
import AppKontakt from '../components/kontakt'
|
import AppKontakt from '../../components/kontakt'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'Rosenteufel',
|
name: 'Rosenteufel',
|
||||||
|
@ -308,9 +319,9 @@ export default {
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
raw78vq: ' ',
|
rawtoul: ' ',
|
||||||
raw4zgg: ' ',
|
rawa5el: ' ',
|
||||||
rawc19o: ' ',
|
raw7gmp: ' ',
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
metaInfo: {
|
metaInfo: {
|
||||||
|
@ -348,7 +359,10 @@ export default {
|
||||||
background-image: url("/forest-background-luca-dross-1500w.jpg");
|
background-image: url("/forest-background-luca-dross-1500w.jpg");
|
||||||
background-position: bottom right;
|
background-position: bottom right;
|
||||||
}
|
}
|
||||||
.rosenteufel-text003 {
|
.rosenteufel-download-button {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.rosenteufel-text004 {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
80
src/views/lar-ps.vue
Normal file
80
src/views/lar-ps.vue
Normal 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 "Süsse Träume" 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>
|
|
@ -91,7 +91,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="rawgd69"></span>
|
<span v-html="rawux9l"></span>
|
||||||
</span>
|
</span>
|
||||||
<span>Spiel startet.</span>
|
<span>Spiel startet.</span>
|
||||||
<br />
|
<br />
|
||||||
|
@ -167,7 +167,7 @@
|
||||||
<br />
|
<br />
|
||||||
<span>
|
<span>
|
||||||
-
|
-
|
||||||
<span v-html="raww9z1"></span>
|
<span v-html="rawi92y"></span>
|
||||||
</span>
|
</span>
|
||||||
<span>Phil U.</span>
|
<span>Phil U.</span>
|
||||||
<br />
|
<br />
|
||||||
|
@ -180,15 +180,15 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import AppNavigation from '../components/navigation'
|
import AppNavigation from '../../components/navigation'
|
||||||
import VeranstaltungenListe from '../components/veranstaltungen-liste'
|
import VeranstaltungenListe from '../../components/veranstaltungen-liste'
|
||||||
import AppRow1 from '../components/row1'
|
import AppRow1 from '../../components/row1'
|
||||||
import AppRow2 from '../components/row2'
|
import AppRow2 from '../../components/row2'
|
||||||
import AppRow3 from '../components/row3'
|
import AppRow3 from '../../components/row3'
|
||||||
import AppRow4 from '../components/row4'
|
import AppRow4 from '../../components/row4'
|
||||||
import AppRow5 from '../components/row5'
|
import AppRow5 from '../../components/row5'
|
||||||
import AppRow6 from '../components/row6'
|
import AppRow6 from '../../components/row6'
|
||||||
import AppKontakt from '../components/kontakt'
|
import AppKontakt from '../../components/kontakt'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'LetzteGelegenheit',
|
name: 'LetzteGelegenheit',
|
||||||
|
@ -206,8 +206,8 @@ export default {
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
rawgd69: ' ',
|
rawux9l: ' ',
|
||||||
raww9z1: ' ',
|
rawi92y: ' ',
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
metaInfo: {
|
metaInfo: {
|
||||||
|
@ -216,7 +216,7 @@ export default {
|
||||||
{
|
{
|
||||||
name: 'description',
|
name: 'description',
|
||||||
content:
|
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',
|
property: 'og:title',
|
||||||
|
@ -225,7 +225,7 @@ export default {
|
||||||
{
|
{
|
||||||
property: 'og:description',
|
property: 'og:description',
|
||||||
content:
|
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',
|
property: 'og:image',
|
|
@ -3,7 +3,7 @@
|
||||||
<app-navigation rootClassName="navigation-root-class-name"></app-navigation>
|
<app-navigation rootClassName="navigation-root-class-name"></app-navigation>
|
||||||
<span class="page-title">Süsse Träume</span>
|
<span class="page-title">Süsse Träume</span>
|
||||||
<span class="page-subtitle">
|
<span class="page-subtitle">
|
||||||
<span>Fantasy Mini-LARP</span>
|
<span>Fantasy Mini-LARP, Dezember 2020</span>
|
||||||
<br />
|
<br />
|
||||||
</span>
|
</span>
|
||||||
<div class="text-body">
|
<div class="text-body">
|
||||||
|
@ -18,10 +18,32 @@
|
||||||
<br />
|
<br />
|
||||||
<span>
|
<span>
|
||||||
Süsse Träume war ein Fantasy Minilarp (nicht Nordic) im Wald von
|
Süsse Träume war ein Fantasy Minilarp (nicht Nordic) im Wald von
|
||||||
Eschikon (8315 Lindau, Schweiz) das Sue und Hermann organisierten. Es
|
Eschikon (8315 Lindau, Schweiz) im Dezember 2020 das Sue und Hermann
|
||||||
ging darum, dass ein Hexer Trajar die Spielercharaktere in seine
|
organisierten. Es ging darum, dass ein Hexer Trajar die
|
||||||
Traumwelt entführte, als diese sich schlafen legten. Hier wurde das Open
|
Spielercharaktere in seine Traumwelt entführte, als diese sich schlafen
|
||||||
Visor Larpkonzept noch nicht verwendet.
|
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
|
||||||
|
"versteinert" 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 "Süsse
|
||||||
|
Träume 2 - Der Prozess" fand im Januar 2021 statt.
|
||||||
</span>
|
</span>
|
||||||
<br />
|
<br />
|
||||||
</p>
|
</p>
|
||||||
|
@ -252,8 +274,8 @@
|
||||||
<script>
|
<script>
|
||||||
import DangerousHTML from 'dangerous-html/vue'
|
import DangerousHTML from 'dangerous-html/vue'
|
||||||
|
|
||||||
import AppNavigation from '../components/navigation'
|
import AppNavigation from '../../components/navigation'
|
||||||
import AppKontakt from '../components/kontakt'
|
import AppKontakt from '../../components/kontakt'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'SsseTrume',
|
name: 'SsseTrume',
|
63
src/views/mein-lieblingsmensch.vue
Normal file
63
src/views/mein-lieblingsmensch.vue
Normal 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><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>
|
Loading…
Reference in a new issue