OpenVisor/OpenVisor-Website
OpenVisor/OpenVisor-Website
1
1
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Add Newsletter Form

Browse source
This commit is contained in:
OpenVisor 2024-04-26 21:57:07 +02:00
parent a82d91e6c8
commit f3b9e5a957
16 changed files with 90 additions and 72 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/bunkeransichtcompressed.jpg
View file

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 310 KiB

After

Width:  |  Height:  |  Size: 361 KiB

BIN
public/denied-800w.png
View file

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 59 KiB

After

Width:  |  Height:  |  Size: 30 KiB

38
src/components/kontakt.vue → src/components/footer.vue
View file

@ -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">
<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);
}

28
src/components/info-box.vue
View file

@ -32,7 +32,7 @@
<br />
<span>
 ·
<span v-html="rawuo04"></span>
<span v-html="rawga4d"></span>
</span>
<span>
Intensive Momente und Emotionen ermöglichen, die in Erinnerung
@ -42,7 +42,7 @@
<br />
<span>
 ·
<span v-html="rawl4b1"></span>
<span v-html="raw7vca"></span>
</span>
<span>
Persönliche Auseinandersetzungen der Spieler mit nicht
@ -53,7 +53,7 @@
<br />
<span>
 ·
<span v-html="rawtnqa"></span>
<span v-html="rawj7iw"></span>
</span>
<span>
Interne Charakterentwicklung oder -verfestigung durch externe
@ -63,14 +63,14 @@
<br />
<span>
 ·
<span v-html="rawmi52"></span>
<span v-html="rawt1nz"></span>
</span>
<span>Dilemmata mit sich selbst und mit anderen.</span>
<br />
<br />
<span>
 ·
<span v-html="rawtxr0"></span>
<span v-html="raw7rzk"></span>
</span>
<span>
Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern
@ -254,7 +254,7 @@
<br />
<span>
Wir werden das
<span v-html="rawz1y1"></span>
<span v-html="rawha5j"></span>
</span>
<router-link to="/larpkonzept" class="info-box-navlink">
Open Visor Larpkonzept
@ -518,7 +518,7 @@
<br />
<span>
Parkplatz:
<span v-html="rawnc6r"></span>
<span v-html="rawby4p"></span>
</span>
<a
href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA"
@ -1458,13 +1458,13 @@ export default {
},
data() {
return {
rawuo04: ' ',
rawl4b1: ' ',
rawtnqa: ' ',
rawmi52: ' ',
rawtxr0: ' ',
rawz1y1: ' ',
rawnc6r: ' ',
rawga4d: ' ',
raw7vca: ' ',
rawj7iw: ' ',
rawt1nz: ' ',
raw7rzk: ' ',
rawha5j: ' ',
rawby4p: ' ',
}
},
}

4
src/components/row1.vue
View file

@ -8,7 +8,7 @@
<h1 class="row1-header1">
<span>
Leitung der Justizvollzugsanstalt
<span v-html="rawyyam"></span>
<span v-html="rawb0i1"></span>
</span>
<br />
</h1>
@ -125,7 +125,7 @@ export default {
},
data() {
return {
rawyyam: ' ',
rawb0i1: ' ',
}
},
}

4
src/components/row5.vue
View file

@ -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="raw33fx"></span>
<span v-html="raww43f"></span>
</span>
<span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span>
<br />
@ -122,7 +122,7 @@ export default {
},
data() {
return {
raw33fx: ' ',
raww43f: ' ',
}
},
}

6
src/views/alptraum.vue
View file

@ -12,19 +12,19 @@
class="alptraum-iframe"
></iframe>
</div>
<app-kontakt></app-kontakt>
<app-footer></app-footer>
</div>
</template>
<script>
import AppNavigation from '../components/navigation'
import AppKontakt from '../components/kontakt'
import AppFooter from '../components/footer'
export default {
name: 'Alptraum',
components: {
AppNavigation,
AppKontakt,
AppFooter,
},
metaInfo: {
title: 'Alptraum',

6
src/views/bologna.vue
View file

@ -21,19 +21,19 @@
</div>
</a>
</div>
<app-kontakt></app-kontakt>
<app-footer></app-footer>
</div>
</template>
<script>
import AppNavigation from '../components/navigation'
import AppKontakt from '../components/kontakt'
import AppFooter from '../components/footer'
export default {
name: 'Bologna',
components: {
AppNavigation,
AppKontakt,
AppFooter,
},
metaInfo: {
title: 'Bologna',

6
src/views/ein-orden-fr-eine-gute-tat.vue
View file

@ -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',

6
src/views/home.vue
View file

@ -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',

6
src/views/larpkonzept.vue
View file

@ -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',

18
src/views/letzte-gelegenheit.vue
View file

@ -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="rawvix6"></span>
<span v-html="rawb6d4"></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 {
rawvix6: ' ',
rawb6d4: ' ',
}
},
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) {

18
src/views/rosenteufel.vue
View file

@ -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="rawd8fu"></span>
<span v-html="raw2skb"></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="raw02x5"></span>
<span v-html="raw5b58"></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="rawc1gw"></span>
<span v-html="raw3zto"></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 {
rawd8fu: ' ',
raw02x5: ' ',
rawc1gw: ' ',
raw2skb: ' ',
raw5b58: ' ',
raw3zto: ' ',
}
},
metaInfo: {

6
src/views/ssse-trume.vue
View file

@ -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',

6
src/views/tauglichkeitsexamen.vue
View file

@ -12,19 +12,19 @@
class="tauglichkeitsexamen-iframe"
></iframe>
</div>
<app-kontakt></app-kontakt>
<app-footer></app-footer>
</div>
</template>
<script>
import AppNavigation from '../components/navigation'
import AppKontakt from '../components/kontakt'
import AppFooter from '../components/footer'
export default {
name: 'Tauglichkeitsexamen',
components: {
AppNavigation,
AppKontakt,
AppFooter,
},
metaInfo: {
title: 'Tauglichkeitsexamen',

6
src/views/urlaubsantrag.vue
View file

@ -9,19 +9,19 @@
<div class="urlaubsantrag-container1">
<img alt="image" src="/denied-800w.png" class="urlaubsantrag-image" />
</div>
<app-kontakt></app-kontakt>
<app-footer></app-footer>
</div>
</template>
<script>
import AppNavigation from '../components/navigation'
import AppKontakt from '../components/kontakt'
import AppFooter from '../components/footer'
export default {
name: 'Urlaubsantrag',
components: {
AppNavigation,
AppKontakt,
AppFooter,
},
metaInfo: {
title: 'Urlaubsantrag',