Reattempt updating Run 4 as finished and adding Newsletter Form
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 18 KiB |
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 19 KiB |
Before Width: | Height: | Size: 30 KiB |
|
@ -1,15 +1,21 @@
|
|||
<template>
|
||||
<footer class="kontakt-footer" v-bind:class="rootClassName">
|
||||
<span class="kontakt-text">{{ Text }}</span>
|
||||
<a href="mailto:info@openvisor.ch?subject=" class="kontakt-text1">
|
||||
{{ Text1 }}
|
||||
</a>
|
||||
<footer class="footer-footer" v-bind:class="rootClassName">
|
||||
<div class="footer-kontakt">
|
||||
<span class="footer-kontakt1">{{ Text }}</span>
|
||||
<a href="mailto:info@openvisor.ch?subject=" class="footer-email">
|
||||
{{ Text1 }}
|
||||
</a>
|
||||
</div>
|
||||
<iframe
|
||||
src="https://dashboard.mailerlite.com/forms/582593/98301649820321679/share"
|
||||
class="footer-newsletter-form"
|
||||
></iframe>
|
||||
</footer>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Kontakt',
|
||||
name: 'Footer',
|
||||
props: {
|
||||
Text: {
|
||||
type: String,
|
||||
|
@ -25,9 +31,8 @@ export default {
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.kontakt-footer {
|
||||
gap: var(--dl-space-space-unit);
|
||||
flex: 1;
|
||||
.footer-footer {
|
||||
gap: 20%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
position: relative;
|
||||
|
@ -36,16 +41,24 @@ export default {
|
|||
padding-left: var(--dl-space-space-oneandhalfunits);
|
||||
margin-bottom: 10%;
|
||||
padding-right: var(--dl-space-space-oneandhalfunits);
|
||||
flex-direction: column;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
}
|
||||
.kontakt-text {
|
||||
.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;
|
||||
}
|
||||
.kontakt-text1 {
|
||||
.footer-email {
|
||||
color: #ffff00;
|
||||
font-size: 18px;
|
||||
align-self: center;
|
||||
|
@ -53,6 +66,11 @@ export default {
|
|||
font-weight: 300;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.footer-newsletter-form {
|
||||
width: 320px;
|
||||
height: 360px;
|
||||
margin-bottom: var(--dl-space-space-twounits);
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
<br />
|
||||
<span>
|
||||
·
|
||||
<span v-html="raw5yhg"></span>
|
||||
<span v-html="rawdb0x"></span>
|
||||
</span>
|
||||
<span>
|
||||
Intensive Momente und Emotionen ermöglichen, die in Erinnerung
|
||||
|
@ -42,7 +42,7 @@
|
|||
<br />
|
||||
<span>
|
||||
·
|
||||
<span v-html="raw9bj6"></span>
|
||||
<span v-html="rawul0m"></span>
|
||||
</span>
|
||||
<span>
|
||||
Persönliche Auseinandersetzungen der Spieler mit nicht
|
||||
|
@ -53,7 +53,7 @@
|
|||
<br />
|
||||
<span>
|
||||
·
|
||||
<span v-html="rawhf3e"></span>
|
||||
<span v-html="rawob27"></span>
|
||||
</span>
|
||||
<span>
|
||||
Interne Charakterentwicklung oder -verfestigung durch externe
|
||||
|
@ -63,14 +63,14 @@
|
|||
<br />
|
||||
<span>
|
||||
·
|
||||
<span v-html="rawz4nf"></span>
|
||||
<span v-html="rawmhbm"></span>
|
||||
</span>
|
||||
<span>Dilemmata mit sich selbst und mit anderen.</span>
|
||||
<br />
|
||||
<br />
|
||||
<span>
|
||||
·
|
||||
<span v-html="rawkvu1"></span>
|
||||
<span v-html="raw8y7t"></span>
|
||||
</span>
|
||||
<span>
|
||||
Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern
|
||||
|
@ -254,7 +254,7 @@
|
|||
<br />
|
||||
<span>
|
||||
Wir werden das
|
||||
<span v-html="raw2a4d"></span>
|
||||
<span v-html="rawlhfl"></span>
|
||||
</span>
|
||||
<router-link to="/larpkonzept" class="info-box-navlink">
|
||||
Open Visor Larpkonzept
|
||||
|
@ -518,7 +518,7 @@
|
|||
<br />
|
||||
<span>
|
||||
Parkplatz:
|
||||
<span v-html="raww5cs"></span>
|
||||
<span v-html="rawqize"></span>
|
||||
</span>
|
||||
<a
|
||||
href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA"
|
||||
|
@ -1458,13 +1458,13 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
raw5yhg: ' ',
|
||||
raw9bj6: ' ',
|
||||
rawhf3e: ' ',
|
||||
rawz4nf: ' ',
|
||||
rawkvu1: ' ',
|
||||
raw2a4d: ' ',
|
||||
raww5cs: ' ',
|
||||
rawdb0x: ' ',
|
||||
rawul0m: ' ',
|
||||
rawob27: ' ',
|
||||
rawmhbm: ' ',
|
||||
raw8y7t: ' ',
|
||||
rawlhfl: ' ',
|
||||
rawqize: ' ',
|
||||
}
|
||||
},
|
||||
}
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
<h1 class="row1-header1">
|
||||
<span>
|
||||
Leitung der Justizvollzugsanstalt
|
||||
<span v-html="raw7lbp"></span>
|
||||
<span v-html="rawtllp"></span>
|
||||
</span>
|
||||
<br />
|
||||
</h1>
|
||||
|
@ -125,7 +125,7 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
raw7lbp: ' ',
|
||||
rawtllp: ' ',
|
||||
}
|
||||
},
|
||||
}
|
||||
|
|
|
@ -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="rawveyy"></span>
|
||||
<span v-html="rawhz6i"></span>
|
||||
</span>
|
||||
<span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span>
|
||||
<br />
|
||||
|
@ -122,7 +122,7 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
rawveyy: ' ',
|
||||
rawhz6i: ' ',
|
||||
}
|
||||
},
|
||||
}
|
||||
|
|
|
@ -50,12 +50,12 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="veranstaltungen-liste-letzte-gelegenheit-run4 event-entry">
|
||||
<h3 class="event-title">{{ Run4 }}</h3>
|
||||
<p class="event-date">
|
||||
<h3 class="veranstaltungen-liste-run4 event-title">{{ Run4 }}</h3>
|
||||
<p class="veranstaltungen-liste-datum3 event-date">
|
||||
<span>26.08.2023, 10:00 Uhr bis 27.08.2023, 14:00 Uhr</span>
|
||||
<br />
|
||||
</p>
|
||||
<p class="event-location">
|
||||
<p class="veranstaltungen-liste-standort3 event-location">
|
||||
<span>Waldritter e.V. (im Raumschiff)</span>
|
||||
<br />
|
||||
<span>Ewaldstrasse 20, 45699 Herten</span>
|
||||
|
@ -63,12 +63,7 @@
|
|||
</p>
|
||||
<div class="veranstaltungen-liste-container3">
|
||||
<p class="veranstaltungen-liste-plaetze2 event-location">
|
||||
<span>0 von 15 Plätzen frei</span>
|
||||
<br />
|
||||
</p>
|
||||
<p class="veranstaltungen-liste-warteliste1 event-location">
|
||||
<span>1 Person in Warteliste (Stand 10.07.2023)</span>
|
||||
<br />
|
||||
durchgeführt mit 15 Personen
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -136,7 +131,7 @@ export default {
|
|||
},
|
||||
Run41: {
|
||||
type: String,
|
||||
default: 'Run 5 (Deutschland)',
|
||||
default: 'Run 5',
|
||||
},
|
||||
},
|
||||
}
|
||||
|
@ -223,6 +218,15 @@ 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;
|
||||
|
@ -231,11 +235,7 @@ export default {
|
|||
flex-direction: column;
|
||||
}
|
||||
.veranstaltungen-liste-plaetze2 {
|
||||
color: rgb(221, 0, 0);
|
||||
text-align: left;
|
||||
}
|
||||
.veranstaltungen-liste-warteliste1 {
|
||||
color: rgb(0, 221, 0);
|
||||
color: var(--dl-color-success-700);
|
||||
text-align: left;
|
||||
}
|
||||
.veranstaltungen-liste-letzte-gelegenheit-run5 {
|
||||
|
|
|
@ -2,14 +2,11 @@ import Vue from 'vue'
|
|||
import Router from 'vue-router'
|
||||
import Meta from 'vue-meta'
|
||||
|
||||
import Bologna from './views/bologna'
|
||||
import NotFound from './views/not-found'
|
||||
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'
|
||||
|
@ -20,20 +17,15 @@ export default new Router({
|
|||
mode: 'history',
|
||||
routes: [
|
||||
{
|
||||
name: 'Bologna',
|
||||
path: '/bologna',
|
||||
component: Bologna,
|
||||
name: '404 - Not Found',
|
||||
path: '**',
|
||||
component: NotFound,
|
||||
},
|
||||
{
|
||||
name: 'Ssse-Trume',
|
||||
path: '/suesse-traeume',
|
||||
component: SsseTrume,
|
||||
},
|
||||
{
|
||||
name: 'Tauglichkeitsexamen',
|
||||
path: '/tauglichkeitsexamen',
|
||||
component: Tauglichkeitsexamen,
|
||||
},
|
||||
{
|
||||
name: 'Larpkonzept',
|
||||
path: '/larpkonzept',
|
||||
|
@ -49,16 +41,6 @@ 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',
|
||||
|
|
|
@ -1,95 +0,0 @@
|
|||
<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>
|
|
@ -1,110 +0,0 @@
|
|||
<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-kontakt rootClassName="kontakt-root-class-name4"></app-kontakt>
|
||||
<app-footer rootClassName="footer-root-class-name4"></app-footer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AppNavigation from '../components/navigation'
|
||||
import AppKontakt from '../components/kontakt'
|
||||
import AppFooter from '../components/footer'
|
||||
|
||||
export default {
|
||||
name: 'EinOrdenFrEineGuteTat',
|
||||
components: {
|
||||
AppNavigation,
|
||||
AppKontakt,
|
||||
AppFooter,
|
||||
},
|
||||
metaInfo: {
|
||||
title: 'OpenVisor - Ein Orden für eine gute Tat',
|
||||
|
|
|
@ -106,21 +106,21 @@
|
|||
</div>
|
||||
</main>
|
||||
</section>
|
||||
<app-kontakt></app-kontakt>
|
||||
<app-footer></app-footer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AppNavigation from '../components/navigation'
|
||||
import VeranstaltungenListe from '../components/veranstaltungen-liste'
|
||||
import AppKontakt from '../components/kontakt'
|
||||
import AppFooter from '../components/footer'
|
||||
|
||||
export default {
|
||||
name: 'Home',
|
||||
components: {
|
||||
AppNavigation,
|
||||
VeranstaltungenListe,
|
||||
AppKontakt,
|
||||
AppFooter,
|
||||
},
|
||||
metaInfo: {
|
||||
title: 'OpenVisor',
|
||||
|
|
|
@ -20,19 +20,19 @@
|
|||
>
|
||||
zum Larpkonzept
|
||||
</a>
|
||||
<app-kontakt rootClassName="kontakt-root-class-name2"></app-kontakt>
|
||||
<app-footer rootClassName="footer-root-class-name2"></app-footer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AppNavigation from '../components/navigation'
|
||||
import AppKontakt from '../components/kontakt'
|
||||
import AppFooter from '../components/footer'
|
||||
|
||||
export default {
|
||||
name: 'Larpkonzept',
|
||||
components: {
|
||||
AppNavigation,
|
||||
AppKontakt,
|
||||
AppFooter,
|
||||
},
|
||||
metaInfo: {
|
||||
title: 'OpenVisor - Larpkonzept',
|
||||
|
|
|
@ -51,7 +51,7 @@
|
|||
</header>
|
||||
<veranstaltungen-liste></veranstaltungen-liste>
|
||||
</section>
|
||||
<div class="letzte-gelegenheit-container2">
|
||||
<div class="letzte-gelegenheit-buttons">
|
||||
<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-container3 text-body">
|
||||
<div class="letzte-gelegenheit-container2 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="rawwxzv"></span>
|
||||
<span v-html="rawrvm2"></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-kontakt rootClassName="kontakt-root-class-name2"></app-kontakt>
|
||||
<app-footer rootClassName="footer-root-class-name2"></app-footer>
|
||||
</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 AppKontakt from '../components/kontakt'
|
||||
import AppFooter from '../components/footer'
|
||||
|
||||
export default {
|
||||
name: 'LetzteGelegenheit',
|
||||
|
@ -149,11 +149,11 @@ export default {
|
|||
AppRow4,
|
||||
AppRow5,
|
||||
AppRow6,
|
||||
AppKontakt,
|
||||
AppFooter,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
rawwxzv: ' ',
|
||||
rawrvm2: ' ',
|
||||
}
|
||||
},
|
||||
metaInfo: {
|
||||
|
@ -248,7 +248,7 @@ export default {
|
|||
color: rgb(255, 255, 255);
|
||||
font-size: 36px;
|
||||
}
|
||||
.letzte-gelegenheit-container2 {
|
||||
.letzte-gelegenheit-buttons {
|
||||
gap: 10%;
|
||||
flex: 0 0 auto;
|
||||
width: 100%;
|
||||
|
@ -299,7 +299,7 @@ export default {
|
|||
font-weight: 500;
|
||||
line-height: 24px;
|
||||
}
|
||||
.letzte-gelegenheit-container3 {
|
||||
.letzte-gelegenheit-container2 {
|
||||
width: 95%;
|
||||
}
|
||||
@media(max-width: 767px) {
|
||||
|
|
58
src/views/not-found.vue
Normal file
|
@ -0,0 +1,58 @@
|
|||
<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="rawv3xl"></span>
|
||||
<span v-html="rawojfp"></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="rawdog1"></span>
|
||||
<span v-html="rawphyp"></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="rawtyzd"></span>
|
||||
<span v-html="rawvt0g"></span>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<app-kontakt rootClassName="kontakt-root-class-name1"></app-kontakt>
|
||||
<app-footer rootClassName="footer-root-class-name1"></app-footer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AppNavigation from '../components/navigation'
|
||||
import AppKontakt from '../components/kontakt'
|
||||
import AppFooter from '../components/footer'
|
||||
|
||||
export default {
|
||||
name: 'Rosenteufel',
|
||||
components: {
|
||||
AppNavigation,
|
||||
AppKontakt,
|
||||
AppFooter,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
rawv3xl: ' ',
|
||||
rawdog1: ' ',
|
||||
rawtyzd: ' ',
|
||||
rawojfp: ' ',
|
||||
rawphyp: ' ',
|
||||
rawvt0g: ' ',
|
||||
}
|
||||
},
|
||||
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-run-gallerie">
|
||||
<div class="ssse-trume-run1gallerie">
|
||||
<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-kontakt rootClassName="kontakt-root-class-name"></app-kontakt>
|
||||
<app-footer rootClassName="footer-root-class-name"></app-footer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
@ -249,14 +249,14 @@
|
|||
import DangerousHTML from 'dangerous-html/vue'
|
||||
|
||||
import AppNavigation from '../components/navigation'
|
||||
import AppKontakt from '../components/kontakt'
|
||||
import AppFooter from '../components/footer'
|
||||
|
||||
export default {
|
||||
name: 'SsseTrume',
|
||||
components: {
|
||||
AppNavigation,
|
||||
DangerousHTML,
|
||||
AppKontakt,
|
||||
AppFooter,
|
||||
},
|
||||
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-run-gallerie {
|
||||
.ssse-trume-run1gallerie {
|
||||
width: 100%;
|
||||
}
|
||||
.ssse-trume-credits1 {
|
||||
|
|
|
@ -1,95 +0,0 @@
|
|||
<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>
|
|
@ -1,88 +0,0 @@
|
|||
<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>
|