From c723d1c89f2b435971d9cfc8abe09d72cf733e2f Mon Sep 17 00:00:00 2001 From: OpenVisor Date: Fri, 26 Apr 2024 21:57:14 +0200 Subject: [PATCH] Remove "Shop" link in navigation; Summarize styles into classes --- src/components/info-box.vue | 28 +- src/components/navigation.vue | 666 ++++--------------------------- src/components/row1.vue | 4 +- src/components/row4.vue | 4 +- src/style.css | 164 +++++++- src/views/home.vue | 14 +- src/views/letzte-gelegenheit.vue | 83 ++-- src/views/murphys-larp.vue | 4 +- src/views/rosenteufel.vue | 12 +- 9 files changed, 285 insertions(+), 694 deletions(-) diff --git a/src/components/info-box.vue b/src/components/info-box.vue index 004f39f..3d703b7 100644 --- a/src/components/info-box.vue +++ b/src/components/info-box.vue @@ -32,7 +32,7 @@
 · - + Intensive Momente und Emotionen ermöglichen, die in Erinnerung @@ -42,7 +42,7 @@
 · - + Persönliche Auseinandersetzungen der Spieler mit nicht @@ -53,7 +53,7 @@
 · - + Interne Charakterentwicklung oder -verfestigung durch externe @@ -63,14 +63,14 @@
 · - + Dilemmata mit sich selbst und mit anderen.

 · - + Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern @@ -254,7 +254,7 @@
