Another manual attempt
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
BIN
public/Charaktere/jankovic-200h.png
Normal file
After Width: | Height: | Size: 26 KiB |
BIN
public/Charaktere/jenatsch-min-200h.png
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
public/Charaktere/krueger-min-200h.png
Normal file
After Width: | Height: | Size: 24 KiB |
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 31 KiB |
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
BIN
public/denied-800w.png
Normal file
After Width: | Height: | Size: 30 KiB |
Before Width: | Height: | Size: 18 KiB |
Before Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 19 KiB |
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
@ -32,7 +32,7 @@
|
|||
<br />
|
||||
<span>
|
||||
·
|
||||
<span v-html="rawtrjh"></span>
|
||||
<span v-html="raw5yhg"></span>
|
||||
</span>
|
||||
<span>
|
||||
Intensive Momente und Emotionen ermöglichen, die in Erinnerung
|
||||
|
@ -42,7 +42,7 @@
|
|||
<br />
|
||||
<span>
|
||||
·
|
||||
<span v-html="rawx8eu"></span>
|
||||
<span v-html="raw9bj6"></span>
|
||||
</span>
|
||||
<span>
|
||||
Persönliche Auseinandersetzungen der Spieler mit nicht
|
||||
|
@ -53,7 +53,7 @@
|
|||
<br />
|
||||
<span>
|
||||
·
|
||||
<span v-html="rawbnyl"></span>
|
||||
<span v-html="rawhf3e"></span>
|
||||
</span>
|
||||
<span>
|
||||
Interne Charakterentwicklung oder -verfestigung durch externe
|
||||
|
@ -63,14 +63,14 @@
|
|||
<br />
|
||||
<span>
|
||||
·
|
||||
<span v-html="rawxwj0"></span>
|
||||
<span v-html="rawz4nf"></span>
|
||||
</span>
|
||||
<span>Dilemmata mit sich selbst und mit anderen.</span>
|
||||
<br />
|
||||
<br />
|
||||
<span>
|
||||
·
|
||||
<span v-html="rawedge"></span>
|
||||
<span v-html="rawkvu1"></span>
|
||||
</span>
|
||||
<span>
|
||||
Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern
|
||||
|
@ -254,7 +254,7 @@
|
|||
<br />
|
||||
<span>
|
||||
Wir werden das
|
||||
<span v-html="rawii6w"></span>
|
||||
<span v-html="raw2a4d"></span>
|
||||
</span>
|
||||
<router-link to="/larpkonzept" class="info-box-navlink">
|
||||
Open Visor Larpkonzept
|
||||
|
@ -518,7 +518,7 @@
|
|||
<br />
|
||||
<span>
|
||||
Parkplatz:
|
||||
<span v-html="raw3bvl"></span>
|
||||
<span v-html="raww5cs"></span>
|
||||
</span>
|
||||
<a
|
||||
href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA"
|
||||
|
@ -1387,7 +1387,7 @@ export default {
|
|||
props: {
|
||||
image_src: {
|
||||
type: String,
|
||||
default: '/letzte-gelegenheit/zsa_weisslingen-1100w.png',
|
||||
default: '/zsa_weisslingen-1100w.png',
|
||||
},
|
||||
Text2: {
|
||||
type: String,
|
||||
|
@ -1458,13 +1458,13 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
rawtrjh: ' ',
|
||||
rawx8eu: ' ',
|
||||
rawbnyl: ' ',
|
||||
rawxwj0: ' ',
|
||||
rawedge: ' ',
|
||||
rawii6w: ' ',
|
||||
raw3bvl: ' ',
|
||||
raw5yhg: ' ',
|
||||
raw9bj6: ' ',
|
||||
rawhf3e: ' ',
|
||||
rawz4nf: ' ',
|
||||
rawkvu1: ' ',
|
||||
raw2a4d: ' ',
|
||||
raww5cs: ' ',
|
||||
}
|
||||
},
|
||||
}
|
||||
|
|
|
@ -15,7 +15,7 @@
|
|||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Footer',
|
||||
name: 'Kontakt',
|
||||
props: {
|
||||
Text: {
|
||||
type: String,
|
||||
|
@ -32,7 +32,8 @@ export default {
|
|||
|
||||
<style scoped>
|
||||
.footer-footer {
|
||||
gap: 20%;
|
||||
gap: var(--dl-space-space-unit);
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
position: relative;
|
||||
|
@ -41,24 +42,16 @@ export default {
|
|||
padding-left: var(--dl-space-space-oneandhalfunits);
|
||||
margin-bottom: 10%;
|
||||
padding-right: var(--dl-space-space-oneandhalfunits);
|
||||
flex-direction: row;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.footer-kontakt {
|
||||
flex: 0 0 auto;
|
||||
width: 200px;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
flex-direction: column;
|
||||
}
|
||||
.footer-kontakt1 {
|
||||
color: #ffffff;
|
||||
font-size: 36px;
|
||||
align-self: center;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.footer-email {
|
||||
.footer-kontakt1 {
|
||||
color: #ffff00;
|
||||
font-size: 18px;
|
||||
align-self: center;
|
||||
|
@ -66,11 +59,6 @@ export default {
|
|||
font-weight: 300;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.footer-newsletter-form {
|
||||
width: 320px;
|
||||
height: 360px;
|
||||
margin-bottom: var(--dl-space-space-twounits);
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -8,7 +8,7 @@
|
|||
<h1 class="row1-header1">
|
||||
<span>
|
||||
Leitung der Justizvollzugsanstalt
|
||||
<span v-html="raw1wcw"></span>
|
||||
<span v-html="raw7lbp"></span>
|
||||
</span>
|
||||
<br />
|
||||
</h1>
|
||||
|
@ -104,7 +104,7 @@ export default {
|
|||
},
|
||||
image_src: {
|
||||
type: String,
|
||||
default: '/letzte-gelegenheit/charaktere/aubert-200h.png',
|
||||
default: '/Charaktere/aubert-200h.png',
|
||||
},
|
||||
Themes1: {
|
||||
type: String,
|
||||
|
@ -112,7 +112,7 @@ export default {
|
|||
},
|
||||
image_src1: {
|
||||
type: String,
|
||||
default: '/letzte-gelegenheit/charaktere/bellucci-200h.png',
|
||||
default: '/Charaktere/bellucci-200h.png',
|
||||
},
|
||||
image_alt: {
|
||||
type: String,
|
||||
|
@ -125,7 +125,7 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
raw1wcw: ' ',
|
||||
raw7lbp: ' ',
|
||||
}
|
||||
},
|
||||
}
|
||||
|
|
|
@ -103,7 +103,7 @@ export default {
|
|||
},
|
||||
image_src: {
|
||||
type: String,
|
||||
default: '/letzte-gelegenheit/charaktere/jankovic-200h.png',
|
||||
default: '/Charaktere/jankovic-200h.png',
|
||||
},
|
||||
Header1: {
|
||||
type: String,
|
||||
|
@ -119,7 +119,7 @@ export default {
|
|||
},
|
||||
image_src1: {
|
||||
type: String,
|
||||
default: '/letzte-gelegenheit/charaktere/krueger-min-200h.png',
|
||||
default: '/Charaktere/krueger-min-200h.png',
|
||||
},
|
||||
},
|
||||
}
|
||||
|
|
|
@ -61,7 +61,7 @@ export default {
|
|||
},
|
||||
image_src1: {
|
||||
type: String,
|
||||
default: '/letzte-gelegenheit/charaktere/hagiro-200h.png',
|
||||
default: '/Charaktere/hagiro-200h.png',
|
||||
},
|
||||
text11: {
|
||||
type: String,
|
||||
|
@ -79,7 +79,7 @@ export default {
|
|||
},
|
||||
image_src: {
|
||||
type: String,
|
||||
default: '/letzte-gelegenheit/charaktere/schmidt-min-200h.png',
|
||||
default: '/Charaktere/schmidt-min-200h.png',
|
||||
},
|
||||
image_alt: {
|
||||
type: String,
|
||||
|
|
|
@ -67,7 +67,7 @@ export default {
|
|||
},
|
||||
image_src1: {
|
||||
type: String,
|
||||
default: '/letzte-gelegenheit/charaktere/collins-200h.png',
|
||||
default: '/Charaktere/collins-200h.png',
|
||||
},
|
||||
Header1: {
|
||||
type: String,
|
||||
|
@ -80,7 +80,7 @@ export default {
|
|||
},
|
||||
image_src: {
|
||||
type: String,
|
||||
default: '/letzte-gelegenheit/charaktere/rodriguez-min-200h.png',
|
||||
default: '/Charaktere/rodriguez-min-200h.png',
|
||||
},
|
||||
text1: {
|
||||
type: String,
|
||||
|
|
|
@ -75,7 +75,7 @@
|
|||
Tabellen und Graphen auf Notizzettel. Die Wärter mussten Jenatsch schon
|
||||
mehrmals dafür bestrafen, als Jenatsch diese trotz Warnungen überall
|
||||
wieder liegen liess.
|
||||
<span v-html="rawfh0e"></span>
|
||||
<span v-html="rawveyy"></span>
|
||||
</span>
|
||||
<span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span>
|
||||
<br />
|
||||
|
@ -105,7 +105,7 @@ export default {
|
|||
},
|
||||
image_src: {
|
||||
type: String,
|
||||
default: '/letzte-gelegenheit/charaktere/lindbeck-200h.png',
|
||||
default: '/Charaktere/lindbeck-200h.png',
|
||||
},
|
||||
Header1: {
|
||||
type: String,
|
||||
|
@ -113,7 +113,7 @@ export default {
|
|||
},
|
||||
image_src1: {
|
||||
type: String,
|
||||
default: '/letzte-gelegenheit/charaktere/jenatsch-min-200h.png',
|
||||
default: '/Charaktere/jenatsch-min-200h.png',
|
||||
},
|
||||
image_alt: {
|
||||
type: String,
|
||||
|
@ -122,7 +122,7 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
rawfh0e: ' ',
|
||||
rawveyy: ' ',
|
||||
}
|
||||
},
|
||||
}
|
||||
|
|
|
@ -65,7 +65,7 @@ export default {
|
|||
},
|
||||
image_src1: {
|
||||
type: String,
|
||||
default: '/letzte-gelegenheit/charaktere/pavone-200h.png',
|
||||
default: '/Charaktere/pavone-200h.png',
|
||||
},
|
||||
text1: {
|
||||
type: String,
|
||||
|
@ -89,7 +89,7 @@ export default {
|
|||
},
|
||||
image_src: {
|
||||
type: String,
|
||||
default: '/letzte-gelegenheit/charaktere/sartre-200h.png',
|
||||
default: '/Charaktere/sartre-200h.png',
|
||||
},
|
||||
text32: {
|
||||
type: String,
|
||||
|
|
|
@ -7,9 +7,11 @@
|
|||
<h3 class="veranstaltungen-liste-run1 event-title">{{ Run1 }}</h3>
|
||||
<p class="veranstaltungen-liste-datum event-date">{{ Datum1 }}</p>
|
||||
<p class="veranstaltungen-liste-standort event-location">{{ Standort1 }}</p>
|
||||
<p class="veranstaltungen-liste-warteliste event-location">
|
||||
durchgeführt mit 15 Personen
|
||||
</p>
|
||||
<div class="veranstaltungen-liste-container">
|
||||
<p class="veranstaltungen-liste-warteliste event-location">
|
||||
durchgeführt mit 15 Personen
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="veranstaltungen-liste-letzte-gelegenheit-run2 event-entry">
|
||||
<h3 class="veranstaltungen-liste-run2 event-title">{{ Run2 }}</h3>
|
||||
|
@ -23,9 +25,11 @@
|
|||
<span>Ewaldstrasse 20, 45699 Herten</span>
|
||||
<br />
|
||||
</p>
|
||||
<p class="veranstaltungen-liste-plaetze event-location">
|
||||
durchgeführt mit 15 Personen
|
||||
</p>
|
||||
<div class="veranstaltungen-liste-container1">
|
||||
<p class="veranstaltungen-liste-plaetze event-location">
|
||||
durchgeführt mit 15 Personen
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="veranstaltungen-liste-letzte-gelegenheit-run3 event-entry">
|
||||
<h3 class="veranstaltungen-liste-run3 event-title">{{ Run3 }}</h3>
|
||||
|
@ -39,9 +43,11 @@
|
|||
<span>Ewaldstrasse 20, 45699 Herten</span>
|
||||
<br />
|
||||
</p>
|
||||
<p class="veranstaltungen-liste-plaetze1 event-location">
|
||||
durchgeführt mit 15 Personen
|
||||
</p>
|
||||
<div class="veranstaltungen-liste-container2">
|
||||
<p class="veranstaltungen-liste-plaetze1 event-location">
|
||||
durchgeführt mit 15 Personen
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="veranstaltungen-liste-letzte-gelegenheit-run4 event-entry">
|
||||
<h3 class="veranstaltungen-liste-run4 event-title">{{ Run4 }}</h3>
|
||||
|
@ -123,7 +129,7 @@ export default {
|
|||
},
|
||||
Run41: {
|
||||
type: String,
|
||||
default: 'Run 5',
|
||||
default: 'Run 5 (Deutschland)',
|
||||
},
|
||||
},
|
||||
}
|
||||
|
@ -150,6 +156,13 @@ export default {
|
|||
.veranstaltungen-liste-standort {
|
||||
color: var(--dl-color-gray-700);
|
||||
}
|
||||
.veranstaltungen-liste-container {
|
||||
flex: 0 0 auto;
|
||||
width: 200px;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
flex-direction: column;
|
||||
}
|
||||
.veranstaltungen-liste-warteliste {
|
||||
color: var(--dl-color-success-700);
|
||||
text-align: left;
|
||||
|
@ -166,6 +179,13 @@ export default {
|
|||
.veranstaltungen-liste-standort1 {
|
||||
color: var(--dl-color-gray-700);
|
||||
}
|
||||
.veranstaltungen-liste-container1 {
|
||||
flex: 0 0 auto;
|
||||
width: 200px;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
flex-direction: column;
|
||||
}
|
||||
.veranstaltungen-liste-plaetze {
|
||||
color: var(--dl-color-success-700);
|
||||
text-align: left;
|
||||
|
@ -182,6 +202,13 @@ export default {
|
|||
.veranstaltungen-liste-standort2 {
|
||||
color: var(--dl-color-gray-700);
|
||||
}
|
||||
.veranstaltungen-liste-container2 {
|
||||
flex: 0 0 auto;
|
||||
width: 200px;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
flex-direction: column;
|
||||
}
|
||||
.veranstaltungen-liste-plaetze1 {
|
||||
color: var(--dl-color-success-700);
|
||||
text-align: left;
|
||||
|
@ -189,17 +216,19 @@ export default {
|
|||
.veranstaltungen-liste-letzte-gelegenheit-run4 {
|
||||
border-bottom-width: 0px;
|
||||
}
|
||||
.veranstaltungen-liste-run4 {
|
||||
color: var(--dl-color-gray-700);
|
||||
}
|
||||
.veranstaltungen-liste-datum3 {
|
||||
color: var(--dl-color-gray-700);
|
||||
}
|
||||
.veranstaltungen-liste-standort3 {
|
||||
color: var(--dl-color-gray-700);
|
||||
.veranstaltungen-liste-container3 {
|
||||
flex: 0 0 auto;
|
||||
width: 200px;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
flex-direction: column;
|
||||
}
|
||||
.veranstaltungen-liste-plaetze2 {
|
||||
color: var(--dl-color-success-700);
|
||||
color: rgb(221, 0, 0);
|
||||
text-align: left;
|
||||
}
|
||||
.veranstaltungen-liste-warteliste1 {
|
||||
color: rgb(0, 221, 0);
|
||||
text-align: left;
|
||||
}
|
||||
.veranstaltungen-liste-letzte-gelegenheit-run5 {
|
||||
|
|
|
@ -2,11 +2,14 @@ import Vue from 'vue'
|
|||
import Router from 'vue-router'
|
||||
import Meta from 'vue-meta'
|
||||
|
||||
import NotFound from './views/not-found'
|
||||
import Bologna from './views/bologna'
|
||||
import SsseTrume from './views/ssse-trume'
|
||||
import Tauglichkeitsexamen from './views/tauglichkeitsexamen'
|
||||
import Larpkonzept from './views/larpkonzept'
|
||||
import EinOrdenFrEineGuteTat from './views/ein-orden-fr-eine-gute-tat'
|
||||
import LetzteGelegenheit from './views/letzte-gelegenheit'
|
||||
import Urlaubsantrag from './views/urlaubsantrag'
|
||||
import Alptraum from './views/alptraum'
|
||||
import Rosenteufel from './views/rosenteufel'
|
||||
import Home from './views/home'
|
||||
import './style.css'
|
||||
|
@ -17,15 +20,20 @@ export default new Router({
|
|||
mode: 'history',
|
||||
routes: [
|
||||
{
|
||||
name: '404 - Not Found',
|
||||
path: '**',
|
||||
component: NotFound,
|
||||
name: 'Bologna',
|
||||
path: '/bologna',
|
||||
component: Bologna,
|
||||
},
|
||||
{
|
||||
name: 'Ssse-Trume',
|
||||
path: '/suesse-traeume',
|
||||
component: SsseTrume,
|
||||
},
|
||||
{
|
||||
name: 'Tauglichkeitsexamen',
|
||||
path: '/tauglichkeitsexamen',
|
||||
component: Tauglichkeitsexamen,
|
||||
},
|
||||
{
|
||||
name: 'Larpkonzept',
|
||||
path: '/larpkonzept',
|
||||
|
@ -41,6 +49,16 @@ export default new Router({
|
|||
path: '/letzte-gelegenheit',
|
||||
component: LetzteGelegenheit,
|
||||
},
|
||||
{
|
||||
name: 'Urlaubsantrag',
|
||||
path: '/urlaubsantrag',
|
||||
component: Urlaubsantrag,
|
||||
},
|
||||
{
|
||||
name: 'Alptraum',
|
||||
path: '/alptraum',
|
||||
component: Alptraum,
|
||||
},
|
||||
{
|
||||
name: 'Rosenteufel',
|
||||
path: '/rosenteufel',
|
||||
|
|
95
src/views/alptraum.vue
Normal file
|
@ -0,0 +1,95 @@
|
|||
<template>
|
||||
<div class="alptraum-container">
|
||||
<app-navigation rootClassName="navigation-root-class-name7"></app-navigation>
|
||||
<span class="site-title">Alptraum</span>
|
||||
<span class="alptraum-caption1">
|
||||
<span>Abyssus abyssum invocat, Anni...</span>
|
||||
<br />
|
||||
</span>
|
||||
<div class="alptraum-container1">
|
||||
<iframe
|
||||
src="https://www.youtube.com/embed/chh_x1NT8x4"
|
||||
class="alptraum-iframe"
|
||||
></iframe>
|
||||
</div>
|
||||
<app-kontakt></app-kontakt>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AppNavigation from '../components/navigation'
|
||||
import AppKontakt from '../components/kontakt'
|
||||
|
||||
export default {
|
||||
name: 'Alptraum',
|
||||
components: {
|
||||
AppNavigation,
|
||||
AppKontakt,
|
||||
},
|
||||
metaInfo: {
|
||||
title: 'Alptraum',
|
||||
meta: [
|
||||
{
|
||||
property: 'og:title',
|
||||
content: 'Alptraum',
|
||||
},
|
||||
],
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.alptraum-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");
|
||||
}
|
||||
.alptraum-caption1 {
|
||||
color: rgb(255, 255, 255);
|
||||
font-size: 20px;
|
||||
font-family: Fira Sans;
|
||||
line-height: 30px;
|
||||
}
|
||||
.alptraum-container1 {
|
||||
gap: var(--dl-space-space-twounits);
|
||||
flex: 0 0 auto;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.alptraum-iframe {
|
||||
width: 640px;
|
||||
height: 360px;
|
||||
margin-top: 20px;
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
margin-bottom: -40px;
|
||||
}
|
||||
@media(max-width: 991px) {
|
||||
.alptraum-caption1 {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
@media(max-width: 767px) {
|
||||
.alptraum-caption1 {
|
||||
color: rgb(255, 255, 255);
|
||||
font-size: 16px;
|
||||
font-family: Poppins;
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
@media(max-width: 479px) {
|
||||
.alptraum-caption1 {
|
||||
font-family: Poppins;
|
||||
}
|
||||
}
|
||||
</style>
|
110
src/views/bologna.vue
Normal file
|
@ -0,0 +1,110 @@
|
|||
<template>
|
||||
<div class="bologna-container">
|
||||
<app-navigation rootClassName="navigation-root-class-name6"></app-navigation>
|
||||
<span class="site-title">
|
||||
<span>Bologna meine Stadt</span>
|
||||
<br />
|
||||
</span>
|
||||
<span class="bologna-caption1">
|
||||
<span>Nunc est bibendum</span>
|
||||
<br />
|
||||
</span>
|
||||
<div class="bologna-container1">
|
||||
<a
|
||||
href="https://forms.gle/szigMcMga1hRrxh89"
|
||||
target="_blank"
|
||||
rel="noreferrer noopener"
|
||||
class="bologna-link"
|
||||
>
|
||||
<div class="bologna-geheim button">
|
||||
<span class="bologna-geheim1">Geheim</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<app-kontakt></app-kontakt>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AppNavigation from '../components/navigation'
|
||||
import AppKontakt from '../components/kontakt'
|
||||
|
||||
export default {
|
||||
name: 'Bologna',
|
||||
components: {
|
||||
AppNavigation,
|
||||
AppKontakt,
|
||||
},
|
||||
metaInfo: {
|
||||
title: 'Bologna',
|
||||
meta: [
|
||||
{
|
||||
property: 'og:title',
|
||||
content: 'Bologna',
|
||||
},
|
||||
],
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.bologna-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");
|
||||
}
|
||||
.bologna-caption1 {
|
||||
color: rgb(255, 255, 255);
|
||||
font-size: 20px;
|
||||
font-family: Fira Sans;
|
||||
line-height: 30px;
|
||||
}
|
||||
.bologna-container1 {
|
||||
gap: var(--dl-space-space-twounits);
|
||||
flex: 0 0 auto;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.bologna-link {
|
||||
display: contents;
|
||||
}
|
||||
.bologna-geheim {
|
||||
width: 200px;
|
||||
}
|
||||
.bologna-geheim1 {
|
||||
color: rgb(12, 16, 12);
|
||||
font-size: 20px;
|
||||
font-style: normal;
|
||||
font-family: Poppins;
|
||||
font-weight: 500;
|
||||
line-height: 24px;
|
||||
}
|
||||
@media(max-width: 991px) {
|
||||
.bologna-caption1 {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
@media(max-width: 767px) {
|
||||
.bologna-caption1 {
|
||||
color: rgb(255, 255, 255);
|
||||
font-size: 16px;
|
||||
font-family: Poppins;
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
@media(max-width: 479px) {
|
||||
.bologna-caption1 {
|
||||
font-family: Poppins;
|
||||
}
|
||||
}
|
||||
</style>
|
|
@ -50,19 +50,19 @@
|
|||
class="ein-orden-fr-eine-gute-tat-image"
|
||||
/>
|
||||
</div>
|
||||
<app-footer rootClassName="footer-root-class-name4"></app-footer>
|
||||
<app-kontakt rootClassName="kontakt-root-class-name4"></app-kontakt>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AppNavigation from '../components/navigation'
|
||||
import AppFooter from '../components/footer'
|
||||
import AppKontakt from '../components/kontakt'
|
||||
|
||||
export default {
|
||||
name: 'EinOrdenFrEineGuteTat',
|
||||
components: {
|
||||
AppNavigation,
|
||||
AppFooter,
|
||||
AppKontakt,
|
||||
},
|
||||
metaInfo: {
|
||||
title: 'OpenVisor - Ein Orden für eine gute Tat',
|
||||
|
|
|
@ -106,21 +106,21 @@
|
|||
</div>
|
||||
</main>
|
||||
</section>
|
||||
<app-footer></app-footer>
|
||||
<app-kontakt></app-kontakt>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AppNavigation from '../components/navigation'
|
||||
import VeranstaltungenListe from '../components/veranstaltungen-liste'
|
||||
import AppFooter from '../components/footer'
|
||||
import AppKontakt from '../components/kontakt'
|
||||
|
||||
export default {
|
||||
name: 'Home',
|
||||
components: {
|
||||
AppNavigation,
|
||||
VeranstaltungenListe,
|
||||
AppFooter,
|
||||
AppKontakt,
|
||||
},
|
||||
metaInfo: {
|
||||
title: 'OpenVisor',
|
||||
|
@ -129,10 +129,6 @@ export default {
|
|||
property: 'og:title',
|
||||
content: 'OpenVisor',
|
||||
},
|
||||
{
|
||||
name: 'robots',
|
||||
content: 'noindex',
|
||||
},
|
||||
],
|
||||
},
|
||||
}
|
||||
|
|
|
@ -20,19 +20,19 @@
|
|||
>
|
||||
zum Larpkonzept
|
||||
</a>
|
||||
<app-footer rootClassName="footer-root-class-name2"></app-footer>
|
||||
<app-kontakt rootClassName="kontakt-root-class-name2"></app-kontakt>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AppNavigation from '../components/navigation'
|
||||
import AppFooter from '../components/footer'
|
||||
import AppKontakt from '../components/kontakt'
|
||||
|
||||
export default {
|
||||
name: 'Larpkonzept',
|
||||
components: {
|
||||
AppNavigation,
|
||||
AppFooter,
|
||||
AppKontakt,
|
||||
},
|
||||
metaInfo: {
|
||||
title: 'OpenVisor - Larpkonzept',
|
||||
|
|
|
@ -51,7 +51,7 @@
|
|||
</header>
|
||||
<veranstaltungen-liste></veranstaltungen-liste>
|
||||
</section>
|
||||
<div class="letzte-gelegenheit-buttons">
|
||||
<div class="letzte-gelegenheit-container2">
|
||||
<a
|
||||
href="https://docs.google.com/document/d/1i-cVj809RqJtO-VaXjUsPew67gtylkIzL_3qc6mI_kE/edit?usp=sharing"
|
||||
target="_blank"
|
||||
|
@ -84,7 +84,7 @@
|
|||
</a>
|
||||
</div>
|
||||
<h2 class="character-title section-head">Charaktere</h2>
|
||||
<div class="letzte-gelegenheit-container2 text-body">
|
||||
<div class="letzte-gelegenheit-container3 text-body">
|
||||
<p>
|
||||
<span>
|
||||
Die Charaktere sind so geschrieben und verknüpft um intensives,
|
||||
|
@ -93,7 +93,7 @@
|
|||
Geschlecht definiert die spielende Person. Es wird ein paar
|
||||
Nichtspielercharaktere geben die von Helfern bespielt werden, zum
|
||||
Beispiel Häftling Summers, der/die mit euch ins
|
||||
<span v-html="raw9hkk"></span>
|
||||
<span v-html="rawwxzv"></span>
|
||||
</span>
|
||||
<span>Spiel startet.</span>
|
||||
<br />
|
||||
|
@ -123,7 +123,7 @@
|
|||
<app-row5></app-row5>
|
||||
<h2 class="character-group section-head">Militär</h2>
|
||||
<app-row6></app-row6>
|
||||
<app-footer rootClassName="footer-root-class-name2"></app-footer>
|
||||
<app-kontakt rootClassName="kontakt-root-class-name2"></app-kontakt>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
@ -136,7 +136,7 @@ import AppRow3 from '../components/row3'
|
|||
import AppRow4 from '../components/row4'
|
||||
import AppRow5 from '../components/row5'
|
||||
import AppRow6 from '../components/row6'
|
||||
import AppFooter from '../components/footer'
|
||||
import AppKontakt from '../components/kontakt'
|
||||
|
||||
export default {
|
||||
name: 'LetzteGelegenheit',
|
||||
|
@ -149,11 +149,11 @@ export default {
|
|||
AppRow4,
|
||||
AppRow5,
|
||||
AppRow6,
|
||||
AppFooter,
|
||||
AppKontakt,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
raw9hkk: ' ',
|
||||
rawwxzv: ' ',
|
||||
}
|
||||
},
|
||||
metaInfo: {
|
||||
|
@ -248,7 +248,7 @@ export default {
|
|||
color: rgb(255, 255, 255);
|
||||
font-size: 36px;
|
||||
}
|
||||
.letzte-gelegenheit-buttons {
|
||||
.letzte-gelegenheit-container2 {
|
||||
gap: 10%;
|
||||
flex: 0 0 auto;
|
||||
width: 100%;
|
||||
|
@ -299,7 +299,7 @@ export default {
|
|||
font-weight: 500;
|
||||
line-height: 24px;
|
||||
}
|
||||
.letzte-gelegenheit-container2 {
|
||||
.letzte-gelegenheit-container3 {
|
||||
width: 95%;
|
||||
}
|
||||
@media(max-width: 767px) {
|
||||
|
|
|
@ -1,58 +0,0 @@
|
|||
<template>
|
||||
<div class="not-found-container">
|
||||
<h3>OOPS! PAGE NOT FOUND</h3>
|
||||
<div class="not-found-container1"><h1 class="not-found-text1">404</h1></div>
|
||||
<div class="not-found-container2">
|
||||
<h2 class="not-found-text2">
|
||||
WE ARE SORRY, BUT THE PAGE YOU REQUESTED WAS NOT FOUND
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'NotFound',
|
||||
metaInfo: {
|
||||
title: '404 - Not Found',
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.not-found-container {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
overflow: auto;
|
||||
min-height: 100vh;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.not-found-container1 {
|
||||
display: flex;
|
||||
position: relative;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.not-found-text1 {
|
||||
color: rgb(38, 38, 38);
|
||||
font-size: 252px;
|
||||
margin-top: -20px;
|
||||
font-weight: 900;
|
||||
margin-bottom: -20px;
|
||||
letter-spacing: -20px;
|
||||
}
|
||||
.not-found-container2 {
|
||||
width: 421px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.not-found-text2 {
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
}
|
||||
</style>
|
|
@ -68,7 +68,7 @@
|
|||
Aber... Edler, bei Gotts Gnad, ich wärt kein gut Christ Euch ohne Warn
|
||||
lass schreiten. Seit Geschehnem ist hie kein einzger entlang. Wer weiss
|
||||
was
|
||||
<span v-html="raw6ux3"></span>
|
||||
<span v-html="rawv3xl"></span>
|
||||
</span>
|
||||
<span>Geziefer dort treibt...”</span>
|
||||
<br />
|
||||
|
@ -236,7 +236,7 @@
|
|||
nicht sauber gefragt und der Knecht viel zu blass als ihm vorzukommen.
|
||||
Letztlich doch die Augen sich schlossen. Doch wachten nur noch Ritter
|
||||
und Knecht. Des Ritters Petz Kling noch immer rot; des Knechts Haut
|
||||
<span v-html="rawczxn"></span>
|
||||
<span v-html="rawdog1"></span>
|
||||
</span>
|
||||
<span>
|
||||
noch immer weiss und nass. Dieses Mal der Knecht nicht wagte zu fragen
|
||||
|
@ -287,29 +287,29 @@
|
|||
zuher. Sie starrten; auch kalt und hilflos wie Kind. Ich schritt nach
|
||||
vorn: In die Händ des Toten seh, weiss Ros. Ins Gesicht des Toten blick.
|
||||
Beulen zierten’s. Hässliche Beulen. Der Teufel aber wart woanders...
|
||||
<span v-html="rawtoqy"></span>
|
||||
<span v-html="rawtyzd"></span>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<app-footer rootClassName="footer-root-class-name1"></app-footer>
|
||||
<app-kontakt rootClassName="kontakt-root-class-name1"></app-kontakt>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AppNavigation from '../components/navigation'
|
||||
import AppFooter from '../components/footer'
|
||||
import AppKontakt from '../components/kontakt'
|
||||
|
||||
export default {
|
||||
name: 'Rosenteufel',
|
||||
components: {
|
||||
AppNavigation,
|
||||
AppFooter,
|
||||
AppKontakt,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
raw6ux3: ' ',
|
||||
rawczxn: ' ',
|
||||
rawtoqy: ' ',
|
||||
rawv3xl: ' ',
|
||||
rawdog1: ' ',
|
||||
rawtyzd: ' ',
|
||||
}
|
||||
},
|
||||
metaInfo: {
|
||||
|
|
|
@ -86,7 +86,7 @@
|
|||
</div>
|
||||
<h1 class="character-title section-head">Süsse Träume Run 1 Fotos</h1>
|
||||
<span class="ssse-trume-credits">63 Fotos von Claudia Chiodi</span>
|
||||
<div class="ssse-trume-run1gallerie">
|
||||
<div class="ssse-trume-run-gallerie">
|
||||
<DangerousHTML
|
||||
html="<script src='https://cdn.jsdelivr.net/npm/publicalbum@latest/embed-ui.min.js' async></script>
|
||||
<div class='pa-carousel-widget' style='width:100%; height:480px;'
|
||||
|
@ -241,7 +241,7 @@
|
|||
"
|
||||
></DangerousHTML>
|
||||
</div>
|
||||
<app-footer rootClassName="footer-root-class-name"></app-footer>
|
||||
<app-kontakt rootClassName="kontakt-root-class-name"></app-kontakt>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
@ -249,14 +249,14 @@
|
|||
import DangerousHTML from 'dangerous-html/vue'
|
||||
|
||||
import AppNavigation from '../components/navigation'
|
||||
import AppFooter from '../components/footer'
|
||||
import AppKontakt from '../components/kontakt'
|
||||
|
||||
export default {
|
||||
name: 'SsseTrume',
|
||||
components: {
|
||||
AppNavigation,
|
||||
DangerousHTML,
|
||||
AppFooter,
|
||||
AppKontakt,
|
||||
},
|
||||
metaInfo: {
|
||||
title: 'OpenVisor - Süsse Träume',
|
||||
|
@ -384,7 +384,7 @@ export default {
|
|||
line-height: 30px;
|
||||
margin-bottom: var(--dl-space-space-twounits);
|
||||
}
|
||||
.ssse-trume-run1gallerie {
|
||||
.ssse-trume-run-gallerie {
|
||||
width: 100%;
|
||||
}
|
||||
.ssse-trume-credits1 {
|
||||
|
|
95
src/views/tauglichkeitsexamen.vue
Normal file
|
@ -0,0 +1,95 @@
|
|||
<template>
|
||||
<div class="tauglichkeitsexamen-container">
|
||||
<app-navigation rootClassName="navigation-root-class-name8"></app-navigation>
|
||||
<span class="site-title">Tauglichkeitsexamen</span>
|
||||
<span class="tauglichkeitsexamen-caption1">
|
||||
<span>Si vis promotio, para plulus.</span>
|
||||
<br />
|
||||
</span>
|
||||
<div class="tauglichkeitsexamen-container1">
|
||||
<iframe
|
||||
src="https://www.youtube.com/embed/UMeJuq0gnjM"
|
||||
class="tauglichkeitsexamen-iframe"
|
||||
></iframe>
|
||||
</div>
|
||||
<app-kontakt></app-kontakt>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AppNavigation from '../components/navigation'
|
||||
import AppKontakt from '../components/kontakt'
|
||||
|
||||
export default {
|
||||
name: 'Tauglichkeitsexamen',
|
||||
components: {
|
||||
AppNavigation,
|
||||
AppKontakt,
|
||||
},
|
||||
metaInfo: {
|
||||
title: 'Tauglichkeitsexamen',
|
||||
meta: [
|
||||
{
|
||||
property: 'og:title',
|
||||
content: 'Tauglichkeitsexamen',
|
||||
},
|
||||
],
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.tauglichkeitsexamen-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");
|
||||
}
|
||||
.tauglichkeitsexamen-caption1 {
|
||||
color: rgb(255, 255, 255);
|
||||
font-size: 20px;
|
||||
font-family: Fira Sans;
|
||||
line-height: 30px;
|
||||
}
|
||||
.tauglichkeitsexamen-container1 {
|
||||
gap: var(--dl-space-space-twounits);
|
||||
flex: 0 0 auto;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.tauglichkeitsexamen-iframe {
|
||||
width: 640px;
|
||||
height: 360px;
|
||||
margin-top: 20px;
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
margin-bottom: -40px;
|
||||
}
|
||||
@media(max-width: 991px) {
|
||||
.tauglichkeitsexamen-caption1 {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
@media(max-width: 767px) {
|
||||
.tauglichkeitsexamen-caption1 {
|
||||
color: rgb(255, 255, 255);
|
||||
font-size: 16px;
|
||||
font-family: Poppins;
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
@media(max-width: 479px) {
|
||||
.tauglichkeitsexamen-caption1 {
|
||||
font-family: Poppins;
|
||||
}
|
||||
}
|
||||
</style>
|
88
src/views/urlaubsantrag.vue
Normal file
|
@ -0,0 +1,88 @@
|
|||
<template>
|
||||
<div class="urlaubsantrag-container">
|
||||
<app-navigation rootClassName="navigation-root-class-name9"></app-navigation>
|
||||
<span class="site-title">Urlaubsantrag</span>
|
||||
<span class="urlaubsantrag-caption1">
|
||||
<span>Si vis commeatum, para spes irrita.</span>
|
||||
<br />
|
||||
</span>
|
||||
<div class="urlaubsantrag-container1">
|
||||
<img alt="image" src="/denied-800w.png" class="urlaubsantrag-image" />
|
||||
</div>
|
||||
<app-kontakt></app-kontakt>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AppNavigation from '../components/navigation'
|
||||
import AppKontakt from '../components/kontakt'
|
||||
|
||||
export default {
|
||||
name: 'Urlaubsantrag',
|
||||
components: {
|
||||
AppNavigation,
|
||||
AppKontakt,
|
||||
},
|
||||
metaInfo: {
|
||||
title: 'Urlaubsantrag',
|
||||
meta: [
|
||||
{
|
||||
property: 'og:title',
|
||||
content: 'Urlaubsantrag',
|
||||
},
|
||||
],
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.urlaubsantrag-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");
|
||||
}
|
||||
.urlaubsantrag-caption1 {
|
||||
color: rgb(255, 255, 255);
|
||||
font-size: 20px;
|
||||
font-family: Fira Sans;
|
||||
line-height: 30px;
|
||||
}
|
||||
.urlaubsantrag-container1 {
|
||||
gap: var(--dl-space-space-twounits);
|
||||
flex: 0 0 auto;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.urlaubsantrag-image {
|
||||
width: 50%;
|
||||
object-fit: cover;
|
||||
}
|
||||
@media(max-width: 991px) {
|
||||
.urlaubsantrag-caption1 {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
@media(max-width: 767px) {
|
||||
.urlaubsantrag-caption1 {
|
||||
color: rgb(255, 255, 255);
|
||||
font-size: 16px;
|
||||
font-family: Poppins;
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
@media(max-width: 479px) {
|
||||
.urlaubsantrag-caption1 {
|
||||
font-family: Poppins;
|
||||
}
|
||||
}
|
||||
</style>
|