Add "Kurzfilme" page and component; Update "Letzte Gelegenheit" page; Update "Ueber uns" page; Fix links pointing to incorrect pages

This commit is contained in:
OpenVisor 2024-06-13 19:06:13 +02:00
parent 753988ac15
commit b24a74b77a
18 changed files with 838 additions and 378 deletions

View file

@ -32,7 +32,7 @@
<br /> <br />
<span> <span>
 ·  ·
<span v-html="rawaua9"></span> <span v-html="rawdrn9"></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="raw7vxx"></span> <span v-html="rawew4j"></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="raw87ls"></span> <span v-html="rawmfzi"></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="rawxibr"></span> <span v-html="raw3blz"></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="rawebwi"></span> <span v-html="rawbmgg"></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="rawjyua"></span> <span v-html="raw34my"></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="rawui73"></span> <span v-html="rawdj7p"></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 {
rawaua9: ' ', rawdrn9: ' ',
raw7vxx: ' ', rawew4j: ' ',
raw87ls: ' ', rawmfzi: ' ',
rawxibr: ' ', raw3blz: ' ',
rawebwi: ' ', rawbmgg: ' ',
rawjyua: ' ', raw34my: ' ',
rawui73: ' ', rawdj7p: ' ',
} }
}, },
} }

View file

@ -1,32 +1,23 @@
<template> <template>
<div class="event-list" v-bind:class="rootClassName"> <div class="event-list" v-bind:class="rootClassName">
<div class="event-entry"> <div class="event-entry">
<h3 class="event-title">{{ run5 }}</h3> <h3 class="event-title">Run 7 (Schweiz)</h3>
<div><p class="event-section">in Abklärung</p></div>
<p class="event-section">{{ standortWeisslingen }}</p>
<div> <div>
<p class="event-section"> <p class="event-green event-section">15 von 15 freie Plätze</p>
25. Mai 2024, 10:00 Uhr bis <p class="event-red event-section">Anmeldung noch nicht offen</p>
<span v-html="rawvckd"></span>
</p>
<p class="event-section">26. Mai 2024, 14:00 Uhr</p>
</div>
<p class="event-section">{{ standortWeisslingen1 }}</p>
<div>
<p class="event-red event-section">0 von 15 freie Plätze</p>
<p class="event-green event-section">0 Personen auf Warteliste</p>
</div> </div>
</div> </div>
<div <div
class="kommende-letzte-gelegenheit-runs-letzte-gelegenheit-run6 event-entry" class="kommende-letzte-gelegenheit-runs-letzte-gelegenheit-run8 event-entry"
> >
<h3 class="event-title">{{ run6 }}</h3> <h3 class="event-title">Run 8 (Schweiz)</h3>
<div> <div><p class="event-section">in Abklärung</p></div>
<p class="event-section">01. Juni 2024, 10:00 Uhr bis</p>
<p class="event-section">02. Juni 2024, 14:00 Uhr</p>
</div>
<p class="event-section">{{ standortWeisslingen }}</p> <p class="event-section">{{ standortWeisslingen }}</p>
<div> <div>
<p class="event-red event-section">0 von 15 freie Plätze</p> <p class="event-green event-section">15 von 15 freie Plätze</p>
<p class="event-green event-section">3 Personen auf Warteliste</p> <p class="event-red event-section">Anmeldung noch nicht offen</p>
</div> </div>
</div> </div>
</div> </div>
@ -54,18 +45,14 @@ export default {
default: 'Run 5 (Schweiz)', default: 'Run 5 (Schweiz)',
}, },
}, },
data() {
return {
rawvckd: ' ',
}
},
} }
</script> </script>
<style scoped> <style scoped>
.kommende-letzte-gelegenheit-runs-letzte-gelegenheit-run6 { .kommende-letzte-gelegenheit-runs-letzte-gelegenheit-run8 {
border-bottom-width: 3px; border-bottom-width: 3px;
} }
</style> </style>

View file

