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

Attempt to fix mobile menu

Browse source
This commit is contained in:
OpenVisor 2024-04-26 21:57:09 +02:00
parent 773614d326
commit 79a70f12ff
13 changed files with 1238 additions and 113 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -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
View file

File diff suppressed because it is too large Load diff

86
src/components/navigation.vue
View file

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

4
src/components/row1.vue
View file

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

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="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: ' ',
}
},
}

24
src/components/veranstaltungen-liste.vue
View file

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

12
src/router.js
View file

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

1
src/style.css
View file

@ -77,7 +77,6 @@
}
.teleport-show {
display: flex !important;
transform: translateY(0%) !important;
}
.nav-link {
color: #fff;

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

@ -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 {

2
src/views/home.vue
View file

@ -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 />

7
src/views/larpkonzept.vue
View file

@ -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;

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

@ -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 {

12
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="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: {