diff --git a/public/index.html b/public/index.html index 62c9bf6..a58d084 100644 --- a/public/index.html +++ b/public/index.html @@ -1,15 +1,17 @@ - - - OpenVisor - - - - - - - - - - - @@ -64,15 +60,13 @@ [data-thq="thq-dropdown"]:hover > div [data-thq="thq-dropdown-arrow"] { transform: rotate(90deg); } - - - -
- +
- - + > diff --git a/public/kurzgeschichten/openvisor_kurzgeschichte_skizze_einsames_schaf-1200w.webp b/public/kurzgeschichten/openvisor_kurzgeschichte_skizze_einsames_schaf-1200w.webp new file mode 100644 index 0000000..03068a2 Binary files /dev/null and b/public/kurzgeschichten/openvisor_kurzgeschichte_skizze_einsames_schaf-1200w.webp differ diff --git a/public/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_die_loesung_gegen_leid-1200w.webp b/public/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_die_loesung_gegen_leid-1200w.webp new file mode 100644 index 0000000..8ca6a69 Binary files /dev/null and b/public/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_die_loesung_gegen_leid-1200w.webp differ diff --git a/public/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_einsames_schaf-1200w.jpg b/public/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_einsames_schaf-1200w.jpg deleted file mode 100644 index d1dc592..0000000 Binary files a/public/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_einsames_schaf-1200w.jpg and /dev/null differ diff --git a/public/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_lasst_mich_ruhen-1200w.webp b/public/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_lasst_mich_ruhen-1200w.webp new file mode 100644 index 0000000..b2968b8 Binary files /dev/null and b/public/kurzgeschichten/openvisor_kurzgeschichte_zeichnung_lasst_mich_ruhen-1200w.webp differ diff --git a/src/components/download-button.vue b/src/components/download-button.vue index 067b512..784a632 100644 --- a/src/components/download-button.vue +++ b/src/components/download-button.vue @@ -1,9 +1,9 @@ + + diff --git a/src/components/kontakt.vue b/src/components/kontakt.vue index ea0cd33..d1dc166 100644 --- a/src/components/kontakt.vue +++ b/src/components/kontakt.vue @@ -1,28 +1,23 @@ + + diff --git a/src/components/summary-larps.vue b/src/components/summary-larps.vue index 2ff15c8..73bbeb9 100644 --- a/src/components/summary-larps.vue +++ b/src/components/summary-larps.vue @@ -1,66 +1,61 @@ @@ -75,4 +70,5 @@ export default { .summary-larps-button1:hover { opacity: 0.5; } + diff --git a/src/components/summary-shortstories.vue b/src/components/summary-shortstories.vue index e6c54a1..4255580 100644 --- a/src/components/summary-shortstories.vue +++ b/src/components/summary-shortstories.vue @@ -1,112 +1,144 @@ diff --git a/src/router.js b/src/router.js index 3b69fad..03f40e6 100644 --- a/src/router.js +++ b/src/router.js @@ -2,10 +2,11 @@ import Vue from 'vue' import Router from 'vue-router' import Meta from 'vue-meta' -import DramaGames from './views/drama-games' +import Games from './views/games' import EinsamesSchaf from './views/kurzgeschichten/einsames-schaf' +import GefangenerGorilla from './views/kurzgeschichten/gefangener-gorilla' import MeinLieblingsmensch from './views/mein-lieblingsmensch' -import MurphysLARP from './views/drama-games/murphys-larp' +import MurphysLARP from './views/games/murphys-larp' import Kurzgeschichten from './views/kurzgeschichten' import LARPs from './views/lar-ps' import SsseTrume from './views/larps/ssse-trume' @@ -15,7 +16,9 @@ import EinOrdenFrEineGuteTat from './views/kurzgeschichten/ein-orden-fr-eine-gut import LetzteGelegenheit from './views/larps/letzte-gelegenheit' import Rosenteufel from './views/kurzgeschichten/rosenteufel' import Home from './views/home' -import GefangenerGorilla from './views/kurzgeschichten/gefangener-gorilla' +import Assemblatron from './views/games/assemblatron' +import LasstMichRuhen from './views/kurzgeschichten/lasst-mich-ruhen' +import DieLsungGegenLeid from './views/kurzgeschichten/die-lsung-gegen-leid' import NotFound from './views/not-found' import './style.css' @@ -25,15 +28,20 @@ export default new Router({ mode: 'history', routes: [ { - name: 'Drama-Games', + name: 'Games', path: '/drama-games', - component: DramaGames, + component: Games, }, { name: 'Einsames-Schaf', path: '/kurzgeschichten/einsames-schaf', component: EinsamesSchaf, }, + { + name: 'Gefangener-Gorilla', + path: '/kurzgeschichten/gefangener-gorilla', + component: GefangenerGorilla, + }, { name: 'Mein-Lieblingsmensch', path: '/mein-lieblingsmensch', @@ -41,7 +49,7 @@ export default new Router({ }, { name: 'Murphys-LARP', - path: '/drama-games/murphys-larp', + path: '/games/murphys-larp', component: MurphysLARP, }, { @@ -90,9 +98,19 @@ export default new Router({ component: Home, }, { - name: 'Gefangener-Gorilla', - path: '/kurzgeschichten/gefangener-gorilla', - component: GefangenerGorilla, + name: 'Assemblatron', + path: '/games/assemblatron', + component: Assemblatron, + }, + { + name: 'Lasst-mich-Ruhen', + path: '/kurzgeschichten/lasst-mich-ruhen', + component: LasstMichRuhen, + }, + { + name: 'Die-Lsung-gegen-Leid', + path: '/kurzgeschichten/die-loesung-gegen-leid', + component: DieLsungGegenLeid, }, { name: '404 - Not Found', diff --git a/src/style.css b/src/style.css index a3cb15d..18584d8 100644 --- a/src/style.css +++ b/src/style.css @@ -716,6 +716,17 @@ width: 100%; margin-top: var(--dl-space-space-twounits); } +.event-list { + flex: 0 0 auto; + width: 95%; + display: flex; + position: relative; + max-width: 1200px; + align-self: center; + align-items: stretch; + flex-direction: column; + background-color: rgba(41, 41, 41, 0.8); +} .Heading { font-size: 32px; font-family: Inter; @@ -809,6 +820,9 @@ .desktop-menu-dropdown-list { display: none; } + .event-list { + flex-wrap: wrap; + } } @media(max-width: 479px) { .section-head { @@ -832,4 +846,7 @@ .character-themes { font-size: 18px; } + .event-list { + width: 90%; + } } diff --git a/src/views/ber-uns.vue b/src/views/ber-uns.vue index 83f4b35..b0b654f 100644 --- a/src/views/ber-uns.vue +++ b/src/views/ber-uns.vue @@ -1,44 +1,31 @@ - - diff --git a/src/views/games.vue b/src/views/games.vue new file mode 100644 index 0000000..447f3c9 --- /dev/null +++ b/src/views/games.vue @@ -0,0 +1,69 @@ + + + + + diff --git a/src/views/games/assemblatron.vue b/src/views/games/assemblatron.vue new file mode 100644 index 0000000..f85e2bb --- /dev/null +++ b/src/views/games/assemblatron.vue @@ -0,0 +1,72 @@ + + + + + diff --git a/src/views/drama-games/murphys-larp.vue b/src/views/games/murphys-larp.vue similarity index 59% rename from src/views/drama-games/murphys-larp.vue rename to src/views/games/murphys-larp.vue index 8564d1b..0153c22 100644 --- a/src/views/drama-games/murphys-larp.vue +++ b/src/views/games/murphys-larp.vue @@ -1,54 +1,37 @@ + + diff --git a/src/views/kurzgeschichten/ein-orden-fr-eine-gute-tat.vue b/src/views/kurzgeschichten/ein-orden-fr-eine-gute-tat.vue index 7b7d21b..6108cc5 100644 --- a/src/views/kurzgeschichten/ein-orden-fr-eine-gute-tat.vue +++ b/src/views/kurzgeschichten/ein-orden-fr-eine-gute-tat.vue @@ -1,49 +1,37 @@ + + diff --git a/src/views/kurzgeschichten/rosenteufel.vue b/src/views/kurzgeschichten/rosenteufel.vue index 4b67fed..3273e9c 100644 --- a/src/views/kurzgeschichten/rosenteufel.vue +++ b/src/views/kurzgeschichten/rosenteufel.vue @@ -1,309 +1,187 @@ " - > - - -

Süsse Träume Run 2 Fotos

- 67 Fotos von Claudia Chiodi -
-
-

Süsse Träume Run 2 Fotos

67 Fotos von Claudia Chiodi
-
-
- - + >