Wir werden das - + Open Visor Larpkonzept @@ -518,7 +518,7 @@
Parkplatz: - +
- {{ larps }} + + {{ larps }} +
- +
-
    +
      -
    • +
    • - + {{ letzteGelegenheit }}
      @@ -57,13 +62,13 @@
    • - + {{ suesseTraeume }}
      @@ -77,31 +82,31 @@ >
      - + {{ dramaGames }}
      - +
      -
        +
        • - + {{ murphysLarp }}
          @@ -115,31 +120,31 @@ >
          - + {{ kurzgeschichten }}
          - +
          -
            +
            • - + {{ einOrdenFuerEineGuteTat }}
              @@ -148,13 +153,13 @@
            • - + {{ rosenteufel }}
              @@ -162,9 +167,6 @@
            -             - {{ shop }} -
            @@ -192,7 +194,7 @@
            @@ -444,7 +438,7 @@ export default { display: flex; } .navigation-nav { - gap: var(--dl-space-space-twounits); + gap: 40px; flex: 0 0 auto; display: flex; align-items: center; @@ -456,100 +450,11 @@ export default { position: relative; border-radius: var(--dl-radius-radius-radius2); } -.navigation-dropdown-toggle { - fill: #595959; - color: #595959; - width: 100%; - display: inline-flex; - align-items: center; - padding-top: var(--dl-space-space-halfunit); - padding-left: 0px; - border-radius: var(--dl-radius-radius-radius2); - padding-right: 0px; - padding-bottom: var(--dl-space-space-halfunit); -} -.navigation-larps { - color: #ffffff; - font-style: normal; - text-align: center; - font-family: Poppins; - font-weight: 500; - margin-right: 4px; - vertical-align: middle; -} -.navigation-dropdown-arrow { - transition: 0.3s; -} -.navigation-icon { - fill: #ffffff; - width: 18px; - height: 18px; - margin-top: auto; - transition: 0.3s; - margin-bottom: auto; -} -.navigation-dropdown-list { - left: 0%; - width: max-content; - display: none; - z-index: 100; - position: absolute; - min-width: 100%; - transition: 0.3s; - align-items: stretch; - border-color: #D9D9D9; - border-width: 1px; - border-radius: var(--dl-radius-radius-radius4); - flex-direction: column; - list-style-type: none; - background-color: var(--dl-color-gray-white); - list-style-position: inside; -} -.navigation-dropdown { - cursor: pointer; - display: inline-block; - position: relative; - border-radius: var(--dl-radius-radius-radius2); - text-decoration: none; -} -.navigation-dropdown-toggle01 { - fill: #595959; - color: #595959; - width: 100%; - display: inline-flex; - transition: 0.3s; - align-items: center; - padding-top: var(--dl-space-space-halfunit); - padding-left: var(--dl-space-space-unit); - border-radius: var(--dl-radius-radius-radius4); - padding-right: var(--dl-space-space-unit); - padding-bottom: var(--dl-space-space-halfunit); -} .navigation-dropdown-toggle01:hover { fill: #fff; color: #fff; background-color: #595959; } -.navigation-dropdown1 { - cursor: pointer; - display: inline-block; - position: relative; - border-radius: var(--dl-radius-radius-radius2); - text-decoration: none; -} -.navigation-dropdown-toggle02 { - fill: #595959; - color: #595959; - width: 100%; - display: inline-flex; - transition: 0.3s; - align-items: center; - padding-top: var(--dl-space-space-halfunit); - padding-left: var(--dl-space-space-unit); - border-radius: var(--dl-radius-radius-radius4); - padding-right: var(--dl-space-space-unit); - padding-bottom: var(--dl-space-space-halfunit); -} .navigation-dropdown-toggle02:hover { fill: #fff; color: #fff; @@ -561,75 +466,6 @@ export default { position: relative; border-radius: var(--dl-radius-radius-radius2); } -.navigation-dropdown-toggle03 { - fill: #595959; - color: #595959; - width: 100%; - display: inline-flex; - align-items: center; - padding-top: var(--dl-space-space-halfunit); - padding-left: 0px; - border-radius: var(--dl-radius-radius-radius2); - padding-right: 0px; - padding-bottom: var(--dl-space-space-halfunit); -} -.navigation-drama-games { - color: #ffffff; - font-style: normal; - text-align: center; - font-family: Poppins; - font-weight: 500; - margin-right: 4px; - vertical-align: middle; -} -.navigation-dropdown-arrow1 { - transition: 0.3s; -} -.navigation-icon02 { - fill: #ffffff; - width: 18px; - height: 18px; - margin-top: auto; - transition: 0.3s; - margin-bottom: auto; -} -.navigation-dropdown-list1 { - left: 0%; - width: max-content; - display: none; - z-index: 100; - position: absolute; - min-width: 100%; - transition: 0.3s; - align-items: stretch; - border-color: #D9D9D9; - border-width: 1px; - border-radius: var(--dl-radius-radius-radius4); - flex-direction: column; - list-style-type: none; - background-color: var(--dl-color-gray-white); - list-style-position: inside; -} -.navigation-dropdown2 { - cursor: pointer; - display: inline-block; - position: relative; - border-radius: var(--dl-radius-radius-radius2); - text-decoration: none; -} -.navigation-dropdown-toggle04 { - fill: #595959; - color: #595959; - width: 100%; - display: inline-flex; - transition: 0.3s; - align-items: center; - padding-top: var(--dl-space-space-halfunit); - padding-left: var(--dl-space-space-unit); - border-radius: var(--dl-radius-radius-radius4); - padding-right: var(--dl-space-space-unit); - padding-bottom: var(--dl-space-space-halfunit); -} .navigation-dropdown-toggle04:hover { fill: #fff; color: #fff; @@ -641,105 +477,11 @@ export default { position: relative; border-radius: var(--dl-radius-radius-radius2); } -.navigation-dropdown-toggle05 { - fill: #595959; - color: #595959; - width: 100%; - display: inline-flex; - align-items: center; - padding-top: var(--dl-space-space-halfunit); - padding-left: 0px; - border-radius: var(--dl-radius-radius-radius2); - padding-right: 0px; - padding-bottom: var(--dl-space-space-halfunit); -} -.navigation-kurzgeschichten { - color: #ffffff; - font-style: normal; - text-align: center; - font-family: Poppins; - font-weight: 500; - margin-right: 4px; - vertical-align: middle; -} -.navigation-dropdown-arrow2 { - transition: 0.3s; -} -.navigation-icon04 { - fill: #ffffff; - width: 18px; - height: 18px; - margin-top: auto; - transition: 0.3s; - margin-bottom: auto; -} -.navigation-dropdown-list2 { - left: 0%; - width: max-content; - display: none; - z-index: 100; - position: absolute; - min-width: 100%; - transition: 0.3s; - align-items: stretch; - border-color: #D9D9D9; - border-width: 1px; - border-radius: var(--dl-radius-radius-radius4); - flex-direction: column; - list-style-type: none; - background-color: var(--dl-color-gray-white); - list-style-position: inside; -} -.navigation-dropdown3 { - cursor: pointer; - display: inline-block; - position: relative; - border-radius: var(--dl-radius-radius-radius2); - text-decoration: none; -} -.navigation-dropdown-toggle06 { - fill: #595959; - color: #595959; - width: 100%; - display: inline-flex; - transition: 0.3s; - align-items: center; - padding-top: var(--dl-space-space-halfunit); - padding-left: var(--dl-space-space-unit); - border-radius: var(--dl-radius-radius-radius4); - padding-right: var(--dl-space-space-unit); - padding-bottom: var(--dl-space-space-halfunit); -} .navigation-dropdown-toggle06:hover { fill: #fff; color: #fff; background-color: #595959; } -.navigation-dropdown4 { - cursor: pointer; - display: inline-block; - position: relative; - border-radius: var(--dl-radius-radius-radius2); - text-decoration: none; -} -.navigation-dropdown-toggle07 { - fill: #595959; - color: #595959; - width: 100%; - display: inline-flex; - transition: 0.3s; - align-items: center; - padding-top: var(--dl-space-space-halfunit); - padding-left: var(--dl-space-space-unit); - border-radius: var(--dl-radius-radius-radius4); - padding-right: var(--dl-space-space-unit); - padding-bottom: var(--dl-space-space-halfunit); -} -.navigation-dropdown-toggle07:hover { - fill: #fff; - color: #fff; - background-color: #595959; -} .navigation-burger-menu { display: none; align-items: center; @@ -765,7 +507,7 @@ export default { height: 100vh; display: none; padding: 32px; - z-index: 100; + z-index: 99; position: absolute; flex-direction: column; justify-content: space-between; @@ -799,69 +541,6 @@ export default { .navigation-icon08:hover { opacity: 0.5; } -.navigation-nav-body { - flex: 0 0 auto; - display: flex; - margin-top: -30px; - align-items: flex-start; - margin-left: 30px; - flex-direction: column; -} -.navigation-dropdown-toggle08 { - fill: #595959; - color: #595959; - width: 100%; - display: inline-flex; - align-items: center; - padding-top: var(--dl-space-space-halfunit); - padding-left: var(--dl-space-space-unit); - border-radius: var(--dl-radius-radius-radius2); - padding-right: var(--dl-space-space-unit); - padding-bottom: var(--dl-space-space-halfunit); -} -.navigation-larps1 { - font-size: 14px; - font-style: normal; - text-align: center; - font-family: Poppins; - font-weight: 500; - margin-right: 4px; - vertical-align: middle; -} -.navigation-dropdown-arrow3 { - transition: 0.3s; -} -.navigation-icon10 { - width: 18px; - height: 18px; - margin-top: auto; - transition: 0.3s; - margin-bottom: auto; -} -.navigation-larps-dropdown-list { - left: 0%; - width: max-content; - display: none; - z-index: 100; - position: absolute; - min-width: 100%; - transition: 0.3s; - align-items: stretch; - border-color: #D9D9D9; - border-width: 1px; - border-radius: var(--dl-radius-radius-radius4); - flex-direction: column; - list-style-type: none; - background-color: var(--dl-color-gray-white); - list-style-position: inside; -} -.navigation-letzte-gelegenheit-dropdown { - cursor: pointer; - display: inline-block; - position: relative; - border-radius: var(--dl-radius-radius-radius2); - text-decoration: none; -} .navigation-dropdown-toggle09 { fill: #595959; color: #595959; @@ -880,13 +559,6 @@ export default { color: #fff; background-color: #595959; } -.navigation-suesse-traeume-dropdown { - cursor: pointer; - display: inline-block; - position: relative; - border-radius: var(--dl-radius-radius-radius2); - text-decoration: none; -} .navigation-dropdown-toggle10 { fill: #595959; color: #595959; @@ -914,61 +586,6 @@ export default { font-family: Poppins; font-weight: 400; } -.navigation-dropdown-toggle11 { - fill: #595959; - color: #595959; - width: 100%; - display: inline-flex; - align-items: center; - padding-top: var(--dl-space-space-halfunit); - padding-left: var(--dl-space-space-unit); - border-radius: var(--dl-radius-radius-radius2); - padding-right: var(--dl-space-space-unit); - padding-bottom: var(--dl-space-space-halfunit); -} -.navigation-larps2 { - font-size: 14px; - font-style: normal; - text-align: center; - font-family: Poppins; - font-weight: 500; - margin-right: 4px; - vertical-align: middle; -} -.navigation-dropdown-arrow4 { - transition: 0.3s; -} -.navigation-icon12 { - width: 18px; - height: 18px; - margin-top: auto; - transition: 0.3s; - margin-bottom: auto; -} -.navigation-drama-games-dropdown-list { - left: 0%; - width: max-content; - display: none; - z-index: 100; - position: absolute; - min-width: 100%; - transition: 0.3s; - align-items: stretch; - border-color: #D9D9D9; - border-width: 1px; - border-radius: var(--dl-radius-radius-radius4); - flex-direction: column; - list-style-type: none; - background-color: var(--dl-color-gray-white); - list-style-position: inside; -} -.navigation-murphys-larp-dropdown { - cursor: pointer; - display: inline-block; - position: relative; - border-radius: var(--dl-radius-radius-radius2); - text-decoration: none; -} .navigation-dropdown-toggle12 { fill: #595959; color: #595959; @@ -987,99 +604,6 @@ export default { color: #fff; background-color: #595959; } -.navigation-dropdown-toggle13 { - fill: #595959; - color: #595959; - width: 100%; - display: inline-flex; - align-items: center; - padding-top: var(--dl-space-space-halfunit); - padding-left: var(--dl-space-space-unit); - border-radius: var(--dl-radius-radius-radius2); - padding-right: var(--dl-space-space-unit); - padding-bottom: var(--dl-space-space-halfunit); -} -.navigation-kurzgeschichten1 { - font-size: 14px; - font-style: normal; - text-align: center; - font-family: Poppins; - font-weight: 500; - margin-right: 4px; - vertical-align: middle; -} -.navigation-dropdown-arrow5 { - transition: 0.3s; -} -.navigation-icon14 { - width: 18px; - height: 18px; - margin-top: auto; - transition: 0.3s; - margin-bottom: auto; -} -.navigation-kurzgeschichten-dropdown-list { - left: 0%; - width: max-content; - display: none; - z-index: 100; - position: absolute; - min-width: 100%; - transition: 0.3s; - align-items: stretch; - border-color: #D9D9D9; - border-width: 1px; - border-radius: var(--dl-radius-radius-radius4); - flex-direction: column; - list-style-type: none; - background-color: var(--dl-color-gray-white); - list-style-position: inside; -} -.navigation-ein-orden-fuer-eine-gute-tat-dropdown { - cursor: pointer; - display: inline-block; - position: relative; - border-radius: var(--dl-radius-radius-radius2); - text-decoration: none; -} -.navigation-dropdown-toggle14 { - fill: #595959; - color: #595959; - width: 100%; - display: inline-flex; - transition: 0.3s; - align-items: center; - padding-top: var(--dl-space-space-halfunit); - padding-left: var(--dl-space-space-unit); - border-radius: var(--dl-radius-radius-radius4); - padding-right: var(--dl-space-space-unit); - padding-bottom: var(--dl-space-space-halfunit); -} -.navigation-dropdown-toggle14:hover { - fill: #fff; - color: #fff; - background-color: #595959; -} -.navigation-rosenteufel-dropdown { - cursor: pointer; - display: inline-block; - position: relative; - border-radius: var(--dl-radius-radius-radius2); - text-decoration: none; -} -.navigation-dropdown-toggle15 { - fill: #595959; - color: #595959; - width: 100%; - display: inline-flex; - transition: 0.3s; - align-items: center; - padding-top: var(--dl-space-space-halfunit); - padding-left: var(--dl-space-space-unit); - border-radius: var(--dl-radius-radius-radius4); - padding-right: var(--dl-space-space-unit); - padding-bottom: var(--dl-space-space-halfunit); -} .navigation-dropdown-toggle15:hover { fill: #fff; color: #fff; @@ -1130,67 +654,13 @@ export default { } } @media(max-width: 767px) { - .navigation-dropdown-list { - display: none; - } - .navigation-dropdown-list1 { - display: none; - } - .navigation-dropdown-list2 { - display: none; - } - .navigation-larps1 { - color: #ffffff; - font-size: 16px; - } - .navigation-icon10 { - fill: #ffffff; - } - .navigation-larps-dropdown-list { - display: none; - border-color: #000000; - background-color: rgb(41, 41, 41); - } .navigation-suesse-traeume1 { color: #ffffff; } - .navigation-larps2 { - color: #ffffff; - font-size: 16px; - } - .navigation-icon12 { - fill: #ffffff; - } - .navigation-drama-games-dropdown-list { - display: none; - border-color: #000000; - background-color: rgb(41, 41, 41); - } - .navigation-kurzgeschichten1 { - color: #ffffff; - font-size: 16px; - } - .navigation-icon14 { - fill: #ffffff; - } - .navigation-kurzgeschichten-dropdown-list { - display: none; - border-color: #000000; - background-color: rgb(41, 41, 41); - } } @media(max-width: 479px) { .navigation-navbar-interactive { padding: var(--dl-space-space-unit); } - .navigation-icon10 { - fill: #ffffff; - } - .navigation-icon12 { - fill: #ffffff; - } - .navigation-icon14 { - fill: #ffffff; - } } diff --git a/src/components/row1.vue b/src/components/row1.vue index c5af530..e452757 100644 --- a/src/components/row1.vue +++ b/src/components/row1.vue @@ -12,7 +12,7 @@

            Leitung der Justizvollzugsanstalt - +

            @@ -105,7 +105,7 @@ export default { }, data() { return { - rawlrtl: ' ', + raw048v: ' ', } }, } diff --git a/src/components/row4.vue b/src/components/row4.vue index 1e9c2c7..f239e47 100644 --- a/src/components/row4.vue +++ b/src/components/row4.vue @@ -66,7 +66,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. - + Ab und zu spielt Jenatsch Karten mit Collins und Krüger.
            @@ -113,7 +113,7 @@ export default { }, data() { return { - rawcvmg: ' ', + rawpxu6: ' ', } }, } diff --git a/src/style.css b/src/style.css index dc7912f..cbca99a 100644 --- a/src/style.css +++ b/src/style.css @@ -79,7 +79,7 @@ display: flex !important; } .nav-link { - color: #fff; + color: #ffffff; font-size: 16px; font-style: Medium; text-align: left; @@ -121,8 +121,9 @@ font-family: Poppins; font-weight: 500; line-height: 36px; + padding-left: 12px; + padding-right: 12px; letter-spacing: 2px; - text-transform: uppercase; } .section-heading { color: rgb(255, 255, 255); @@ -398,7 +399,7 @@ .event-yellow { color: #ffff00; } -.desktop-menu-dropdown-text { +.desktop-menu-dropdown-option { width: 100%; cursor: pointer; display: flex; @@ -407,7 +408,7 @@ font-family: "Poppins"; font-weight: 400; } -.mobile-menu-dropdown-text { +.mobile-menu-dropdown-option { width: 100%; cursor: pointer; display: flex; @@ -417,6 +418,7 @@ font-weight: 400; } .mobile-menu-text { + cursor: pointer; font-style: normal; font-family: Poppins; font-weight: 500; @@ -440,8 +442,8 @@ margin-bottom: var(--dl-space-space-halfunit); padding-right: 12px; } -.page-heading { - text-transform: capitalize; +.uppercase { + text-transform: uppercase; } .card-heading { color: #ffffff; @@ -501,11 +503,151 @@ justify-content: center; } .mobile-menu-dropdown { + display: inline-block; + position: relative; + font-weight: 500; + border-radius: var(--dl-radius-radius-radius2); + margin-bottom: 12px; +} +.mobile-menu-dropdown-toggle { + fill: #595959; + color: #595959; + width: 100%; + display: inline-flex; + align-items: center; + padding-top: var(--dl-space-space-halfunit); + padding-left: var(--dl-space-space-unit); + border-radius: var(--dl-radius-radius-radius2); + padding-right: var(--dl-space-space-unit); + padding-bottom: var(--dl-space-space-halfunit); +} +.dropdown-list { + left: 0%; + width: max-content; + display: none; + z-index: 100; + position: absolute; + min-width: 100%; + transition: 0.3s; + align-items: stretch; + border-color: #D9D9D9; + border-width: 1px; + border-radius: var(--dl-radius-radius-radius4); + flex-direction: column; + list-style-type: none; + background-color: White (Gray); + list-style-position: inside; +} +.mobile-menu-list-item { cursor: pointer; display: inline-block; position: relative; border-radius: var(--dl-radius-radius-radius2); - margin-bottom: 12px; + text-decoration: none; +} +.mobile-menu-dropdown-element { + transition: 0.3s; + border-radius: var(--dl-radius-radius-radius4); +} +.mobile-menu-dropdown-element:hover { + fill: #fff; + color: #fff; + background-color: #595959; +} +.mobile-menu-dropdown-header { + font-size: 16px; + font-style: normal; + text-align: center; + font-family: Poppins; + font-weight: 500; + margin-right: 4px; + vertical-align: middle; +} +.mobile-menu-dropdown-arrow-container { + transition: 0.3s; +} +.mobile-menu-dropdown-arrow { + fill: #ffffff; + width: 18px; + height: 18px; + margin-top: auto; + transition: 0.3s; + margin-bottom: auto; +} +.mobile-menu-nav-body { + flex: 0 0 auto; + display: flex; + margin-top: -30px; + align-items: flex-start; + margin-left: 30px; + flex-direction: column; +} +.desktop-menu-dropdown-toggle { + fill: #595959; + color: #595959; + width: 100%; + display: inline-flex; + align-items: center; + padding-top: var(--dl-space-space-halfunit); + padding-left: 0px; + border-radius: var(--dl-radius-radius-radius2); + padding-right: 0px; + padding-bottom: var(--dl-space-space-halfunit); +} +.desktop-menu-dropdown-header { + color: #ffffff; + font-style: normal; + text-align: center; + font-family: Poppins; + font-weight: 500; + margin-right: 4px; + vertical-align: middle; +} +.desktop-menu-arrow-container { + transition: 0.3s; +} +.desktop-menu-arrow { + fill: #ffffff; + width: 18px; + height: 18px; + margin-top: auto; + transition: 0.3s; + margin-bottom: auto; +} +.desktop-menu-dropdown-list { + left: 0%; + width: max-content; + display: none; + z-index: 100; + position: absolute; + min-width: 100%; + transition: 0.3s; + align-items: stretch; + border-color: #D9D9D9; + border-width: 1px; + border-radius: var(--dl-radius-radius-radius4); + flex-direction: column; + list-style-type: none; + background-color: var(--dl-color-gray-white); + list-style-position: inside; +} +.desktop-menu-list-item { + cursor: pointer; + display: inline-block; + position: relative; + border-radius: var(--dl-radius-radius-radius2); + text-decoration: none; +} +.desktop-menu-dropdown-element { + transition: 0.3s; + padding-left: var(--dl-space-space-unit); + border-radius: var(--dl-radius-radius-radius4); + padding-right: var(--dl-space-space-unit); +} +.desktop-menu-dropdown-element:hover { + fill: #fff; + color: #fff; + background-color: #595959; } .Heading { font-size: 32px; @@ -595,6 +737,14 @@ .buttons { flex-direction: column; } + .dropdown-list { + display: none; + border-color: #000000; + background-color: rgb(41, 41, 41); + } + .desktop-menu-dropdown-list { + display: none; + } } @media(max-width: 479px) { .section-head { diff --git a/src/views/home.vue b/src/views/home.vue index 11bda62..43ad2b9 100644 --- a/src/views/home.vue +++ b/src/views/home.vue @@ -8,14 +8,16 @@ />
            -

            Kommende Veranstaltungen

            +

            + Kommende Veranstaltungen +

            -

            LARPs

            +

            LARPs

            Letzte Gelegenheit

            @@ -59,7 +61,7 @@
            -

            +

            Kurzgeschichten

            @@ -175,12 +177,6 @@ export default { padding-bottom: var(--dl-space-space-oneandhalfunits); justify-content: center; } -.home-section { - color: #ffffff; - font-size: 36px; - padding-left: 12px; - padding-right: 12px; -} .home-button { gap: var(--dl-space-space-oneandhalfunits); cursor: pointer; diff --git a/src/views/letzte-gelegenheit.vue b/src/views/letzte-gelegenheit.vue index b986bfd..afb83fc 100644 --- a/src/views/letzte-gelegenheit.vue +++ b/src/views/letzte-gelegenheit.vue @@ -11,13 +11,13 @@ -

            +

            Setting

            -
            +

            Plötzlich fällt der Strom aus und eine dichte Nebelwand nähert sich von @@ -41,7 +41,7 @@

            -

            Kommende Runs

            +

            Kommende Runs

            @@ -56,18 +56,13 @@ Infos Deutschland
            -
            - -
            - Infos Schweiz -
            -             -
            + +
            Infos Schweiz
            +
            -

            Charaktere

            -
            +

            Charaktere

            +

            Die Charaktere sind so geschrieben und verknüpft um intensives, @@ -96,7 +91,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 - + Spiel startet.
            @@ -118,17 +113,17 @@

            -

            Gefängnispersonal

            +

            Gefängnispersonal

            -

            Häftlinge

            +

            Häftlinge

            -

            Militär

            +

            Militär

            -

            Unterstützung

            -
            +

            Unterstützung

            +

            Konzipiert und organisiert wurde und wird das gesamte LARP von Hermann. @@ -172,7 +167,7 @@
            - - + Phil U.
            @@ -211,8 +206,8 @@ export default { }, data() { return { - rawodlq: ' ', - rawqgyp: ' ', + rawsnrv: ' ', + raw81do: ' ', } }, metaInfo: { @@ -257,7 +252,7 @@ export default { background-image: url("/forest-background-luca-dross-1500w.jpg"); background-position: top left; } -.letzte-gelegenheit-teaser { +.letzte-gelegenheit-teaser-video { width: 640px; height: 360px; margin-top: 20px; @@ -265,7 +260,7 @@ export default { margin-right: 0px; margin-bottom: -40px; } -.letzte-gelegenheit-container1 { +.letzte-gelegenheit-setting-container { width: 95%; } .letzte-gelegenheit-veranstaltungen-kapitel { @@ -288,32 +283,16 @@ export default { padding-bottom: var(--dl-space-space-oneandhalfunits); justify-content: center; } -.letzte-gelegenheit-section { - color: rgb(255, 255, 255); - font-size: 36px; -} .letzte-gelegenheit-buttons-left { width: 45%; } -.letzte-gelegenheit-container2 { - flex: 0 0 auto; - width: auto; - height: auto; - display: flex; - align-items: center; - flex-direction: column; -} -.letzte-gelegenheit-link1 { - display: contents; -} .letzte-gelegenheit-buttons-right { - gap: 10%; - width: 33.3%; + gap: 12%; } -.letzte-gelegenheit-container3 { +.letzte-gelegenheit-charaktere-container { width: 95%; } -.letzte-gelegenheit-container4 { +.letzte-gelegenheit-unterstuetzung-container { width: 95%; } @media(max-width: 991px) { @@ -322,7 +301,7 @@ export default { } } @media(max-width: 767px) { - .letzte-gelegenheit-teaser { + .letzte-gelegenheit-teaser-video { width: 480px; height: 270px; } @@ -331,7 +310,7 @@ export default { } } @media(max-width: 479px) { - .letzte-gelegenheit-teaser { + .letzte-gelegenheit-teaser-video { width: 400px; height: 225px; } @@ -341,9 +320,5 @@ export default { max-width: auto; padding-top: 0px; } - .letzte-gelegenheit-section { - height: auto; - line-height: 36px; - } } diff --git a/src/views/murphys-larp.vue b/src/views/murphys-larp.vue index c74590a..ae1d881 100644 --- a/src/views/murphys-larp.vue +++ b/src/views/murphys-larp.vue @@ -43,7 +43,7 @@ href="https://docs.google.com/document/d/1UWThYUOZUtHy3A89CeKnJ7KdkxyWW5DppVP4PiAECJ4/edit?usp=sharing" target="_blank" rel="noreferrer noopener" - class="murphys-larp-link button" + class="murphys-larp-download-button button" > Download             @@ -99,7 +99,7 @@ export default { background-image: url("/forest-background-luca-dross-1500w.jpg"); background-position: top left; } -.murphys-larp-link { +.murphys-larp-download-button { text-decoration: none; } @media(max-width: 767px) { diff --git a/src/views/rosenteufel.vue b/src/views/rosenteufel.vue index 3a0bf49..2119213 100644 --- a/src/views/rosenteufel.vue +++ b/src/views/rosenteufel.vue @@ -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 - + Geziefer dort treibt...”
            @@ -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 - + 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... - +

            @@ -308,9 +308,9 @@ export default { }, data() { return { - rawa628: ' ', - rawdt6d: ' ', - rawme06: ' ', + rawrk5t: ' ', + raw58yv: ' ', + rawowl5: ' ', } }, metaInfo: {