@ -125,6 +125,8 @@ export default {

View file

@ -97,6 +97,109 @@
</router-link> </router-link>
</ul> </ul>
</div> </div>
<div
data-thq="thq-dropdown"
class="navigation-games-dropdown list-item"
>
<div
data-thq="thq-dropdown-toggle"
class="desktop-menu-dropdown-toggle"
>
<router-link
to="/games"
class="navigation-games desktop-menu-dropdown-header nav-link"
>
{{ games }}
</router-link>
<div
data-thq="thq-dropdown-arrow"
class="desktop-menu-arrow-container"
>
<svg viewBox="0 0 1024 1024" class="desktop-menu-arrow">
<path d="M426 726v-428l214 214z"></path>
</svg>
</div>
</div>
<ul
data-thq="thq-dropdown-list"
class="navigation-dropdown-list1 desktop-menu-dropdown-list"
>
<router-link to="/games/assemblatron">
<li
data-thq="thq-dropdown"
class="navigation-assemblatron-dropdown desktop-menu-list-item list-item"
>
<div
data-thq="thq-dropdown-toggle"
class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle05"
>
<span class="desktop-menu-dropdown-option">
{{ assemblatron }}
</span>
</div>
</li>
</router-link>
<router-link to="/games/murphys-larp">
<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 navigation-dropdown-toggle06"
>
<span class="desktop-menu-dropdown-option">
{{ murphysLarp }}
</span>
</div>
</li>
</router-link>
</ul>
</div>
<div
data-thq="thq-dropdown"
class="navigation-kurzfilme-dropdown list-item"
>
<div
data-thq="thq-dropdown-toggle"
class="desktop-menu-dropdown-toggle"
>
<router-link
to="/kurzfilme"
class="navigation-kurzfilme desktop-menu-dropdown-header nav-link"
>
Kurzfilme
</router-link>
<div
data-thq="thq-dropdown-arrow"
class="desktop-menu-arrow-container"
>
<svg viewBox="0 0 1024 1024" class="desktop-menu-arrow">
<path d="M426 726v-428l214 214z"></path>
</svg>
</div>
</div>
<ul
data-thq="thq-dropdown-list"
class="navigation-dropdown-list2 desktop-menu-dropdown-list"
>
<router-link to="/kurzfilme/wolf-des-suedens">
<li
data-thq="thq-dropdown"
class="navigation-wolf-des-suedens-dropdown desktop-menu-list-item list-item"
>
<div
data-thq="thq-dropdown-toggle"
class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle08"
>
<span class="desktop-menu-dropdown-option">
Die Legende vom Wolf des Südens (Trailer)
</span>
</div>
</li>
</router-link>
</ul>
</div>
<div <div
data-thq="thq-dropdown" data-thq="thq-dropdown"
class="navigation-kurzgeschichten-dropdown list-item" class="navigation-kurzgeschichten-dropdown list-item"
@ -122,7 +225,7 @@
</div> </div>
<ul <ul
data-thq="thq-dropdown-list" data-thq="thq-dropdown-list"
class="navigation-dropdown-list1 desktop-menu-dropdown-list" class="navigation-dropdown-list3 desktop-menu-dropdown-list"
> >
<router-link to="/kurzgeschichten/ein-orden-fuer-eine-gute-tat"> <router-link to="/kurzgeschichten/ein-orden-fuer-eine-gute-tat">
<li <li
@ -131,7 +234,7 @@
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle05" class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle10"
> >
<span class="desktop-menu-dropdown-option"> <span class="desktop-menu-dropdown-option">
{{ einOrdenFuerEineGuteTat }} {{ einOrdenFuerEineGuteTat }}
@ -413,68 +516,10 @@
</router-link> </router-link>
</ul> </ul>
</div> </div>
<div
data-thq="thq-dropdown"
class="navigation-games-dropdown list-item"
>
<div
data-thq="thq-dropdown-toggle"
class="desktop-menu-dropdown-toggle"
>
<span
class="navigation-games desktop-menu-dropdown-header nav-link"
>
{{ games }}
</span>
<div
data-thq="thq-dropdown-arrow"
class="desktop-menu-arrow-container"
>
<svg viewBox="0 0 1024 1024" class="desktop-menu-arrow">
<path d="M426 726v-428l214 214z"></path>
</svg>
</div>
</div>
<ul
data-thq="thq-dropdown-list"
class="navigation-dropdown-list2 desktop-menu-dropdown-list"
>
<router-link to="/games/assemblatron">
<li
data-thq="thq-dropdown"
class="navigation-assemblatron-dropdown desktop-menu-list-item list-item"
>
<div
data-thq="thq-dropdown-toggle"
class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle25"
>
<span class="desktop-menu-dropdown-option">
{{ assemblatron }}
</span>
</div>
</li>
</router-link>
<router-link to="/games/murphys-larp">
<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 navigation-dropdown-toggle26"
>
<span class="desktop-menu-dropdown-option">
{{ murphysLarp }}
</span>
</div>
</li>
</router-link>
</ul>
</div>
</nav> </nav>
</div> </div>
<div data-thq="thq-burger-menu" class="navigation-burger-menu"> <div data-thq="thq-burger-menu" class="navigation-burger-menu">
<svg viewBox="0 0 1024 1024" class="navigation-icon06"> <svg viewBox="0 0 1024 1024" class="navigation-icon08">
<path <path
d="M128 554.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 298.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 810.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667z" d="M128 554.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 298.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 810.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667z"
></path> ></path>
@ -488,7 +533,7 @@
> >
<div class="navigation-nav-top"> <div class="navigation-nav-top">
<div data-thq="thq-close-menu" class="navigation-menu-close"> <div data-thq="thq-close-menu" class="navigation-menu-close">
<svg viewBox="0 0 1024 1024" class="navigation-icon08"> <svg viewBox="0 0 1024 1024" class="navigation-icon10">
<path <path
d="M810 274l-238 238 238 238-60 60-238-238-238 238-60-60 238-238-238-238 60-60 238 238 238-238z" d="M810 274l-238 238 238 238-60 60-238-238-238 238-60-60 238-238-238-238 60-60 238 238 238-238z"
></path> ></path>
@ -540,7 +585,7 @@
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle28" class="navigation-dropdown-toggle30"
> >
<span class="navigation-suesse-traeume1 nav-link"> <span class="navigation-suesse-traeume1 nav-link">
{{ suesseTraeume }} {{ suesseTraeume }}
@ -555,7 +600,7 @@
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle29" class="navigation-dropdown-toggle31"
> >
<span class="mobile-menu-dropdown-option nav-link"> <span class="mobile-menu-dropdown-option nav-link">
{{ letzteGelegenheit }} {{ letzteGelegenheit }}
@ -570,7 +615,7 @@
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle30" class="navigation-dropdown-toggle32"
> >
<span <span
class="navigation-conundrum-schatten-ueber-ostmerkopa1 nav-link" class="navigation-conundrum-schatten-ueber-ostmerkopa1 nav-link"
@ -582,6 +627,103 @@
</router-link> </router-link>
</ul> </ul>
</div> </div>
<div data-thq="thq-dropdown" class="mobile-menu-dropdown list-item">
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-toggle"
>
<router-link
to="/games"
class="navigation-games1 mobile-menu-dropdown-header nav-link"
>
{{ games }}
</router-link>
<div
data-thq="thq-dropdown-arrow"
class="mobile-menu-dropdown-arrow-container"
>
<svg viewBox="0 0 1024 1024" class="mobile-menu-dropdown-arrow">
<path d="M426 726v-428l214 214z"></path>
</svg>
</div>
</div>
<ul
data-thq="thq-dropdown-list"
class="navigation-games-dropdown-list dropdown-list"
>
<router-link to="/games/assemblatron">
<li
data-thq="thq-dropdown"
class="navigation-assemblatron1 mobile-menu-list-item list-item"
>
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ assemblatron }}
</span>
</div>
</li>
</router-link>
<router-link to="/games/murphys-larp">
<li
data-thq="thq-dropdown"
class="mobile-menu-list-item list-item"
>
<div
data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle35"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ murphysLarp }}
</span>
</div>
</li>
</router-link>
</ul>
</div>
<div data-thq="thq-dropdown" class="mobile-menu-dropdown list-item">
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-toggle"
>
<router-link
to="/kurzfilme"
class="navigation-kurzfilme1 mobile-menu-dropdown-header nav-link"
>
Kurzfilme
</router-link>
<div
data-thq="thq-dropdown-arrow"
class="mobile-menu-dropdown-arrow-container"
>
<svg viewBox="0 0 1024 1024" class="mobile-menu-dropdown-arrow">
<path d="M426 726v-428l214 214z"></path>
</svg>
</div>
</div>
<ul
data-thq="thq-dropdown-list"
class="navigation-games-dropdown-list1 dropdown-list"
>
<router-link to="/kurzfilme/wolf-des-suedens">
<li
data-thq="thq-dropdown"
class="navigation-wolf-des-suedens1 mobile-menu-list-item list-item"
>
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle"
>
<span class="mobile-menu-dropdown-option nav-link">
Die Legende vom Wolf des Südens (Trailer)
</span>
</div>
</li>
</router-link>
</ul>
</div>
<div data-thq="thq-dropdown" class="mobile-menu-dropdown list-item"> <div data-thq="thq-dropdown" class="mobile-menu-dropdown list-item">
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
@ -628,7 +770,7 @@
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle33" class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle40"
> >
<span class="mobile-menu-dropdown-option nav-link"> <span class="mobile-menu-dropdown-option nav-link">
{{ rosenteufel }} {{ rosenteufel }}
@ -643,7 +785,7 @@
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle34" class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle41"
> >
<span class="mobile-menu-dropdown-option nav-link"> <span class="mobile-menu-dropdown-option nav-link">
{{ einsamesSchaf }} {{ einsamesSchaf }}
@ -658,7 +800,7 @@
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle35" class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle42"
> >
<span class="mobile-menu-dropdown-option nav-link"> <span class="mobile-menu-dropdown-option nav-link">
{{ gefangenerGorilla }} {{ gefangenerGorilla }}
@ -673,7 +815,7 @@
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle36" class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle43"
> >
<span class="mobile-menu-dropdown-option nav-link"> <span class="mobile-menu-dropdown-option nav-link">
{{ lasstMichRuhen }} {{ lasstMichRuhen }}
@ -688,7 +830,7 @@
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle37" class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle44"
> >
<span class="mobile-menu-dropdown-option nav-link"> <span class="mobile-menu-dropdown-option nav-link">
{{ dieLoesungGegenLeid }} {{ dieLoesungGegenLeid }}
@ -703,7 +845,7 @@
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle38" class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle45"
> >
<span class="mobile-menu-dropdown-option nav-link"> <span class="mobile-menu-dropdown-option nav-link">
{{ infiniteDeathsEnglish }}Die Lösung Gegen Leid {{ infiniteDeathsEnglish }}Die Lösung Gegen Leid
@ -718,7 +860,7 @@
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle39" class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle46"
> >
<span class="mobile-menu-dropdown-option nav-link"> <span class="mobile-menu-dropdown-option nav-link">
{{ versetztesBeduerfnis }}Die Lösung Gegen Leid {{ versetztesBeduerfnis }}Die Lösung Gegen Leid
@ -735,7 +877,7 @@
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle40" class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle47"
> >
<span class="mobile-menu-dropdown-option nav-link"> <span class="mobile-menu-dropdown-option nav-link">
{{ wasUnterscheidetHimmelVonHoelle }}Die Lösung Gegen Leid {{ wasUnterscheidetHimmelVonHoelle }}Die Lösung Gegen Leid
@ -750,7 +892,7 @@
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle41" class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle48"
> >
<span class="mobile-menu-dropdown-option nav-link"> <span class="mobile-menu-dropdown-option nav-link">
{{ lebenStattUeberleben }}Die Lösung Gegen Leid {{ lebenStattUeberleben }}Die Lösung Gegen Leid
@ -765,7 +907,7 @@
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle42" class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle49"
> >
<span class="mobile-menu-dropdown-option nav-link"> <span class="mobile-menu-dropdown-option nav-link">
{{ getraeumtesGlueck }}Ein Orden für eine gute Tat {{ getraeumtesGlueck }}Ein Orden für eine gute Tat
@ -780,7 +922,7 @@
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle43 mobile-menu-dropdown-element mobile-menu-dropdown-toggle" class="navigation-dropdown-toggle50 mobile-menu-dropdown-element mobile-menu-dropdown-toggle"
> >
<span class="mobile-menu-dropdown-option nav-link"> <span class="mobile-menu-dropdown-option nav-link">
{{ klonOderLeid }}Lasst mich Ruhen! {{ klonOderLeid }}Lasst mich Ruhen!
@ -795,7 +937,7 @@
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle44" class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle51"
> >
<span class="mobile-menu-dropdown-option nav-link"> <span class="mobile-menu-dropdown-option nav-link">
{{ ichWillKeinHammerSein }}Lasst mich Ruhen! {{ ichWillKeinHammerSein }}Lasst mich Ruhen!
@ -810,7 +952,7 @@
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle45" class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle52"
> >
<span class="mobile-menu-dropdown-option nav-link"> <span class="mobile-menu-dropdown-option nav-link">
{{ teilungZweierWelten }}Lasst mich Ruhen! {{ teilungZweierWelten }}Lasst mich Ruhen!
@ -825,7 +967,7 @@
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle46" class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle53"
> >
<span class="mobile-menu-dropdown-option nav-link"> <span class="mobile-menu-dropdown-option nav-link">
{{ huhnRammtHuhn }}Lasst mich Ruhen! {{ huhnRammtHuhn }}Lasst mich Ruhen!
@ -840,7 +982,7 @@
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle47" class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle54"
> >
<span class="mobile-menu-dropdown-option nav-link"> <span class="mobile-menu-dropdown-option nav-link">
{{ heiligerSteinkrieg }}Lasst mich Ruhen! {{ heiligerSteinkrieg }}Lasst mich Ruhen!
@ -855,7 +997,7 @@
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle48" class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle55"
> >
<span class="mobile-menu-dropdown-option nav-link"> <span class="mobile-menu-dropdown-option nav-link">
{{ unwichtigsterMensch }}Lasst mich Ruhen! {{ unwichtigsterMensch }}Lasst mich Ruhen!
@ -870,7 +1012,7 @@
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle49" class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle56"
> >
<span class="mobile-menu-dropdown-option nav-link"> <span class="mobile-menu-dropdown-option nav-link">
{{ superkraftImStarbucks }}Lasst mich Ruhen! {{ superkraftImStarbucks }}Lasst mich Ruhen!
@ -885,7 +1027,7 @@
> >
<div <div
data-thq="thq-dropdown-toggle" data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle50" class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle57"
> >
<span class="mobile-menu-dropdown-option nav-link"> <span class="mobile-menu-dropdown-option nav-link">
{{ themOrUsEnglish }}Lasst mich Ruhen! {{ themOrUsEnglish }}Lasst mich Ruhen!
@ -895,62 +1037,6 @@
</router-link> </router-link>
</ul> </ul>
</div> </div>
<div data-thq="thq-dropdown" class="mobile-menu-dropdown list-item">
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-toggle"
>
<router-link
to="/kurzgeschichten"
class="navigation-kurzgeschichten2 mobile-menu-dropdown-header nav-link"
>
{{ games }}
</router-link>
<div
data-thq="thq-dropdown-arrow"
class="mobile-menu-dropdown-arrow-container"
>
<svg viewBox="0 0 1024 1024" class="mobile-menu-dropdown-arrow">
<path d="M426 726v-428l214 214z"></path>
</svg>
</div>
</div>
<ul
data-thq="thq-dropdown-list"
class="navigation-games-dropdown-list dropdown-list"
>
<router-link to="/games/assemblatron">
<li
data-thq="thq-dropdown"
class="navigation-assemblatron1 mobile-menu-list-item list-item"
>
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ assemblatron }}
</span>
</div>
</li>
</router-link>
<router-link to="/games/murphys-larp">
<li
data-thq="thq-dropdown"
class="mobile-menu-list-item list-item"
>
<div
data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle53"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ murphysLarp }}
</span>
</div>
</li>
</router-link>
</ul>
</div>
</nav> </nav>
</div> </div>
</div> </div>
@ -1121,7 +1207,7 @@ export default {
display: flex; display: flex;
} }
.navigation-nav { .navigation-nav {
gap: 50px; gap: 38px;
flex: 0 0 auto; flex: 0 0 auto;
display: flex; display: flex;
align-items: center; align-items: center;
@ -1157,23 +1243,6 @@ export default {
color: #fff; color: #fff;
background-color: #595959; background-color: #595959;
} }
.navigation-kurzgeschichten-dropdown {
cursor: pointer;
display: inline-block;
position: relative;
border-radius: var(--dl-radius-radius-radius2);
}
.navigation-kurzgeschichten {
text-decoration: none;
}
.navigation-dropdown-list1 {
display: none;
}
.navigation-dropdown-toggle05:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-games-dropdown { .navigation-games-dropdown {
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
@ -1183,18 +1252,55 @@ export default {
.navigation-games { .navigation-games {
text-decoration: none; text-decoration: none;
} }
.navigation-dropdown-list2 { .navigation-dropdown-list1 {
display: none; display: none;
} }
.navigation-assemblatron-dropdown { .navigation-assemblatron-dropdown {
text-decoration: none; text-decoration: none;
} }
.navigation-dropdown-toggle25:hover { .navigation-dropdown-toggle05:hover {
fill: #fff; fill: #fff;
color: #fff; color: #fff;
background-color: #595959; background-color: #595959;
} }
.navigation-dropdown-toggle26:hover { .navigation-dropdown-toggle06:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-kurzfilme-dropdown {
cursor: pointer;
display: inline-block;
position: relative;
border-radius: var(--dl-radius-radius-radius2);
}
.navigation-kurzfilme {
text-decoration: none;
}
.navigation-dropdown-list2 {
display: none;
}
.navigation-wolf-des-suedens-dropdown {
text-decoration: none;
}
.navigation-dropdown-toggle08:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-kurzgeschichten-dropdown {
cursor: pointer;
display: inline-block;
position: relative;
border-radius: var(--dl-radius-radius-radius2);
}
.navigation-kurzgeschichten {
text-decoration: none;
}
.navigation-dropdown-list3 {
display: none;
}
.navigation-dropdown-toggle10:hover {
fill: #fff; fill: #fff;
color: #fff; color: #fff;
background-color: #595959; background-color: #595959;
@ -1204,7 +1310,7 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.navigation-icon06 { .navigation-icon08 {
fill: #ffffff; fill: #ffffff;
width: 36px; width: 36px;
cursor: pointer; cursor: pointer;
@ -1214,7 +1320,7 @@ export default {
border-radius: 18px; border-radius: 18px;
background-color: rgba(100, 100, 100, 0.4); background-color: rgba(100, 100, 100, 0.4);
} }
.navigation-icon06:hover { .navigation-icon08:hover {
opacity: 0.5; opacity: 0.5;
} }
.navigation-mobile-menu { .navigation-mobile-menu {
@ -1246,7 +1352,7 @@ export default {
.navigation-menu-close { .navigation-menu-close {
display: flex; display: flex;
} }
.navigation-icon08 { .navigation-icon10 {
fill: #ffffff; fill: #ffffff;
width: 30px; width: 30px;
cursor: pointer; cursor: pointer;
@ -1255,7 +1361,7 @@ export default {
transition: 0.3s; transition: 0.3s;
margin-left: -30px; margin-left: -30px;
} }
.navigation-icon08:hover { .navigation-icon10:hover {
opacity: 0.5; opacity: 0.5;
} }
.navigation-larps1 { .navigation-larps1 {
@ -1264,51 +1370,6 @@ export default {
.navigation-larps-dropdown-list { .navigation-larps-dropdown-list {
display: none; display: none;
} }
.navigation-dropdown-toggle28 {
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-toggle28: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-toggle29 {
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-toggle29:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle30 { .navigation-dropdown-toggle30 {
fill: #595959; fill: #595959;
color: #595959; color: #595959;
@ -1327,6 +1388,51 @@ export default {
color: #fff; color: #fff;
background-color: #595959; 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-toggle31 {
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-toggle31:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle32 {
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-toggle32:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-conundrum-schatten-ueber-ostmerkopa1 { .navigation-conundrum-schatten-ueber-ostmerkopa1 {
width: 100%; width: 100%;
cursor: pointer; cursor: pointer;
@ -1336,46 +1442,47 @@ export default {
font-family: Poppins; font-family: Poppins;
font-weight: 400; font-weight: 400;
} }
.navigation-kurzgeschichten1 { .navigation-games1 {
text-decoration: none; text-decoration: none;
} }
.navigation-kurzgeschichten-dropdown-list { .navigation-games-dropdown-list {
display: none; display: none;
} }
.navigation-dropdown-toggle33:hover { .navigation-assemblatron1 {
fill: #fff; text-decoration: none;
color: #fff;
background-color: #595959;
} }
.navigation-dropdown-toggle34:hover { .navigation-dropdown-toggle35 {
fill: #fff; fill: #595959;
color: #fff; color: #595959;
background-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-toggle35:hover { .navigation-dropdown-toggle35:hover {
fill: #fff; fill: #fff;
color: #fff; color: #fff;
background-color: #595959; background-color: #595959;
} }
.navigation-dropdown-toggle36:hover { .navigation-kurzfilme1 {
fill: #fff; text-decoration: none;
color: #fff;
background-color: #595959;
} }
.navigation-dropdown-toggle37:hover { .navigation-games-dropdown-list1 {
fill: #fff; display: none;
color: #fff;
background-color: #595959;
} }
.navigation-dropdown-toggle38:hover { .navigation-wolf-des-suedens1 {
fill: #fff; text-decoration: none;
color: #fff;
background-color: #595959;
} }
.navigation-dropdown-toggle39:hover { .navigation-kurzgeschichten1 {
fill: #fff; text-decoration: none;
color: #fff; }
background-color: #595959; .navigation-kurzgeschichten-dropdown-list {
display: none;
} }
.navigation-dropdown-toggle40:hover { .navigation-dropdown-toggle40:hover {
fill: #fff; fill: #fff;
@ -1392,9 +1499,6 @@ export default {
color: #fff; color: #fff;
background-color: #595959; background-color: #595959;
} }
.navigation-dropdown-toggle43 {
position: relative;
}
.navigation-dropdown-toggle43:hover { .navigation-dropdown-toggle43:hover {
fill: #fff; fill: #fff;
color: #fff; color: #fff;
@ -1430,38 +1534,49 @@ export default {
color: #fff; color: #fff;
background-color: #595959; background-color: #595959;
} }
.navigation-dropdown-toggle50 {
position: relative;
}
.navigation-dropdown-toggle50:hover { .navigation-dropdown-toggle50:hover {
fill: #fff; fill: #fff;
color: #fff; color: #fff;
background-color: #595959; background-color: #595959;
} }
.navigation-kurzgeschichten2 { .navigation-dropdown-toggle51:hover {
text-decoration: none; fill: #fff;
color: #fff;
background-color: #595959;
} }
.navigation-games-dropdown-list { .navigation-dropdown-toggle52:hover {
display: none; fill: #fff;
} color: #fff;
.navigation-assemblatron1 { background-color: #595959;
text-decoration: none;
}
.navigation-dropdown-toggle53 {
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-toggle53:hover { .navigation-dropdown-toggle53:hover {
fill: #fff; fill: #fff;
color: #fff; color: #fff;
background-color: #595959; background-color: #595959;
} }
.navigation-dropdown-toggle54:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle55:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle56:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle57:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-root-class-name { .navigation-root-class-name {
max-width: 1200px; max-width: 1200px;
} }
@ -1575,6 +1690,12 @@ export default {
.navigation-root-class-name40 { .navigation-root-class-name40 {
max-width: 1200px; max-width: 1200px;
} }
.navigation-root-class-name41 {
max-width: 1200px;
}
.navigation-root-class-name42 {
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);

View file

@ -30,7 +30,7 @@ export default {
assemblatronBeschreibung: { assemblatronBeschreibung: {
type: String, type: String,
default: default:
'Alles was nur schiefgehen konnte, ging bei einem LARP schief. Ihr spielt die frustrierte Orga/SL (Organisation/Spielleitung) die sich über die “doofen” SC (Spielercharaktere) auslässt und die frustrierten SC, die sich über die “doofe” SL auslassen.', 'Ein Videospiel in einer von George Orwells "Nineteen Eighty-Four" inspirierten Dystopie, in der die Bevölkerung ununterbrochen in Fabriken Kampfroboter baut, welche die anderen, feindlichen Städte zerstören.',
}, },
assemblatron: { assemblatron: {
type: String, type: String,

View file

@ -0,0 +1,72 @@
<template>
<main class="card-rows-container" v-bind:class="rootClassName">
<div class="card-row">
<section class="character-teaser-container">
<h1 class="card-heading">{{ wolfDesSuedens }}</h1>
<p class="card-text">
<span>
&quot;Nachdem Langeweile sie dazu bringt, ihre Pflichten zu
vernachlässigen, finden uralte, geächtete Kräfte ihren Weg zurück ins
Licht. Solei, eine aussergewöhnliche Schülerin der arkanen Künste,
flieht in eine Welt voller Angst und Verzweiflung. Auf einer Reise zu
sich selbst lernt die junge Frau die Geister der Natur kennen und
entdeckt ihre wahren magischen Kräfte.&quot;
</span>
<br />
<br />
<span>
In diesem Trailer zu einem hypothetischen Kurzfilm experimentierten
Freunde und ich mit low-budget Virtual Production.
</span>
</p>
<router-link to="/kurzfilme/wolf-des-suedens">
<div class="summary-shortfilms-button more-link">
<p class="card-link">{{ mehrLink }}</p>
</div>
</router-link>
</section>
</div>
</main>
</template>
<script>
export default {
name: 'SummaryShortfilms',
props: {
assemblatronBeschreibung: {
type: String,
default:
'Alles was nur schiefgehen konnte, ging bei einem LARP schief. Ihr spielt die frustrierte Orga/SL (Organisation/Spielleitung) die sich über die “doofen” SC (Spielercharaktere) auslässt und die frustrierten SC, die sich über die “doofe” SL auslassen.',
},
wolfDesSuedensBeschreibung: {
type: String,
default:
'Nachdem Langeweile sie dazu bringt, ihre Pflichten zu vernachlässigen, finden uralte, geächtete Kräfte ihren Weg zurück ins Licht. Solei, eine außergewöhnliche Schülerin der arkanen Künste, flieht in eine Welt voller Angst und Verzweiflung. Auf einer Reise zu sich selbst lernt die junge Frau die Geister der Natur kennen und entdeckt ihre wahren magischen Kräfte. In diesem Kurzfilm experimentieren wir mit neuen Technologien und gehen an die Grenzen dessen, was eine virtuelle Produktion mit einem geringen Budget leisten kann.',
},
assemblatron: {
type: String,
default: 'Assemblatron (Video Game)',
},
rootClassName: String,
mehrLink: {
type: String,
default: 'Mehr ->',
},
wolfDesSuedens: {
type: String,
default: 'Die Legende vom Wolf des Südens (Trailer)',
},
},
}
</script>
<style scoped>
.summary-shortfilms-button {
text-decoration: none;
}
.summary-shortfilms-button:hover {
opacity: 0.5;
}
</style>

View file

@ -17,7 +17,7 @@
<div> <div>
<p class="event-section event-done"> <p class="event-section event-done">
13. Mai 2023, 10:00 Uhr bis 13. Mai 2023, 10:00 Uhr bis
<span v-html="rawtqgd"></span> <span v-html="rawvn37"></span>
</p> </p>
<p class="event-section event-done">14. Mai 2023, 14:00 Uhr</p> <p class="event-section event-done">14. Mai 2023, 14:00 Uhr</p>
</div> </div>
@ -31,7 +31,7 @@
<div> <div>
<p class="event-section event-done"> <p class="event-section event-done">
1. Juli 2023, 10:00 Uhr bis 1. Juli 2023, 10:00 Uhr bis
<span v-html="rawi023"></span> <span v-html="raw423x"></span>
</p> </p>
<p class="event-section event-done">2. Juli 2023, 14:00 Uhr</p> <p class="event-section event-done">2. Juli 2023, 14:00 Uhr</p>
</div> </div>
@ -51,8 +51,35 @@
durchgeführt mit 15 Teilnehmenden durchgeführt mit 15 Teilnehmenden
</p> </p>
</div> </div>
<div class="event-entry">
<h3 class="event-title event-done">{{ run5 }}</h3>
<div>
<p class="event-section event-done">
25. Mai 2024, 10:00 Uhr bis
<span v-html="rawfc42"></span>
</p>
<p class="event-section event-done">26. Mai 2024, 14:00 Uhr</p>
</div> </div>
<kommende-letzte-gelegenheit-runs></kommende-letzte-gelegenheit-runs> <p class="event-section event-done">{{ standortWeisslingen1 }}</p>
<p class="event-section event-done-green">
durchgeführt mit 15 Teilnehmenden
</p>
</div>
<div class="event-entry">
<h3 class="event-title event-done">{{ run6 }}</h3>
<div>
<p class="event-section event-done">01. Juni 2024, 10:00 Uhr bis</p>
<p class="event-section event-done">02. Juni 2024, 14:00 Uhr</p>
</div>
<p class="event-section event-done">{{ standortWeisslingen2 }}</p>
<p class="event-section event-done-green">
durchgeführt mit 15 Teilnehmenden
</p>
</div>
</div>
<kommende-letzte-gelegenheit-runs
rootClassName="kommende-letzte-gelegenheit-runs-root-class-name2"
></kommende-letzte-gelegenheit-runs>
</div> </div>
</template> </template>
@ -66,10 +93,35 @@ export default {
type: String, type: String,
default: 'Waldritter e.V. (im Raumschiff) Ewaldstrasse 20, 45699 Herten', default: 'Waldritter e.V. (im Raumschiff) Ewaldstrasse 20, 45699 Herten',
}, },
standortWeisslingen1: {
type: String,
default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen',
},
rootClassName1: String,
standortWeisslingen4: {
type: String,
default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen',
},
run5: {
type: String,
default: 'Run 5 (Schweiz)',
},
run6: {
type: String,
default: 'Run 6 (Schweiz)',
},
standortWeisslingen2: {
type: String,
default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen',
},
standortHerten1: { standortHerten1: {
type: String, type: String,
default: 'Waldritter e.V. (im Raumschiff) Ewaldstrasse 20, 45699 Herten', default: 'Waldritter e.V. (im Raumschiff) Ewaldstrasse 20, 45699 Herten',
}, },
standortWeisslingen3: {
type: String,
default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen',
},
run1: { run1: {
type: String, type: String,
default: 'Run 1 (Schweiz)', default: 'Run 1 (Schweiz)',
@ -101,8 +153,9 @@ export default {
}, },
data() { data() {
return { return {
rawtqgd: ' ', rawvn37: ' ',
rawi023: ' ', raw423x: ' ',
rawfc42: ' ',
} }
}, },
} }

View file

@ -6,6 +6,7 @@ import KlonOderLeid from './views/kurzgeschichten/klon-oder-leid'
import Games from './views/games' import Games from './views/games'
import HuhnRammtHuhn from './views/kurzgeschichten/huhn-rammt-huhn' import HuhnRammtHuhn from './views/kurzgeschichten/huhn-rammt-huhn'
import HeiligerSteinkrieg from './views/kurzgeschichten/heiliger-steinkrieg' import HeiligerSteinkrieg from './views/kurzgeschichten/heiliger-steinkrieg'
import DieLegendeVomWolfDesSdens from './views/kurzfilme/die-legende-vom-wolf-des-sdens'
import VersetztesBedrfnis from './views/kurzgeschichten/versetztes-bedrfnis' import VersetztesBedrfnis from './views/kurzgeschichten/versetztes-bedrfnis'
import Assemblatron from './views/games/assemblatron' import Assemblatron from './views/games/assemblatron'
import EinsamesSchaf from './views/kurzgeschichten/einsames-schaf' import EinsamesSchaf from './views/kurzgeschichten/einsames-schaf'
@ -26,6 +27,7 @@ import TeilungZweierWelten from './views/kurzgeschichten/teilung-zweier-welten'
import Page from './views/page' import Page from './views/page'
import LARPs from './views/lar-ps' import LARPs from './views/lar-ps'
import IchWillKeinHammerSein from './views/kurzgeschichten/ich-will-kein-hammer-sein' import IchWillKeinHammerSein from './views/kurzgeschichten/ich-will-kein-hammer-sein'
import Kurzfilme from './views/kurzfilme'
import SsseTrume from './views/larps/ssse-trume' import SsseTrume from './views/larps/ssse-trume'
import BerUns from './views/ber-uns' import BerUns from './views/ber-uns'
import Larpkonzept from './views/larpkonzept' import Larpkonzept from './views/larpkonzept'
@ -48,7 +50,7 @@ export default new Router({
}, },
{ {
name: 'Games', name: 'Games',
path: '/drama-games', path: '/games',
component: Games, component: Games,
}, },
{ {
@ -61,6 +63,11 @@ export default new Router({
path: '/kurzgeschichten/heiliger-steinkrieg', path: '/kurzgeschichten/heiliger-steinkrieg',
component: HeiligerSteinkrieg, component: HeiligerSteinkrieg,
}, },
{
name: 'Die-Legende-vom-Wolf-des-Sdens',
path: '/kurzfilme/wolf-des-suedens',
component: DieLegendeVomWolfDesSdens,
},
{ {
name: 'Versetztes-Bedrfnis', name: 'Versetztes-Bedrfnis',
path: '/kurzgeschichten/versetztes-beduerfnis', path: '/kurzgeschichten/versetztes-beduerfnis',
@ -161,6 +168,11 @@ export default new Router({
path: '/kurzgeschichten/ich-will-kein-hammer-sein', path: '/kurzgeschichten/ich-will-kein-hammer-sein',
component: IchWillKeinHammerSein, component: IchWillKeinHammerSein,
}, },
{
name: 'Kurzfilme',
path: '/kurzfilme',
component: Kurzfilme,
},
{ {
name: 'Ssse-Trume', name: 'Ssse-Trume',
path: '/larps/suesse-traeume', path: '/larps/suesse-traeume',

View file

@ -712,6 +712,15 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.embedded-video {
width: 640px;
height: 360px;
align-self: center;
margin-top: 20px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: -40px;
}
.Heading { .Heading {
font-size: 32px; font-size: 32px;
font-family: Inter; font-family: Inter;
@ -802,6 +811,10 @@
.desktop-menu-dropdown-list { .desktop-menu-dropdown-list {
display: none; display: none;
} }
.embedded-video {
width: 480px;
height: 270px;
}
} }
@media(max-width: 479px) { @media(max-width: 479px) {
.section-head { .section-head {
@ -835,4 +848,8 @@
.event-list { .event-list {
width: 90%; width: 90%;
} }
.embedded-video {
width: 400px;
height: 225px;
}
} }

View file

@ -8,23 +8,25 @@
<div class="text-body"> <div class="text-body">
<span> <span>
<span> <span>
OpenVisor ist eine non-profit Marke unter welcher wir Geschichten OpenVisor ist eine non-profit Marke unter welcher Geschichten erfunden
erfinden und erzählen und allerlei damit verbundene Kunst erschaffen. und erzählt werden und allerlei damit verbundene Kunst. OpenVisor
garantiert, dass alle ihre Inhalte frei verfügbar bleiben. Bei LARPs die
noch kommende Veranstaltungen haben werden die Inhalte erst nach der
letzten Durchführung veröffentlicht um Spoilter zu vermeiden.
</span> </span>
<br /> <br />
<br /> <br />
<span> <span>
Bis jetzt ist Hermann das einzige offizielle Mitglied vom OpenVisor Bis jetzt hat nur Hermann Werke unter der OpenVisor Marke erstellt aber
Team. In Zukunft wird es sicher mehr Mitglieder im Team geben. Wenn es man darf gerne mit ihm in Kontakt treten wenn man hier etwas
soweit ist, wird OpenVisor wahrscheinlich in einem Verein organisiert veröffentlichen möchte.
werden.
</span> </span>
<br /> <br />
<br /> <br />
<span> <span>
Vielleicht sind wir uns ja schonmal über den Weg gelaufen, ohne es zu Vielleicht sind wir uns ja schonmal über den Weg gelaufen, ohne es zu
merken. Folgend ist eine Liste von Larps und ähnlichen Veranstaltungen merken. Folgend ist eine Liste von LARPs und ähnlichen Veranstaltungen
an denen Hermann teilgenommen hat und teilnehmen wird. :) an denen Hermann teilgenommen hat oder noch teilnehmen wird. :)
</span> </span>
<br /> <br />
</span> </span>

View file

@ -34,7 +34,7 @@ export default {
AppKontakt, AppKontakt,
}, },
metaInfo: { metaInfo: {
title: 'OpenVisor - Drama Games', title: 'OpenVisor - Games',
meta: [ meta: [
{ {
name: 'description', name: 'description',
@ -43,7 +43,7 @@ export default {
}, },
{ {
property: 'og:title', property: 'og:title',
content: 'OpenVisor - Drama Games', content: 'OpenVisor - Games',
}, },
{ {
property: 'og:description', property: 'og:description',

View file

@ -10,18 +10,15 @@
<br /> <br />
</span> </span>
<div class="text-body"> <div class="text-body">
<span>
<span> <span>
Ein Videospiel in einer von George Orwells &quot;Nineteen Ein Videospiel in einer von George Orwells &quot;Nineteen
Eighty-Four&quot; inspirierten Dystopie in der die Bevölkerung Eighty-Four&quot; inspirierten Dystopie, in der die Bevölkerung
ununterbrochen in Fabriken Kampfroboter baut welche die anderen, ununterbrochen in Fabriken Kampfroboter baut, welche die anderen,
feindlichen Städte zerstören. Man spielt aber nur die Arbeitskraft im feindlichen Städte zerstören. Man spielt aber nur die Arbeitskraft im Kran
Kran und muss ähnlich wie bei dem klassischen Arcade-Klauen-Spiel und muss ähnlich wie bei der klassischen Arcade-Klauenmaschine Gegenstände
Gegenstände hochhiefen, im Spiel dann aber an die richtige Stelle tragen hochhieven, im Spiel dann aber an die richtige Stelle tragen, um den
um den jeweiligen Roboter Stück für Stück fertigzustellen. Der Kunststil jeweiligen Roboter Stück für Stück fertigzustellen. Der Kunststil der
der Texturen ist stark von Metropolis inspiriert. Texturen ist stark von Metropolis inspiriert.
</span>
<br />
</span> </span>
</div> </div>
<a <a

View file

@ -6,8 +6,8 @@
src="/openvisor_logo_only_text_compressed-200h.png" src="/openvisor_logo_only_text_compressed-200h.png"
class="home-image" class="home-image"
/> />
<section class="home-veranstaltungen-kapitel"> <section class="home-kapitel-veranstaltungen">
<header class="home-veranstaltungen-titel"> <header class="home-titel-veranstaltungen">
<h2 class="uppercase section-head home-section"> <h2 class="uppercase section-head home-section">
Kommende Veranstaltungen Kommende Veranstaltungen
</h2> </h2>
@ -17,21 +17,38 @@
></kommende-letzte-gelegenheit-runs> ></kommende-letzte-gelegenheit-runs>
</section> </section>
<section class="card-container"> <section class="card-container">
<h2 class="section-head">LARPs</h2> <router-link to="/larps">
<h2 class="home-titel-larps section-head">LARPs</h2>
</router-link>
<summary-larps></summary-larps> <summary-larps></summary-larps>
</section> </section>
<section class="card-container"> <section class="card-container">
<h2 class="section-head"> <router-link to="/games">
<h2 class="home-titel-games section-head">
<span>GAMES</span> <span>GAMES</span>
<br /> <br />
</h2> </h2>
</router-link>
<summary-games></summary-games> <summary-games></summary-games>
</section> </section>
<section class="card-container"> <section class="card-container">
<h2 class="uppercase section-head"> <router-link to="/kurzfilme">
<h2 class="home-titel-kurzfilme section-head">
<span>KURZFILME</span>
<br />
</h2>
</router-link>
<summary-shortfilms
rootClassName="summary-shortfilms-root-class-name"
></summary-shortfilms>
</section>
<section class="card-container">
<router-link to="/kurzgeschichten">
<h2 class="home-titel-kurzgeschichten uppercase section-head">
<span>Kurzgeschichten</span> <span>Kurzgeschichten</span>
<br /> <br />
</h2> </h2>
</router-link>
<summary-shortstories></summary-shortstories> <summary-shortstories></summary-shortstories>
</section> </section>
<app-kontakt></app-kontakt> <app-kontakt></app-kontakt>
@ -43,6 +60,7 @@ import AppNavigation from '../components/navigation'
import KommendeLetzteGelegenheitRuns from '../components/kommende-letzte-gelegenheit-runs' import KommendeLetzteGelegenheitRuns from '../components/kommende-letzte-gelegenheit-runs'
import SummaryLarps from '../components/summary-larps' import SummaryLarps from '../components/summary-larps'
import SummaryGames from '../components/summary-games' import SummaryGames from '../components/summary-games'
import SummaryShortfilms from '../components/summary-shortfilms'
import SummaryShortstories from '../components/summary-shortstories' import SummaryShortstories from '../components/summary-shortstories'
import AppKontakt from '../components/kontakt' import AppKontakt from '../components/kontakt'
@ -54,6 +72,7 @@ export default {
KommendeLetzteGelegenheitRuns, KommendeLetzteGelegenheitRuns,
SummaryLarps, SummaryLarps,
SummaryGames, SummaryGames,
SummaryShortfilms,
SummaryShortstories, SummaryShortstories,
AppKontakt, AppKontakt,
}, },
@ -88,7 +107,7 @@ export default {
.home-image { .home-image {
width: 640px; width: 640px;
} }
.home-veranstaltungen-kapitel { .home-kapitel-veranstaltungen {
gap: var(--dl-space-space-halfunit); gap: var(--dl-space-space-halfunit);
flex: 1; flex: 1;
width: 100%; width: 100%;
@ -102,7 +121,7 @@ export default {
justify-content: center; justify-content: center;
border-top-width: 0px; border-top-width: 0px;
} }
.home-veranstaltungen-titel { .home-titel-veranstaltungen {
gap: var(--dl-space-space-oneandhalfunits); gap: var(--dl-space-space-oneandhalfunits);
width: 100%; width: 100%;
display: flex; display: flex;
@ -112,6 +131,18 @@ export default {
padding-bottom: var(--dl-space-space-oneandhalfunits); padding-bottom: var(--dl-space-space-oneandhalfunits);
justify-content: center; justify-content: center;
} }
.home-titel-larps {
text-decoration: none;
}
.home-titel-games {
text-decoration: none;
}
.home-titel-kurzfilme {
text-decoration: none;
}
.home-titel-kurzgeschichten {
text-decoration: none;
}
@media(max-width: 991px) { @media(max-width: 991px) {
.home-image { .home-image {
width: 420px; width: 420px;
@ -121,13 +152,13 @@ export default {
.home-image { .home-image {
margin-top: var(--dl-space-space-unit); margin-top: var(--dl-space-space-unit);
} }
.home-veranstaltungen-kapitel { .home-kapitel-veranstaltungen {
width: auto; width: auto;
border-color: transparent; border-color: transparent;
} }
} }
@media(max-width: 479px) { @media(max-width: 479px) {
.home-veranstaltungen-titel { .home-titel-veranstaltungen {
width: auto; width: auto;
height: auto; height: auto;
max-width: auto; max-width: auto;

71
src/views/kurzfilme.vue Normal file
View file

@ -0,0 +1,71 @@
<template>
<div class="kurzfilme-container">
<app-navigation rootClassName="navigation-root-class-name42"></app-navigation>
<h1 class="page-title">Kurzfilme</h1>
<div class="text-body">
<span>
Hermann hat derzeit mehrere Drehbücher parallel in Planung für kommende
Kurzfilmprojekte. Wenn Du Interesse hast mitzumachen als schauspielende
Person oder Statist, bei der Bedienung der Kamera, Lichter und/oder dem
Mikrofon oder dem Make-up der Schauspielenden kannst Du Dich gerne bei ihm
melden.
</span>
</div>
<div class="card-container">
<summary-shortfilms
rootClassName="summary-shortfilms-root-class-name1"
></summary-shortfilms>
</div>
<app-kontakt rootClassName="kontakt-root-class-name30"></app-kontakt>
</div>
</template>
<script>
import AppNavigation from '../components/navigation'
import SummaryShortfilms from '../components/summary-shortfilms'
import AppKontakt from '../components/kontakt'
export default {
name: 'Kurzfilme',
props: {},
components: {
AppNavigation,
SummaryShortfilms,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Kurzfilme',
meta: [
{
name: 'description',
content:
'Hermann hat derzeit mehrere Drehbücher parallel in Planung für kommende Kurzfilmprojekte. Wenn Du Interesse hast, mitzumachen, melde Dich gerne bei ihm.',
},
{
property: 'og:title',
content: 'OpenVisor - Kurzfilme',
},
{
property: 'og:description',
content:
'Hermann hat derzeit mehrere Drehbücher parallel in Planung für kommende Kurzfilmprojekte. Wenn Du Interesse hast, mitzumachen, melde Dich gerne bei ihm.',
},
],
},
}
</script>
<style scoped>
.kurzfilme-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>

View file

@ -0,0 +1,108 @@
<template>
<div class="die-legende-vom-wolf-des-sdens-container">
<app-navigation rootClassName="navigation-root-class-name41"></app-navigation>
<h1 class="page-title">
<span>Die Legende vom Wolf des Südens</span>
<br />
</h1>
<span class="page-subtitle">
<span>Trailer als low-budget Virtual Production Proof of Concept</span>
<br />
</span>
<iframe
src="https://www.youtube.com/embed/gaaC1lg-qYU?si=9lNTQKMdJcN-wBTy"
class="die-legende-vom-wolf-des-sdens-trailer-video embedded-video"
></iframe>
<div class="text-body">
<span>
<span>
&quot;Nachdem Langeweile sie dazu bringt, ihre Pflichten zu
vernachlässigen, finden uralte, geächtete Kräfte ihren Weg zurück ins
Licht. Solei, eine aussergewöhnliche Schülerin der arkanen Künste,
flieht in eine Welt voller Angst und Verzweiflung. Auf einer Reise zu
sich selbst lernt die junge Frau die Geister der Natur kennen und
entdeckt ihre wahren magischen Kräfte.&quot;
</span>
<br />
<br />
<span>
In diesem Trailer zu einem hypothetischen Kurzfilm experimentierten
Freunde und ich mit low-budget Virtual Production.
</span>
<br />
<br />
<span>
Hermann war zuständig für die Gestaltung, Ausrüstung und Animationen der
virtuellen Charaktere, stellte Teile der Ausrüstung, machte das Make-Up
für die Schauspielenden und durfte auch noch ein wenig Statist spielen.
</span>
<br />
</span>
</div>
<a
href="https://visuation.ch/films/wolf-des-s%C3%BCdens"
target="_blank"
rel="noreferrer noopener"
class="die-legende-vom-wolf-des-sdens-download-button button"
>
<span class="button-text">offizielle Seite zum Projekt</span>
</a>
<app-kontakt rootClassName="kontakt-root-class-name29"></app-kontakt>
</div>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'DieLegendeVomWolfDesSdens',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Die Legende vom Wolf des Südens',
meta: [
{
name: 'description',
content:
'In diesem Trailer zu einem hypothetischen Kurzfilm experimentierten Freunde und ich mit low-budget Virtual Production.',
},
{
property: 'og:title',
content: 'OpenVisor - Die Legende vom Wolf des Südens',
},
{
property: 'og:description',
content:
'In diesem Trailer zu einem hypothetischen Kurzfilm experimentierten Freunde und ich mit low-budget Virtual Production.',
},
],
},
}
</script>
<style scoped>
.die-legende-vom-wolf-des-sdens-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;
}
.die-legende-vom-wolf-des-sdens-trailer-video {
margin-bottom: 0px;
}
.die-legende-vom-wolf-des-sdens-download-button {
text-decoration: none;
}
</style>

View file

@ -79,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="rawwtzq"></span> <span v-html="raw4ubi"></span>
</span> </span>
<span>Geziefer dort treibt...</span> <span>Geziefer dort treibt...</span>
<br /> <br />
@ -247,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="rawv7rj"></span> <span v-html="rawkigv"></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
@ -298,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 ziertens. Hässliche Beulen. Der Teufel aber wart woanders... Beulen ziertens. Hässliche Beulen. Der Teufel aber wart woanders...
<span v-html="rawe3wy"></span> <span v-html="rawe85u"></span>
</span> </span>
</span> </span>
</div> </div>
@ -319,9 +319,9 @@ export default {
}, },
data() { data() {
return { return {
rawwtzq: ' ', raw4ubi: ' ',
rawv7rj: ' ', rawkigv: ' ',
rawe3wy: ' ', rawe85u: ' ',
} }
}, },
metaInfo: { metaInfo: {

View file

@ -1,7 +1,7 @@
<template> <template>
<div class="unwichtigster-mensch-container"> <div class="unwichtigster-mensch-container">
<app-navigation rootClassName="navigation-root-class-name34"></app-navigation> <app-navigation rootClassName="navigation-root-class-name34"></app-navigation>
<h1 class="page-title">Teilung zweier Welten</h1> <h1 class="page-title">Unwichtigster Mensch</h1>
<span class="page-subtitle"> <span class="page-subtitle">
<span>Kurzgeschichte zum Thema Konflikt, Oktober 2023</span> <span>Kurzgeschichte zum Thema Konflikt, Oktober 2023</span>
<br /> <br />

View file

@ -11,7 +11,7 @@
</span> </span>
<iframe <iframe
src="https://www.youtube-nocookie.com/embed/7cH4QuUSUaU" src="https://www.youtube-nocookie.com/embed/7cH4QuUSUaU"
class="letzte-gelegenheit-teaser-video" class="embedded-video"
></iframe> ></iframe>
<h1 class="uppercase character-title section-head"> <h1 class="uppercase character-title section-head">
<span>Setting</span> <span>Setting</span>
@ -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="rawrqf0"></span> <span v-html="rawpfun"></span>
</span> </span>
<span>Spiel startet.</span> <span>Spiel startet.</span>
<br /> <br />
@ -127,7 +127,7 @@
<span class="character-function"> <span class="character-function">
<span> <span>
Leitung der Justizvollzugsanstalt Leitung der Justizvollzugsanstalt
<span v-html="rawm0z7"></span> <span v-html="rawff7c"></span>
</span> </span>
<br /> <br />
</span> </span>
@ -276,8 +276,8 @@
</p> </p>
<p class="character-teaser-text"> <p class="character-teaser-text">
<span> <span>
Wärter Krüger arbeitet seit 4 Jahren im Gefängnis Schwarzbach. Krüger Wärter*in Krüger arbeitet seit 4 Jahren im Gefängnis Schwarzbach.
ist für die Bunkerelektrik Krüger ist für die Bunkerelektrik
</span> </span>
<span> <span>
zuständig, weil sich Krüger damit am besten auskennt. Krüger zuständig, weil sich Krüger damit am besten auskennt. Krüger
@ -471,7 +471,7 @@
Tabellen und Graphen auf Notizzettel. Die Wärter mussten Jenatsch Tabellen und Graphen auf Notizzettel. Die Wärter mussten Jenatsch
schon mehrmals dafür bestrafen, als Jenatsch diese trotz Warnungen schon mehrmals dafür bestrafen, als Jenatsch diese trotz Warnungen
überall wieder liegen liess. überall wieder liegen liess.
<span v-html="rawdhsp"></span> <span v-html="rawpej1"></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 />
@ -538,7 +538,7 @@
<div class="character-description"> <div class="character-description">
<h2 class="character-name"> <h2 class="character-name">
Lindbeck Lindbeck
<span v-html="rawokz1"></span> <span v-html="raw4a8v"></span>
</h2> </h2>
<span class="character-function"> <span class="character-function">
<span>Häftling</span> <span>Häftling</span>
@ -667,8 +667,11 @@
<p> <p>
<span> <span>
Konzipiert und organisiert wurde und wird das gesamte LARP von Hermann. Konzipiert und organisiert wurde und wird das gesamte LARP von Hermann.
Bei Runs 3 und 4 haben Robin Plötzwich und Annabelle Bitzmann als Bei Runs 3, 4, 5 und 6 haben Robin Plötzwich und Annabelle Bitzmann beim
Spielleitung geholfen und Sydney Mikosch bei Run 4 bei der Verpflegung. Aufbau und als Spielleitung geholfen und Sydney Mikosch bei Run 4 bei
der Verpflegung. Weitere Helfende haben selbst zusätzliche Funksprüche
für den Militärfunk geschrieben und/oder vertont. Diese sind hier (noch)
nicht gelistet um die Immersion während dem Spiel zu wahren.
</span> </span>
<br /> <br />
<br /> <br />
@ -707,7 +710,7 @@
<br /> <br />
<span> <span>
- -
<span v-html="rawhftz"></span> <span v-html="rawn3xc"></span>
</span> </span>
<span>Phil U.</span> <span>Phil U.</span>
<br /> <br />
@ -734,11 +737,11 @@ export default {
}, },
data() { data() {
return { return {
rawrqf0: ' ', rawpfun: ' ',
rawm0z7: ' ', rawff7c: ' ',
rawdhsp: ' ', rawpej1: ' ',
rawokz1: ' ', raw4a8v: ' ',
rawhftz: ' ', rawn3xc: ' ',
} }
}, },
metaInfo: { metaInfo: {
@ -783,14 +786,6 @@ export default {
background-image: url("/forest-background-luca-dross-1500w.jpg"); background-image: url("/forest-background-luca-dross-1500w.jpg");
background-position: top left; background-position: top left;
} }
.letzte-gelegenheit-teaser-video {
width: 640px;
height: 360px;
margin-top: 20px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: -40px;
}
.letzte-gelegenheit-setting-container { .letzte-gelegenheit-setting-container {
width: 95%; width: 95%;
} }
@ -844,19 +839,11 @@ export default {
} }
} }
@media(max-width: 767px) { @media(max-width: 767px) {
.letzte-gelegenheit-teaser-video {
width: 480px;
height: 270px;
}
.letzte-gelegenheit-veranstaltungen-kapitel { .letzte-gelegenheit-veranstaltungen-kapitel {
border-color: transparent; border-color: transparent;
} }
} }
@media(max-width: 479px) { @media(max-width: 479px) {
.letzte-gelegenheit-teaser-video {
width: 400px;
height: 225px;
}
.letzte-gelegenheit-veranstaltungen-titel { .letzte-gelegenheit-veranstaltungen-titel {
width: auto; width: auto;
height: auto; height: auto;