122 lines
3 KiB
Vue
122 lines
3 KiB
Vue
<template>
|
|
<div class="ssse-trume1-container">
|
|
<app-navbar rootClassName="navbar-root-class-name"></app-navbar>
|
|
<h1 class="ssse-trume1-heading">
|
|
<span>Süsse Träume</span>
|
|
<br />
|
|
</h1>
|
|
<span class="ssse-trume1-caption">
|
|
<span>Fantasy Mini-LARP</span>
|
|
<br />
|
|
</span>
|
|
<p class="ssse-trume1-description">
|
|
<span>
|
|
"Weisst du, wer du bist? Was du bereust, befürchtest, vergessen
|
|
möchtest? Was du erreichen möchtest und was dir alles recht ist um dies zu
|
|
erreichen? Zeit, deine Antworten auf diese Fragen auf die Probe zu
|
|
stellen..."
|
|
</span>
|
|
<br />
|
|
<br />
|
|
<span>
|
|
Süsse Träume war ein Fantasy Minilarp (nicht Nordic) im Wald von Eschikon
|
|
(8315 Lindau, Schweiz) das Sue und Hermann organisierten. Es ging darum,
|
|
dass ein Hexer Trajar die Spielercharaktere in seine Traumwelt entführte,
|
|
als diese sich schlafen legten. Hier wurde das Open Visor Larpkonzept noch
|
|
nicht verwendet.
|
|
</span>
|
|
<br />
|
|
</p>
|
|
<app-footer rootClassName="footer-root-class-name"></app-footer>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import AppNavbar from '../components/navbar'
|
|
import AppFooter from '../components/footer'
|
|
|
|
export default {
|
|
name: 'SsseTrume1',
|
|
components: {
|
|
AppNavbar,
|
|
AppFooter,
|
|
},
|
|
metaInfo: {
|
|
title: 'Ssse-Trume1 - Open Visor',
|
|
meta: [
|
|
{
|
|
property: 'og:title',
|
|
content: 'Ssse-Trume1 - Open Visor',
|
|
},
|
|
],
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.ssse-trume1-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("/playground_assets/forest-background-luca-dross-1500w.jpg");
|
|
}
|
|
.ssse-trume1-heading {
|
|
color: rgb(255, 255, 255);
|
|
font-size: 64px;
|
|
font-style: normal;
|
|
font-family: Poppins;
|
|
font-weight: 600;
|
|
}
|
|
.ssse-trume1-caption {
|
|
color: rgb(255, 255, 255);
|
|
font-size: 20px;
|
|
font-family: Poppins;
|
|
line-height: 30px;
|
|
}
|
|
.ssse-trume1-description {
|
|
color: rgb(255, 255, 255);
|
|
width: 1080px;
|
|
font-size: 20px;
|
|
align-self: center;
|
|
font-style: normal;
|
|
margin-top: var(--dl-space-space-twounits);
|
|
font-family: Poppins;
|
|
font-weight: 400;
|
|
line-height: 28px;
|
|
padding-top: var(--dl-space-space-oneandhalfunits);
|
|
padding-left: var(--dl-space-space-oneandhalfunits);
|
|
padding-right: var(--dl-space-space-oneandhalfunits);
|
|
padding-bottom: var(--dl-space-space-oneandhalfunits);
|
|
background-color: rgba(41, 41, 41, 0.8);
|
|
}
|
|
@media(max-width: 991px) {
|
|
.ssse-trume1-heading {
|
|
text-align: left;
|
|
}
|
|
.ssse-trume1-caption {
|
|
text-align: left;
|
|
}
|
|
}
|
|
@media(max-width: 767px) {
|
|
.ssse-trume1-heading {
|
|
font-size: 40px;
|
|
}
|
|
.ssse-trume1-caption {
|
|
color: rgb(255, 255, 255);
|
|
font-size: 16px;
|
|
font-family: Poppins;
|
|
line-height: 24px;
|
|
}
|
|
}
|
|
@media(max-width: 479px) {
|
|
.ssse-trume1-heading {
|
|
max-width: 280px;
|
|
}
|
|
}
|
|
</style>
|