Add Run 6 TBA and add "Ueber uns" page
This commit is contained in:
parent
1c8b7b3000
commit
83ce9e6a94
Binary file not shown.
|
Before Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 310 KiB After Width: | Height: | Size: 361 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 30 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: 20 KiB After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
BIN
public/letzte-gelegenheit/charaktere/jankovic-200h.png
Normal file
BIN
public/letzte-gelegenheit/charaktere/jankovic-200h.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
public/letzte-gelegenheit/charaktere/jenatsch-200h.png
Normal file
BIN
public/letzte-gelegenheit/charaktere/jenatsch-200h.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
public/letzte-gelegenheit/charaktere/krueger-200h.png
Normal file
BIN
public/letzte-gelegenheit/charaktere/krueger-200h.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 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 |
|
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="raw5yhg"></span>
|
||||
<span v-html="raw7xam"></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="rawezsj"></span>
|
||||
</span>
|
||||
<span>
|
||||
Persönliche Auseinandersetzungen der Spieler mit nicht
|
||||
|
|
@ -53,7 +53,7 @@
|
|||
<br />
|
||||
<span>
|
||||
·
|
||||
<span v-html="rawhf3e"></span>
|
||||
<span v-html="raw4b2m"></span>
|
||||
</span>
|
||||
<span>
|
||||
Interne Charakterentwicklung oder -verfestigung durch externe
|
||||
|
|
@ -63,14 +63,14 @@
|
|||
<br />
|
||||
<span>
|
||||
·
|
||||
<span v-html="rawz4nf"></span>
|
||||
<span v-html="rawxk31"></span>
|
||||
</span>
|
||||
<span>Dilemmata mit sich selbst und mit anderen.</span>
|
||||
<br />
|
||||
<br />
|
||||
<span>
|
||||
·
|
||||
<span v-html="rawkvu1"></span>
|
||||
<span v-html="raw1qsh"></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="rawqpms"></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="rawip6h"></span>
|
||||
</span>
|
||||
<a
|
||||
href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA"
|
||||
|
|
@ -1387,7 +1387,7 @@ export default {
|
|||
props: {
|
||||
image_src: {
|
||||
type: String,
|
||||
default: '/zsa_weisslingen-1100w.png',
|
||||
default: '/letzte-gelegenheit/zsa_weisslingen-1100w.png',
|
||||
},
|
||||
Text2: {
|
||||
type: String,
|
||||
|
|
@ -1458,13 +1458,13 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
raw5yhg: ' ',
|
||||
raw9bj6: ' ',
|
||||
rawhf3e: ' ',
|
||||
rawz4nf: ' ',
|
||||
rawkvu1: ' ',
|
||||
raw2a4d: ' ',
|
||||
raww5cs: ' ',
|
||||
raw7xam: ' ',
|
||||
rawezsj: ' ',
|
||||
raw4b2m: ' ',
|
||||
rawxk31: ' ',
|
||||
raw1qsh: ' ',
|
||||
rawqpms: ' ',
|
||||
rawip6h: ' ',
|
||||
}
|
||||
},
|
||||
}
|
||||
|
|
|
|||
|
|
@ -977,6 +977,9 @@ export default {
|
|||
.navigation-root-class-name9 {
|
||||
max-width: 1200px;
|
||||
}
|
||||
.navigation-root-class-name10 {
|
||||
max-width: 1200px;
|
||||
}
|
||||
@media(max-width: 991px) {
|
||||
.navigation-nav {
|
||||
gap: var(--dl-space-space-twounits);
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
<h1 class="row1-header1">
|
||||
<span>
|
||||
Leitung der Justizvollzugsanstalt
|
||||
<span v-html="raw7lbp"></span>
|
||||
<span v-html="rawrp08"></span>
|
||||
</span>
|
||||
<br />
|
||||
</h1>
|
||||
|
|
@ -104,7 +104,7 @@ export default {
|
|||
},
|
||||
image_src: {
|
||||
type: String,
|
||||
default: '/Charaktere/aubert-200h.png',
|
||||
default: '/letzte-gelegenheit/charaktere/fortier-200h.png',
|
||||
},
|
||||
Themes1: {
|
||||
type: String,
|
||||
|
|
@ -112,7 +112,7 @@ export default {
|
|||
},
|
||||
image_src1: {
|
||||
type: String,
|
||||
default: '/Charaktere/bellucci-200h.png',
|
||||
default: '/letzte-gelegenheit/charaktere/bellucci-200h.png',
|
||||
},
|
||||
image_alt: {
|
||||
type: String,
|
||||
|
|
@ -125,7 +125,7 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
raw7lbp: ' ',
|
||||
rawrp08: ' ',
|
||||
}
|
||||
},
|
||||
}
|
||||
|
|
|
|||
|
|
@ -103,7 +103,7 @@ export default {
|
|||
},
|
||||
image_src: {
|
||||
type: String,
|
||||
default: '/Charaktere/jankovic-200h.png',
|
||||
default: '/letzte-gelegenheit/charaktere/jankovic-200h.png',
|
||||
},
|
||||
Header1: {
|
||||
type: String,
|
||||
|
|
@ -119,7 +119,7 @@ export default {
|
|||
},
|
||||
image_src1: {
|
||||
type: String,
|
||||
default: '/Charaktere/krueger-min-200h.png',
|
||||
default: '/letzte-gelegenheit/charaktere/krueger-200h.png',
|
||||
},
|
||||
},
|
||||
}
|
||||
|
|
|
|||
|
|
@ -61,7 +61,7 @@ export default {
|
|||
},
|
||||
image_src1: {
|
||||
type: String,
|
||||
default: '/Charaktere/hagiro-200h.png',
|
||||
default: '/letzte-gelegenheit/charaktere/hagiro-200h.png',
|
||||
},
|
||||
text11: {
|
||||
type: String,
|
||||
|
|
@ -79,7 +79,7 @@ export default {
|
|||
},
|
||||
image_src: {
|
||||
type: String,
|
||||
default: '/Charaktere/schmidt-min-200h.png',
|
||||
default: '/letzte-gelegenheit/charaktere/schmidt-200h.png',
|
||||
},
|
||||
image_alt: {
|
||||
type: String,
|
||||
|
|
|
|||
|
|
@ -67,7 +67,7 @@ export default {
|
|||
},
|
||||
image_src1: {
|
||||
type: String,
|
||||
default: '/Charaktere/collins-200h.png',
|
||||
default: '/letzte-gelegenheit/charaktere/collins-200h.png',
|
||||
},
|
||||
Header1: {
|
||||
type: String,
|
||||
|
|
@ -80,7 +80,7 @@ export default {
|
|||
},
|
||||
image_src: {
|
||||
type: String,
|
||||
default: '/Charaktere/rodriguez-min-200h.png',
|
||||
default: '/letzte-gelegenheit/charaktere/rodriguez-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="rawveyy"></span>
|
||||
<span v-html="rawp3gd"></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: '/Charaktere/lindbeck-200h.png',
|
||||
default: '/letzte-gelegenheit/charaktere/lindbeck-200h.png',
|
||||
},
|
||||
Header1: {
|
||||
type: String,
|
||||
|
|
@ -113,7 +113,7 @@ export default {
|
|||
},
|
||||
image_src1: {
|
||||
type: String,
|
||||
default: '/Charaktere/jenatsch-min-200h.png',
|
||||
default: '/letzte-gelegenheit/charaktere/jenatsch-200h.png',
|
||||
},
|
||||
image_alt: {
|
||||
type: String,
|
||||
|
|
@ -122,7 +122,7 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
rawveyy: ' ',
|
||||
rawp3gd: ' ',
|
||||
}
|
||||
},
|
||||
}
|
||||
|
|
|
|||
|
|
@ -65,7 +65,7 @@ export default {
|
|||
},
|
||||
image_src1: {
|
||||
type: String,
|
||||
default: '/Charaktere/pavone-200h.png',
|
||||
default: '/letzte-gelegenheit/charaktere/pavone-200h.png',
|
||||
},
|
||||
text1: {
|
||||
type: String,
|
||||
|
|
@ -89,7 +89,7 @@ export default {
|
|||
},
|
||||
image_src: {
|
||||
type: String,
|
||||
default: '/Charaktere/sartre-200h.png',
|
||||
default: '/letzte-gelegenheit/charaktere/sartre-200h.png',
|
||||
},
|
||||
text32: {
|
||||
type: String,
|
||||
|
|
|
|||
|
|
@ -4,71 +4,63 @@
|
|||
v-bind:class="rootClassName"
|
||||
>
|
||||
<div class="event-entry veranstaltungen-liste-letzte-gelegenheit-run1">
|
||||
<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>
|
||||
<div class="veranstaltungen-liste-container">
|
||||
<p class="veranstaltungen-liste-warteliste event-location">
|
||||
durchgeführt mit 15 Personen
|
||||
</p>
|
||||
</div>
|
||||
<h3 class="event-title event-done">{{ Run1 }}</h3>
|
||||
<p class="event-date event-done">{{ Datum1 }}</p>
|
||||
<p class="event-done event-location">{{ Standort1 }}</p>
|
||||
<p class="event-location event-done-green">durchgeführt mit 15 Personen</p>
|
||||
</div>
|
||||
<div class="veranstaltungen-liste-letzte-gelegenheit-run2 event-entry">
|
||||
<h3 class="veranstaltungen-liste-run2 event-title">{{ Run2 }}</h3>
|
||||
<p class="veranstaltungen-liste-datum1 event-date">
|
||||
<h3 class="event-title event-done">{{ Run2 }}</h3>
|
||||
<p class="event-date event-done">
|
||||
<span>13. Mai 2023, 10:00 Uhr bis 14. Mai 2023, 14:00 Uhr</span>
|
||||
<br />
|
||||
</p>
|
||||
<p class="veranstaltungen-liste-standort1 event-location">
|
||||
<p class="event-done event-location">
|
||||
<span>Waldritter e.V. (im Raumschiff)</span>
|
||||
<br />
|
||||
<span>Ewaldstrasse 20, 45699 Herten</span>
|
||||
<br />
|
||||
</p>
|
||||
<div class="veranstaltungen-liste-container1">
|
||||
<p class="veranstaltungen-liste-plaetze event-location">
|
||||
durchgeführt mit 15 Personen
|
||||
</p>
|
||||
</div>
|
||||
<p class="event-location event-done-green">durchgeführt mit 15 Personen</p>
|
||||
</div>
|
||||
<div class="veranstaltungen-liste-letzte-gelegenheit-run3 event-entry">
|
||||
<h3 class="veranstaltungen-liste-run3 event-title">{{ Run3 }}</h3>
|
||||
<p class="veranstaltungen-liste-datum2 event-date">
|
||||
<h3 class="event-title event-done">{{ Run3 }}</h3>
|
||||
<p class="event-date event-done">
|
||||
<span>1. Juli 2023, 10:00 Uhr bis 2. Juli 2023, 14:00 Uhr</span>
|
||||
<br />
|
||||
</p>
|
||||
<p class="veranstaltungen-liste-standort2 event-location">
|
||||
<p class="event-done event-location">
|
||||
<span>Waldritter e.V. (im Raumschiff)</span>
|
||||
<br />
|
||||
<span>Ewaldstrasse 20, 45699 Herten</span>
|
||||
<br />
|
||||
</p>
|
||||
<div class="veranstaltungen-liste-container2">
|
||||
<p class="veranstaltungen-liste-plaetze1 event-location">
|
||||
durchgeführt mit 15 Personen
|
||||
</p>
|
||||
</div>
|
||||
<p class="event-location event-done-green">durchgeführt mit 15 Personen</p>
|
||||
</div>
|
||||
<div class="veranstaltungen-liste-letzte-gelegenheit-run4 event-entry">
|
||||
<h3 class="veranstaltungen-liste-run1 event-title">{{ Run4 }}</h3>
|
||||
<p class="veranstaltungen-liste-datum1 event-date">
|
||||
<h3 class="event-title event-done">{{ Run4 }}</h3>
|
||||
<p class="event-date event-done">
|
||||
<span>26.08.2023, 10:00 Uhr bis 27.08.2023, 14:00 Uhr</span>
|
||||
<br />
|
||||
</p>
|
||||
<p class="veranstaltungen-liste-standort1 event-location">
|
||||
<p class="event-done event-location">
|
||||
<span>Waldritter e.V. (im Raumschiff)</span>
|
||||
<br />
|
||||
<span>Ewaldstrasse 20, 45699 Herten</span>
|
||||
<br />
|
||||
</p>
|
||||
<p class="veranstaltungen-liste-plaetze2 event-location">
|
||||
durchgeführt mit 15 Personen
|
||||
</p>
|
||||
<p class="event-location event-done-green">durchgeführt mit 15 Personen</p>
|
||||
</div>
|
||||
<div class="veranstaltungen-liste-letzte-gelegenheit-run5 event-entry">
|
||||
<h3 class="event-title">{{ Run41 }}</h3>
|
||||
<h3 class="event-title">{{ Run5 }}</h3>
|
||||
<p class="event-date">TBA</p>
|
||||
<p class="event-location">TBA</p>
|
||||
<p class="event-done event-location">{{ Standort5 }}</p>
|
||||
<p class="event-date">TBA</p>
|
||||
</div>
|
||||
<div class="veranstaltungen-liste-letzte-gelegenheit-run6 event-entry">
|
||||
<h3 class="event-title">{{ Run6 }}</h3>
|
||||
<p class="event-date">TBA</p>
|
||||
<p class="event-done event-location">{{ Standort6 }}</p>
|
||||
<p class="event-date">TBA</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -78,14 +70,6 @@
|
|||
export default {
|
||||
name: 'VeranstaltungenListe',
|
||||
props: {
|
||||
Plaetze4: {
|
||||
type: String,
|
||||
default: '2 von 15 Plätzen frei (Stand: 26.05.2023)',
|
||||
},
|
||||
image_src: {
|
||||
type: String,
|
||||
default: 'https://play.teleporthq.io/static/svg/default-img.svg',
|
||||
},
|
||||
Run1: {
|
||||
type: String,
|
||||
default: 'Run 1 (Schweiz)',
|
||||
|
|
@ -111,25 +95,21 @@ export default {
|
|||
type: String,
|
||||
default: 'Run 3 (Deutschland)',
|
||||
},
|
||||
image_alt: {
|
||||
Run5: {
|
||||
type: String,
|
||||
default: 'image',
|
||||
default: 'Run 5 (Schweiz)',
|
||||
},
|
||||
Run6: {
|
||||
type: String,
|
||||
default: 'für weitere Runs muss sich ein anderer Organisator finden',
|
||||
default: 'Run 6 (Schweiz)',
|
||||
},
|
||||
image_alt1: {
|
||||
Standort5: {
|
||||
type: String,
|
||||
default: 'image',
|
||||
default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen',
|
||||
},
|
||||
image_src1: {
|
||||
Standort6: {
|
||||
type: String,
|
||||
default: 'https://play.teleporthq.io/static/svg/default-img.svg',
|
||||
},
|
||||
Run41: {
|
||||
type: String,
|
||||
default: 'Run 5 (Deutschland)',
|
||||
default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen',
|
||||
},
|
||||
},
|
||||
}
|
||||
|
|
@ -147,93 +127,22 @@ export default {
|
|||
flex-direction: column;
|
||||
background-color: rgba(41, 41, 41, 0.8);
|
||||
}
|
||||
.veranstaltungen-liste-run1 {
|
||||
color: var(--dl-color-gray-700);
|
||||
}
|
||||
.veranstaltungen-liste-datum {
|
||||
color: var(--dl-color-gray-700);
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.veranstaltungen-liste-letzte-gelegenheit-run2 {
|
||||
border-bottom-width: 0px;
|
||||
}
|
||||
.veranstaltungen-liste-run2 {
|
||||
color: var(--dl-color-gray-700);
|
||||
}
|
||||
.veranstaltungen-liste-datum1 {
|
||||
color: var(--dl-color-gray-700);
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.veranstaltungen-liste-letzte-gelegenheit-run3 {
|
||||
border-bottom-width: 0px;
|
||||
}
|
||||
.veranstaltungen-liste-run3 {
|
||||
color: var(--dl-color-gray-700);
|
||||
}
|
||||
.veranstaltungen-liste-datum2 {
|
||||
color: var(--dl-color-gray-700);
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.veranstaltungen-liste-letzte-gelegenheit-run4 {
|
||||
border-bottom-width: 0px;
|
||||
}
|
||||
.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);
|
||||
text-align: left;
|
||||
}
|
||||
.veranstaltungen-liste-warteliste1 {
|
||||
color: rgb(0, 221, 0);
|
||||
text-align: left;
|
||||
}
|
||||
.veranstaltungen-liste-letzte-gelegenheit-run5 {
|
||||
border-bottom-width: 3px;
|
||||
}
|
||||
.veranstaltungen-liste-letzte-gelegenheit-run6 {
|
||||
border-bottom-width: 3px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media(max-width: 767px) {
|
||||
|
|
@ -255,6 +164,9 @@ export default {
|
|||
.veranstaltungen-liste-letzte-gelegenheit-run5 {
|
||||
flex-direction: column;
|
||||
}
|
||||
.veranstaltungen-liste-letzte-gelegenheit-run6 {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
@media(max-width: 479px) {
|
||||
.veranstaltungen-liste-veranstaltungen-liste {
|
||||
|
|
|
|||
|
|
@ -2,16 +2,14 @@ import Vue from 'vue'
|
|||
import Router from 'vue-router'
|
||||
import Meta from 'vue-meta'
|
||||
|
||||
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 BerUns from './views/ber-uns'
|
||||
import NotFound from './views/not-found'
|
||||
import './style.css'
|
||||
|
||||
Vue.use(Router)
|
||||
|
|
@ -19,21 +17,11 @@ Vue.use(Meta)
|
|||
export default new Router({
|
||||
mode: 'history',
|
||||
routes: [
|
||||
{
|
||||
name: 'Bologna',
|
||||
path: '/bologna',
|
||||
component: Bologna,
|
||||
},
|
||||
{
|
||||
name: 'Ssse-Trume',
|
||||
path: '/suesse-traeume',
|
||||
component: SsseTrume,
|
||||
},
|
||||
{
|
||||
name: 'Tauglichkeitsexamen',
|
||||
path: '/tauglichkeitsexamen',
|
||||
component: Tauglichkeitsexamen,
|
||||
},
|
||||
{
|
||||
name: 'Larpkonzept',
|
||||
path: '/larpkonzept',
|
||||
|
|
@ -49,16 +37,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',
|
||||
|
|
@ -69,5 +47,16 @@ export default new Router({
|
|||
path: '/',
|
||||
component: Home,
|
||||
},
|
||||
{
|
||||
name: 'ber-uns',
|
||||
path: '/ueber-uns',
|
||||
component: BerUns,
|
||||
},
|
||||
{
|
||||
name: '404 - Not Found',
|
||||
path: '**',
|
||||
component: NotFound,
|
||||
fallback: true,
|
||||
},
|
||||
],
|
||||
})
|
||||
|
|
|
|||
|
|
@ -372,6 +372,12 @@
|
|||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.event-done {
|
||||
color: #999999;
|
||||
}
|
||||
.event-done-green {
|
||||
color: #4CC366;
|
||||
}
|
||||
.Heading {
|
||||
font-size: 32px;
|
||||
font-family: Inter;
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
85
src/views/ber-uns.vue
Normal file
85
src/views/ber-uns.vue
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
<template>
|
||||
<div class="ber-uns-container">
|
||||
<app-navigation rootClassName="navigation-root-class-name10"></app-navigation>
|
||||
<h1 class="ber-uns-heading site-title">
|
||||
<span>Über uns</span>
|
||||
<br />
|
||||
</h1>
|
||||
<div class="ber-uns-container1 text-body">
|
||||
<span>
|
||||
<span>
|
||||
Bis jetzt ist Hermann das einzige offizielle Mitglied vom OpenVisor
|
||||
Team. OpenVisor erhält aber tatkräftige Unterstützung von Anni, Robin
|
||||
und Sydney. In Zukunft wird es sicher mehr Mitglieder im Team geben.
|
||||
</span>
|
||||
<br />
|
||||
<br />
|
||||
<span>
|
||||
Vielleicht sind wir uns ja schonmal über den Weg gelaufen, ohne es zu
|
||||
merken. Folgend ist eine Liste von Larps und ähnlichen Veranstaltungen
|
||||
an denen Hermann teilgenommen hat und teilnehmen wird. :)
|
||||
</span>
|
||||
<br />
|
||||
</span>
|
||||
</div>
|
||||
<a
|
||||
href="https://docs.google.com/spreadsheets/d/1fWIJHFUjcbE5a04M3eIBmRVvBI2bYcDbsys3mc5r7h0/edit?usp=sharing"
|
||||
target="_blank"
|
||||
rel="noreferrer noopener"
|
||||
class="ber-uns-link button"
|
||||
>
|
||||
Hermanns Larperfahrung
|
||||
</a>
|
||||
<app-kontakt></app-kontakt>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AppNavigation from '../components/navigation'
|
||||
import AppKontakt from '../components/kontakt'
|
||||
|
||||
export default {
|
||||
name: 'BerUns',
|
||||
components: {
|
||||
AppNavigation,
|
||||
AppKontakt,
|
||||
},
|
||||
metaInfo: {
|
||||
title: 'OpenVisor - Über uns',
|
||||
meta: [
|
||||
{
|
||||
property: 'og:title',
|
||||
content: 'OpenVisor - Über uns',
|
||||
},
|
||||
{
|
||||
name: 'robots',
|
||||
content: 'noindex',
|
||||
},
|
||||
],
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.ber-uns-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");
|
||||
}
|
||||
.ber-uns-heading {
|
||||
font-size: 64px;
|
||||
}
|
||||
.ber-uns-container1 {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.ber-uns-link {
|
||||
text-decoration: none;
|
||||
}
|
||||
</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>
|
||||
|
|
@ -129,6 +129,10 @@ export default {
|
|||
property: 'og:title',
|
||||
content: 'OpenVisor',
|
||||
},
|
||||
{
|
||||
name: 'robots',
|
||||
content: 'noindex',
|
||||
},
|
||||
],
|
||||
},
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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="rawd446"></span>
|
||||
</span>
|
||||
<span>Spiel startet.</span>
|
||||
<br />
|
||||
|
|
@ -153,7 +153,7 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
rawwxzv: ' ',
|
||||
rawd446: ' ',
|
||||
}
|
||||
},
|
||||
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
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="raw28uc"></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="rawa03x"></span>
|
||||
</span>
|
||||
<span>
|
||||
noch immer weiss und nass. Dieses Mal der Knecht nicht wagte zu fragen
|
||||
|
|
@ -287,7 +287,7 @@
|
|||
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="rawr6z2"></span>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
@ -307,9 +307,9 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
rawv3xl: ' ',
|
||||
rawdog1: ' ',
|
||||
rawtyzd: ' ',
|
||||
raw28uc: ' ',
|
||||
rawa03x: ' ',
|
||||
rawr6z2: ' ',
|
||||
}
|
||||
},
|
||||
metaInfo: {
|
||||
|
|
|
|||
|
|
@ -86,7 +86,8 @@
|
|||
</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-container3">
|
||||
<div class="ssse-trume-container4">
|
||||
<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;'
|
||||
|
|
@ -160,9 +161,11 @@
|
|||
</div>"
|
||||
></DangerousHTML>
|
||||
</div>
|
||||
</div>
|
||||
<h1 class="character-title section-head">Süsse Träume Run 2 Fotos</h1>
|
||||
<span class="ssse-trume-credits1">67 Fotos von Claudia Chiodi</span>
|
||||
<div class="ssse-trume-div">
|
||||
<div class="ssse-trume-container5">
|
||||
<div class="ssse-trume-container6">
|
||||
<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,6 +244,7 @@
|
|||
"
|
||||
></DangerousHTML>
|
||||
</div>
|
||||
</div>
|
||||
<app-kontakt rootClassName="kontakt-root-class-name"></app-kontakt>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -384,9 +388,12 @@ export default {
|
|||
line-height: 30px;
|
||||
margin-bottom: var(--dl-space-space-twounits);
|
||||
}
|
||||
.ssse-trume-run-gallerie {
|
||||
.ssse-trume-container3 {
|
||||
width: 100%;
|
||||
}
|
||||
.ssse-trume-container4 {
|
||||
display: contents;
|
||||
}
|
||||
.ssse-trume-credits1 {
|
||||
color: rgb(255, 255, 255);
|
||||
font-size: 20px;
|
||||
|
|
@ -395,9 +402,12 @@ export default {
|
|||
line-height: 30px;
|
||||
margin-bottom: var(--dl-space-space-twounits);
|
||||
}
|
||||
.ssse-trume-div {
|
||||
.ssse-trume-container5 {
|
||||
width: 100%;
|
||||
}
|
||||
.ssse-trume-container6 {
|
||||
display: contents;
|
||||
}
|
||||
@media(max-width: 767px) {
|
||||
.ssse-trume-credits {
|
||||
font-size: 16px;
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
Loading…
Reference in a new issue