Attempt to fix mobile menu
This commit is contained in:
parent
773614d326
commit
79a70f12ff
|
@ -32,7 +32,7 @@
|
|||
<br />
|
||||
<span>
|
||||
·
|
||||
<span v-html="raw77vo"></span>
|
||||
<span v-html="rawnpvn"></span>
|
||||
</span>
|
||||
<span>
|
||||
Intensive Momente und Emotionen ermöglichen, die in Erinnerung
|
||||
|
@ -42,7 +42,7 @@
|
|||
<br />
|
||||
<span>
|
||||
·
|
||||
<span v-html="rawvlyz"></span>
|
||||
<span v-html="rawe9wp"></span>
|
||||
</span>
|
||||
<span>
|
||||
Persönliche Auseinandersetzungen der Spieler mit nicht
|
||||
|
@ -53,7 +53,7 @@
|
|||
<br />
|
||||
<span>
|
||||
·
|
||||
<span v-html="rawed5o"></span>
|
||||
<span v-html="raw5e4n"></span>
|
||||
</span>
|
||||
<span>
|
||||
Interne Charakterentwicklung oder -verfestigung durch externe
|
||||
|
@ -63,14 +63,14 @@
|
|||
<br />
|
||||
<span>
|
||||
·
|
||||
<span v-html="rawxy9z"></span>
|
||||
<span v-html="rawpf7y"></span>
|
||||
</span>
|
||||
<span>Dilemmata mit sich selbst und mit anderen.</span>
|
||||
<br />
|
||||
<br />
|
||||
<span>
|
||||
·
|
||||
<span v-html="rawrkzg"></span>
|
||||
<span v-html="raww60b"></span>
|
||||
</span>
|
||||
<span>
|
||||
Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern
|
||||
|
@ -254,7 +254,7 @@
|
|||
<br />
|
||||
<span>
|
||||
Wir werden das
|
||||
<span v-html="rawvdw5"></span>
|
||||
<span v-html="rawmw5k"></span>
|
||||
</span>
|
||||
<router-link to="/larpkonzept" class="info-box-navlink">
|
||||
Open Visor Larpkonzept
|
||||
|
@ -518,7 +518,7 @@
|
|||
<br />
|
||||
<span>
|
||||
Parkplatz:
|
||||
<span v-html="raw77rr"></span>
|
||||
<span v-html="raw2kz5"></span>
|
||||
</span>
|
||||
<a
|
||||
href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA"
|
||||
|
@ -1458,13 +1458,13 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
raw77vo: ' ',
|
||||
rawvlyz: ' ',
|
||||
rawed5o: ' ',
|
||||
rawxy9z: ' ',
|
||||
rawrkzg: ' ',
|
||||
rawvdw5: ' ',
|
||||
raw77rr: ' ',
|
||||
rawnpvn: ' ',
|
||||
rawe9wp: ' ',
|
||||
raw5e4n: ' ',
|
||||
rawpf7y: ' ',
|
||||
raww60b: ' ',
|
||||
rawmw5k: ' ',
|
||||
raw2kz5: ' ',
|
||||
}
|
||||
},
|
||||
}
|
||||
|
|
1110
src/components/navbar-interactive.vue
Normal file
1110
src/components/navbar-interactive.vue
Normal file
File diff suppressed because it is too large
Load diff
|
@ -17,6 +17,9 @@
|
|||
<router-link to="/" class="navigation-home nav-link">
|
||||
{{ Home }}
|
||||
</router-link>
|
||||
<router-link to="/ueber-uns" class="navigation-ueber-uns nav-link">
|
||||
{{ UeberUns }}
|
||||
</router-link>
|
||||
<router-link to="/larpkonzept" class="navigation-larpkonzept nav-link">
|
||||
{{ Larpkonzept }}
|
||||
</router-link>
|
||||
|
@ -151,6 +154,9 @@
|
|||
<router-link to="/" class="navigation-home1 nav-link">
|
||||
{{ Home }}
|
||||
</router-link>
|
||||
<router-link to="/ueber-uns" class="navigation-ueber-uns1 nav-link">
|
||||
{{ UeberUns }}
|
||||
</router-link>
|
||||
<router-link
|
||||
to="/larpkonzept"
|
||||
class="navigation-larpkonzept1 nav-link"
|
||||
|
@ -300,6 +306,10 @@ export default {
|
|||
type: String,
|
||||
default: 'Larps',
|
||||
},
|
||||
UeberUns: {
|
||||
type: String,
|
||||
default: 'Über uns',
|
||||
},
|
||||
EinOrdenFuerEineGuteTat: {
|
||||
type: String,
|
||||
default: 'Ein Orden für eine gute Tat',
|
||||
|
@ -317,10 +327,6 @@ export default {
|
|||
default: 'Rosenteufel',
|
||||
},
|
||||
rootClassName: String,
|
||||
image_alt: {
|
||||
type: String,
|
||||
default: 'image',
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
@ -328,28 +334,16 @@ export default {
|
|||
<style scoped>
|
||||
.navigation-navbar {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
z-index: 1000;
|
||||
position: relative;
|
||||
max-width: 1200px;
|
||||
align-self: auto;
|
||||
align-items: center;
|
||||
flex-shrink: 1;
|
||||
padding-top: var(--dl-space-space-twounits);
|
||||
padding-left: var(--dl-space-space-oneandhalfunits);
|
||||
padding-right: var(--dl-space-space-oneandhalfunits);
|
||||
padding-bottom: var(--dl-space-space-twounits);
|
||||
justify-content: space-between;
|
||||
}
|
||||
.navigation-navbar-interactive {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
position: relative;
|
||||
align-items: center;
|
||||
padding-top: var(--dl-space-space-twounits);
|
||||
padding-left: var(--dl-space-space-oneandhalfunits);
|
||||
padding-top: var(--dl-space-space-fourunits);
|
||||
padding-left: var(--dl-space-space-threeunits);
|
||||
padding-right: var(--dl-space-space-threeunits);
|
||||
padding-bottom: var(--dl-space-space-twounits);
|
||||
padding-bottom: var(--dl-space-space-fourunits);
|
||||
justify-content: space-between;
|
||||
}
|
||||
.navigation-navlink {
|
||||
|
@ -378,6 +372,12 @@ export default {
|
|||
line-height: 1.15;
|
||||
text-decoration: none;
|
||||
}
|
||||
.navigation-ueber-uns {
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: 1.15;
|
||||
text-decoration: none;
|
||||
}
|
||||
.navigation-larpkonzept {
|
||||
color: #ffffff;
|
||||
font-style: normal;
|
||||
|
@ -654,15 +654,14 @@ export default {
|
|||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
display: none;
|
||||
padding: 32px;
|
||||
z-index: 100;
|
||||
position: fixed;
|
||||
transform: translateY(-100%);
|
||||
transition: 0.5s;
|
||||
position: absolute;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
background-color: rgba(0,0,0,0.8);
|
||||
transition-duration: 0.5;
|
||||
}
|
||||
.navigation-nav1 {
|
||||
display: flex;
|
||||
|
@ -706,6 +705,13 @@ export default {
|
|||
margin-bottom: var(--dl-space-space-unit);
|
||||
text-decoration: none;
|
||||
}
|
||||
.navigation-ueber-uns1 {
|
||||
font-style: normal;
|
||||
font-family: Poppins;
|
||||
font-weight: 500;
|
||||
margin-bottom: var(--dl-space-space-unit);
|
||||
text-decoration: none;
|
||||
}
|
||||
.navigation-larpkonzept1 {
|
||||
font-style: normal;
|
||||
font-family: Poppins;
|
||||
|
@ -957,9 +963,6 @@ export default {
|
|||
font-family: Poppins;
|
||||
font-weight: 400;
|
||||
}
|
||||
.navigation-root-class-name {
|
||||
max-width: 1200px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
@ -980,35 +983,35 @@ export default {
|
|||
.navigation-root-class-name10 {
|
||||
max-width: 1200px;
|
||||
}
|
||||
|
||||
@media(max-width: 991px) {
|
||||
.navigation-nav {
|
||||
gap: var(--dl-space-space-twounits);
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
@media(max-width: 767px) {
|
||||
.navigation-navbar {
|
||||
padding-bottom: var(--dl-space-space-fourunits);
|
||||
}
|
||||
.navigation-navbar-interactive {
|
||||
padding-left: TwoUnits;
|
||||
padding-right: var(--dl-space-space-twounits);
|
||||
padding-bottom: var(--dl-space-space-twounits);
|
||||
}
|
||||
.navigation-desktop-menu {
|
||||
display: none;
|
||||
}
|
||||
.navigation-nav {
|
||||
gap: var(--dl-space-space-twounits);
|
||||
justify-content: center;
|
||||
}
|
||||
.navigation-burger-menu {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
@media(max-width: 767px) {
|
||||
.navigation-dropdown-list {
|
||||
display: none;
|
||||
}
|
||||
.navigation-dropdown-list1 {
|
||||
display: none;
|
||||
}
|
||||
.navigation-burger-menu {
|
||||
display: flex;
|
||||
}
|
||||
.navigation-home1 {
|
||||
color: #ffffff;
|
||||
}
|
||||
.navigation-ueber-uns1 {
|
||||
color: #ffffff;
|
||||
}
|
||||
.navigation-larpkonzept1 {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
@ -1053,9 +1056,6 @@ export default {
|
|||
.navigation-navbar-interactive {
|
||||
padding: var(--dl-space-space-unit);
|
||||
}
|
||||
.navigation-mobile-menu {
|
||||
padding: 16px;
|
||||
}
|
||||
.navigation-icon08 {
|
||||
fill: #ffffff;
|
||||
}
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
<h1 class="row1-header1">
|
||||
<span>
|
||||
Leitung der Justizvollzugsanstalt
|
||||
<span v-html="rawlz4n"></span>
|
||||
<span v-html="raw0cwz"></span>
|
||||
</span>
|
||||
<br />
|
||||
</h1>
|
||||
|
@ -125,7 +125,7 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
rawlz4n: ' ',
|
||||
raw0cwz: ' ',
|
||||
}
|
||||
},
|
||||
}
|
||||
|
|
|
@ -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="rawa889"></span>
|
||||
<span v-html="rawizt7"></span>
|
||||
</span>
|
||||
<span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span>
|
||||
<br />
|
||||
|
@ -122,7 +122,7 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
rawa889: ' ',
|
||||
rawizt7: ' ',
|
||||
}
|
||||
},
|
||||
}
|
||||
|
|
|
@ -70,6 +70,10 @@
|
|||
export default {
|
||||
name: 'VeranstaltungenListe',
|
||||
props: {
|
||||
Standort5: {
|
||||
type: String,
|
||||
default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen',
|
||||
},
|
||||
Run1: {
|
||||
type: String,
|
||||
default: 'Run 1 (Schweiz)',
|
||||
|
@ -86,6 +90,10 @@ export default {
|
|||
type: String,
|
||||
default: '1. April 2023, 10:00 Uhr bis 2. April 2023, 14:00 Uhr',
|
||||
},
|
||||
Run6: {
|
||||
type: String,
|
||||
default: 'Run 6 (Schweiz)',
|
||||
},
|
||||
rootClassName: String,
|
||||
Run2: {
|
||||
type: String,
|
||||
|
@ -95,22 +103,14 @@ export default {
|
|||
type: String,
|
||||
default: 'Run 3 (Deutschland)',
|
||||
},
|
||||
Run5: {
|
||||
type: String,
|
||||
default: 'Run 5 (Schweiz)',
|
||||
},
|
||||
Run6: {
|
||||
type: String,
|
||||
default: 'Run 6 (Schweiz)',
|
||||
},
|
||||
Standort5: {
|
||||
type: String,
|
||||
default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen',
|
||||
},
|
||||
Standort6: {
|
||||
type: String,
|
||||
default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen',
|
||||
},
|
||||
Run5: {
|
||||
type: String,
|
||||
default: 'Run 5 (Schweiz)',
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
|
|
@ -3,12 +3,12 @@ import Router from 'vue-router'
|
|||
import Meta from 'vue-meta'
|
||||
|
||||
import SsseTrume from './views/ssse-trume'
|
||||
import BerUns from './views/ber-uns'
|
||||
import Larpkonzept from './views/larpkonzept'
|
||||
import EinOrdenFrEineGuteTat from './views/ein-orden-fr-eine-gute-tat'
|
||||
import LetzteGelegenheit from './views/letzte-gelegenheit'
|
||||
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'
|
||||
|
||||
|
@ -22,6 +22,11 @@ export default new Router({
|
|||
path: '/suesse-traeume',
|
||||
component: SsseTrume,
|
||||
},
|
||||
{
|
||||
name: 'ber-uns',
|
||||
path: '/ueber-uns',
|
||||
component: BerUns,
|
||||
},
|
||||
{
|
||||
name: 'Larpkonzept',
|
||||
path: '/larpkonzept',
|
||||
|
@ -47,11 +52,6 @@ export default new Router({
|
|||
path: '/',
|
||||
component: Home,
|
||||
},
|
||||
{
|
||||
name: 'ber-uns',
|
||||
path: '/ueber-uns',
|
||||
component: BerUns,
|
||||
},
|
||||
{
|
||||
name: '404 - Not Found',
|
||||
path: '**',
|
||||
|
|
|
@ -77,7 +77,6 @@
|
|||
}
|
||||
.teleport-show {
|
||||
display: flex !important;
|
||||
transform: translateY(0%) !important;
|
||||
}
|
||||
.nav-link {
|
||||
color: #fff;
|
||||
|
|
|
@ -27,9 +27,11 @@
|
|||
</span>
|
||||
<br />
|
||||
<br />
|
||||
<span> · 28 Seiten</span>
|
||||
<br />
|
||||
<span> · 14 Illustrationen</span>
|
||||
<span class="ein-orden-fr-eine-gute-tat-text11"> · 28 Seiten</span>
|
||||
<br class="ein-orden-fr-eine-gute-tat-text12" />
|
||||
<span class="ein-orden-fr-eine-gute-tat-text13">
|
||||
· 14 Illustrationen
|
||||
</span>
|
||||
<br />
|
||||
</span>
|
||||
<a
|
||||
|
@ -38,7 +40,7 @@
|
|||
rel="noreferrer noopener"
|
||||
>
|
||||
<div class="button">
|
||||
<span class="ein-orden-fr-eine-gute-tat-anmeldung">
|
||||
<span class="button-text">
|
||||
<span>PDF Download</span>
|
||||
<br />
|
||||
</span>
|
||||
|
@ -124,23 +126,9 @@ export default {
|
|||
.ein-orden-fr-eine-gute-tat-text05 {
|
||||
font-style: italic;
|
||||
}
|
||||
.ein-orden-fr-eine-gute-tat-text06 {
|
||||
font-style: italic;
|
||||
}
|
||||
.ein-orden-fr-eine-gute-tat-text07 {
|
||||
font-style: italic;
|
||||
}
|
||||
.ein-orden-fr-eine-gute-tat-text08 {
|
||||
font-style: italic;
|
||||
}
|
||||
.ein-orden-fr-eine-gute-tat-anmeldung {
|
||||
color: rgb(12, 16, 12);
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-family: Poppins;
|
||||
font-weight: 500;
|
||||
line-height: 24px;
|
||||
}
|
||||
.ein-orden-fr-eine-gute-tat-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
@ -157,6 +145,31 @@ export default {
|
|||
.ein-orden-fr-eine-gute-tat-beschreibung {
|
||||
width: 90%;
|
||||
}
|
||||
.ein-orden-fr-eine-gute-tat-text04 {
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
.ein-orden-fr-eine-gute-tat-text05 {
|
||||
font-style: italic;
|
||||
}
|
||||
.ein-orden-fr-eine-gute-tat-text06 {
|
||||
font-style: italic;
|
||||
}
|
||||
.ein-orden-fr-eine-gute-tat-text07 {
|
||||
font-style: italic;
|
||||
}
|
||||
.ein-orden-fr-eine-gute-tat-text08 {
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
}
|
||||
.ein-orden-fr-eine-gute-tat-text11 {
|
||||
font-weight: 500;
|
||||
}
|
||||
.ein-orden-fr-eine-gute-tat-text12 {
|
||||
font-weight: 500;
|
||||
}
|
||||
.ein-orden-fr-eine-gute-tat-text13 {
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
@media(max-width: 767px) {
|
||||
.ein-orden-fr-eine-gute-tat-heading {
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="home-container">
|
||||
<app-navigation rootClassName="navigation-root-class-name"></app-navigation>
|
||||
<app-navigation rootClassName="navigation-root-class-name11"></app-navigation>
|
||||
<h1 class="home-heading site-title">
|
||||
<span>OpenVisor</span>
|
||||
<br />
|
||||
|
|
|
@ -16,9 +16,9 @@
|
|||
href="https://docs.google.com/presentation/d/1vgGPkM1BdSP3smg-d_qFOz0lCks8BZ_P6cLRgP1mDWY/edit?usp=sharing"
|
||||
target="_blank"
|
||||
rel="noreferrer noopener"
|
||||
class="larpkonzept-link button"
|
||||
class="button"
|
||||
>
|
||||
zum Larpkonzept
|
||||
<span class="button-text">zum Larpkonzept</span>
|
||||
</a>
|
||||
<app-kontakt rootClassName="kontakt-root-class-name2"></app-kontakt>
|
||||
</div>
|
||||
|
@ -88,9 +88,6 @@ export default {
|
|||
font-family: Poppins;
|
||||
line-height: 30px;
|
||||
}
|
||||
.larpkonzept-link {
|
||||
text-decoration: none;
|
||||
}
|
||||
@media(max-width: 767px) {
|
||||
.larpkonzept-heading {
|
||||
font-size: 40px;
|
||||
|
|
|
@ -58,7 +58,9 @@
|
|||
rel="noreferrer noopener"
|
||||
class="letzte-gelegenheit-link"
|
||||
>
|
||||
<div class="button"><span class="button-text">Design-Dokument</span></div>
|
||||
<div class="button">
|
||||
<span class="button-text">Infos (Design-Dokument)</span>
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
href="https://forms.gle/YL6fFSHqY43TsV4B7"
|
||||
|
@ -87,7 +89,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="raw9spr"></span>
|
||||
<span v-html="rawgheo"></span>
|
||||
</span>
|
||||
<span>Spiel startet.</span>
|
||||
<br />
|
||||
|
@ -147,7 +149,7 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
raw9spr: ' ',
|
||||
rawgheo: ' ',
|
||||
}
|
||||
},
|
||||
metaInfo: {
|
||||
|
@ -248,6 +250,7 @@ export default {
|
|||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
}
|
||||
.letzte-gelegenheit-link {
|
||||
|
@ -273,6 +276,9 @@ export default {
|
|||
.letzte-gelegenheit-veranstaltungen-kapitel {
|
||||
border-color: transparent;
|
||||
}
|
||||
.letzte-gelegenheit-buttons {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
@media(max-width: 479px) {
|
||||
.letzte-gelegenheit-title {
|
||||
|
|
|
@ -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="raw2u6f"></span>
|
||||
<span v-html="rawyo4w"></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="rawlr1a"></span>
|
||||
<span v-html="rawa4a4"></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="rawqyby"></span>
|
||||
<span v-html="rawg5f7"></span>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
|
@ -307,9 +307,9 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
raw2u6f: ' ',
|
||||
rawlr1a: ' ',
|
||||
rawqyby: ' ',
|
||||
rawyo4w: ' ',
|
||||
rawa4a4: ' ',
|
||||
rawg5f7: ' ',
|
||||
}
|
||||
},
|
||||
metaInfo: {
|
||||
|
|
Loading…
Reference in a new issue