From fd265c56e6352ff5cd14e846ffa7dfe9c9dd8b6a Mon Sep 17 00:00:00 2001
From: OpenVisor <info@openvisor.ch>
Date: Fri, 26 Apr 2024 21:57:15 +0200
Subject: [PATCH] Try to fix 404 showing on every page.

---
 src/components/info-box.vue                   | 28 ++++-----
 .../kommende-letzte-gelegenheit-runs.vue      |  4 +-
 src/components/navigation.vue                 |  3 +
 src/components/row1.vue                       |  4 +-
 src/components/row4.vue                       |  4 +-
 src/components/veranstaltungen-liste.vue      |  8 +--
 src/router.js                                 | 20 ++++---
 src/views/kurzgeschichten/rosenteufel.vue     | 12 ++--
 src/views/larps/letzte-gelegenheit.vue        |  8 +--
 src/views/not-found.vue                       | 58 +++++++++++++++++++
 src/views/page.vue                            |  2 +-
 11 files changed, 109 insertions(+), 42 deletions(-)
 create mode 100644 src/views/not-found.vue

diff --git a/src/components/info-box.vue b/src/components/info-box.vue
index 04db74e..3d9ac94 100644
--- a/src/components/info-box.vue
+++ b/src/components/info-box.vue
@@ -18,22 +18,22 @@
               class="info-box-dropdown-toggle01"
               ><span class="larp-text"
                 ><span> · Gemeinsam eine Geschichte erleben und entwickeln</span
-                ><br /><br /><span> · <span v-html="rawrz10"></span></span
+                ><br /><br /><span> · <span v-html="rawu37k"></span></span
                 ><span
                   >Intensive Momente und Emotionen ermöglichen, die in Erinnerung
                   bleiben.</span
-                ><br /><br /><span> · <span v-html="rawqec7"></span></span
+                ><br /><br /><span> · <span v-html="rawnuqd"></span></span
                 ><span
                   >Persönliche Auseinandersetzungen der Spieler mit nicht
                   alltäglichen Situationen, Denkweisen und Weltanschauungen
                   ermöglichen.</span
-                ><br /><br /><span> · <span v-html="rawy95k"></span></span
+                ><br /><br /><span> · <span v-html="rawklto"></span></span
                 ><span
                   >Interne Charakterentwicklung oder -verfestigung durch externe
                   Faktoren.</span
-                ><br /><br /><span> · <span v-html="rawrzip"></span></span
+                ><br /><br /><span> · <span v-html="rawg9ls"></span></span
                 ><span>Dilemmata mit sich selbst und mit anderen.</span
-                ><br /><br /><span> · <span v-html="raw3pmm"></span></span
+                ><br /><br /><span> · <span v-html="rawm3pv"></span></span
                 ><span
                   >Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern
                   Variation und Kontrast.</span
@@ -146,7 +146,7 @@
                   Musikstücken eingeleitet werden. Das Spiel wird dazwischen aber
                   nicht unterbrochen.</span
                 ><br /><br /><span
-                  >Wir werden das <span v-html="rawzfss"></span></span
+                  >Wir werden das <span v-html="raw9k71"></span></span
                 ><router-link to="/larpkonzept" class="info-box-navlink"
                   >Open Visor Larpkonzept</router-link
                 ><span>
@@ -314,7 +314,7 @@
                 ><span>Zivilschutzanlage Sonnenblock</span><br /><span
                   >Chilegass 8</span
                 ><br /><span>8484 Weisslingen</span><br /><br /><span
-                  >Parkplatz: <span v-html="rawlymv"></span></span
+                  >Parkplatz: <span v-html="rawlwzp"></span></span
                 ><a
                   href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA"
                   target="_blank"
@@ -966,13 +966,13 @@ export default {
   },
   data() {
     return {
-      rawrz10: ' ',
-      rawqec7: ' ',
-      rawy95k: ' ',
-      rawrzip: ' ',
-      raw3pmm: ' ',
-      rawzfss: ' ',
-      rawlymv: ' ',
+      rawu37k: ' ',
+      rawnuqd: ' ',
+      rawklto: ' ',
+      rawg9ls: ' ',
+      rawm3pv: ' ',
+      raw9k71: ' ',
+      rawlwzp: ' ',
     }
   },
 }
diff --git a/src/components/kommende-letzte-gelegenheit-runs.vue b/src/components/kommende-letzte-gelegenheit-runs.vue
index e79a3c3..bae9b03 100644
--- a/src/components/kommende-letzte-gelegenheit-runs.vue
+++ b/src/components/kommende-letzte-gelegenheit-runs.vue
@@ -4,7 +4,7 @@
       ><h3 class="event-title">{{ run5 }}</h3
       ><div
         ><p class="event-section"
-          >25. Mai 2024, 10:00 Uhr bis <span v-html="raw2qo3"></span></p
+          >25. Mai 2024, 10:00 Uhr bis <span v-html="rawd9pw"></span></p
         ><p class="event-section">26. Mai 2024, 14:00 Uhr</p></div
       ><p class="event-section">{{ standortWeisslingen1 }}</p
       ><div
@@ -50,7 +50,7 @@ export default {
   },
   data() {
     return {
-      raw2qo3: ' ',
+      rawd9pw: ' ',
     }
   },
 }
diff --git a/src/components/navigation.vue b/src/components/navigation.vue
index 4a85774..5b6c715 100644
--- a/src/components/navigation.vue
+++ b/src/components/navigation.vue
@@ -991,6 +991,9 @@ export default {
 .navigation-root-class-name13 {
   max-width: 1200px;
 }
+.navigation-root-class-name29 {
+  max-width: 1200px;
+}
 @media(max-width: 991px) {
   .navigation-navbar-interactive {
     padding-bottom: var(--dl-space-space-twounits);
diff --git a/src/components/row1.vue b/src/components/row1.vue
index 8198390..8a7214c 100644
--- a/src/components/row1.vue
+++ b/src/components/row1.vue
@@ -10,7 +10,7 @@
           ><span class="character-function"
             ><span
               >Leitung der Justizvollzugsanstalt
-              <span v-html="rawwya1"></span></span
+              <span v-html="rawtl01"></span></span
             ><br /></span></div
         ><div></div></div
       ><p class="character-trigger"><span>OT-Trigger:  Tod</span><br /></p
@@ -78,7 +78,7 @@ export default {
   },
   data() {
     return {
-      rawwya1: ' ',
+      rawtl01: ' ',
     }
   },
 }
diff --git a/src/components/row4.vue b/src/components/row4.vue
index f617d84..8c6b7db 100644
--- a/src/components/row4.vue
+++ b/src/components/row4.vue
@@ -42,7 +42,7 @@
           >Wenn Jenatsch grade nichts anderes macht, schreibt Jenatsch Formeln,
           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="rawj4lp"></span></span
+          wieder liegen liess. <span v-html="raw69os"></span></span
         ><span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span
         ><br /></p
       ><p class="character-teaser-text"
@@ -85,7 +85,7 @@ export default {
   },
   data() {
     return {
-      rawj4lp: ' ',
+      raw69os: ' ',
     }
   },
 }
diff --git a/src/components/veranstaltungen-liste.vue b/src/components/veranstaltungen-liste.vue
index 2e6ab3f..709c106 100644
--- a/src/components/veranstaltungen-liste.vue
+++ b/src/components/veranstaltungen-liste.vue
@@ -14,7 +14,7 @@
         ><h3 class="event-title event-done">{{ run2 }}</h3
         ><div
           ><p class="event-section event-done"
-            >13. Mai 2023, 10:00 Uhr bis <span v-html="raw1tfw"></span></p
+            >13. Mai 2023, 10:00 Uhr bis <span v-html="rawzzlh"></span></p
           ><p class="event-section event-done">14. Mai 2023, 14:00 Uhr</p></div
         ><p class="event-section event-done">{{ standortHerten }}</p
         ><p class="event-section event-done-green"
@@ -24,7 +24,7 @@
         ><h3 class="event-title event-done">{{ run3 }}</h3
         ><div
           ><p class="event-section event-done"
-            >1. Juli 2023, 10:00 Uhr bis <span v-html="raw2hmy"></span></p
+            >1. Juli 2023, 10:00 Uhr bis <span v-html="rawekuh"></span></p
           ><p class="event-section event-done">2. Juli 2023, 14:00 Uhr</p></div
         ><p class="event-section event-done">{{ standortHerten1 }}</p
         ><p class="event-section event-done-green"
@@ -89,8 +89,8 @@ export default {
   },
   data() {
     return {
-      raw1tfw: ' ',
-      raw2hmy: ' ',
+      rawzzlh: ' ',
+      rawekuh: ' ',
     }
   },
 }
diff --git a/src/router.js b/src/router.js
index 01059e0..2f0f7ed 100644
--- a/src/router.js
+++ b/src/router.js
@@ -3,7 +3,6 @@ import Router from 'vue-router'
 import Meta from 'vue-meta'
 
 import Games from './views/games'
-import Page from './views/page'
 import VersetztesBedrfnis from './views/kurzgeschichten/versetztes-bedrfnis'
 import Assemblatron from './views/games/assemblatron'
 import EinsamesSchaf from './views/kurzgeschichten/einsames-schaf'
@@ -24,6 +23,8 @@ 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 Page from './views/page'
+import NotFound from './views/not-found'
 import './style.css'
 
 Vue.use(Router)
@@ -36,12 +37,6 @@ export default new Router({
       path: '/drama-games',
       component: Games,
     },
-    {
-      name: 'Page',
-      path: '**',
-      component: Page,
-      fallback: true,
-    },
     {
       name: 'Versetztes-Bedrfnis',
       path: '/kurzgeschichten/versetztes-beduerfnis',
@@ -142,5 +137,16 @@ export default new Router({
       path: '/',
       component: Home,
     },
+    {
+      name: 'Page',
+      path: '/page',
+      component: Page,
+    },
+    {
+      name: '404 - Not Found',
+      path: '**',
+      component: NotFound,
+      fallback: true,
+    },
   ],
 })
diff --git a/src/views/kurzgeschichten/rosenteufel.vue b/src/views/kurzgeschichten/rosenteufel.vue
index 2e68949..64743a0 100644
--- a/src/views/kurzgeschichten/rosenteufel.vue
+++ b/src/views/kurzgeschichten/rosenteufel.vue
@@ -50,7 +50,7 @@
           durch den Kammertwald. Hie wo ich zeig überm Pfad. Zwei Tag, ein Nacht.
           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="rawn20u"></span></span
+          was <span v-html="raw4o0p"></span></span
         ><span>Geziefer dort treibt...”</span><br /><br /><span
           >Ritter von Petz: “Tieft den Zinken nun. Hast getan was gesagt. Wartet
           mein Antlitz in einem Dutzend Tag – nicht spät. Sollt ich kehr, so ritz
@@ -148,7 +148,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="rawrm2y"></span></span
+          <span v-html="rawb3im"></span></span
         ><span
           >noch immer weiss und nass. Dieses Mal der Knecht nicht wagte zu fragen
           der Verschwundenen.</span
@@ -179,7 +179,7 @@
           trat 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="rawf47l"></span></span></span></div
+          woanders... <span v-html="rawam4g"></span></span></span></div
     ><app-kontakt rootClassName="kontakt-root-class-name1"></app-kontakt
   ></div>
 </template>
@@ -197,9 +197,9 @@ export default {
   },
   data() {
     return {
-      rawn20u: ' ',
-      rawrm2y: ' ',
-      rawf47l: ' ',
+      raw4o0p: ' ',
+      rawb3im: ' ',
+      rawam4g: ' ',
     }
   },
   metaInfo: {
diff --git a/src/views/larps/letzte-gelegenheit.vue b/src/views/larps/letzte-gelegenheit.vue
index a170465..e4d1720 100644
--- a/src/views/larps/letzte-gelegenheit.vue
+++ b/src/views/larps/letzte-gelegenheit.vue
@@ -70,7 +70,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="raw8ole"></span></span
+          <span v-html="rawzvvx"></span></span
         ><span>Spiel startet.</span><br /><br /><span
           >Alle Charaktere haben einige Geheimnisse und verdeckte Verknüpfungen
           die hier nicht ausgeschrieben sind um die Spielimmersion zu wahren. Die
@@ -109,7 +109,7 @@
         ><br /><span>- Björn</span><br /><span>- Florian H.</span><br /><span
           >- Jan R.</span
         ><br /><span>- Mai</span><br /><span>- PeFox</span><br /><span
-          >- <span v-html="rawq2be"></span></span
+          >- <span v-html="raw15bt"></span></span
         ><span>Phil U.</span><br /><span>- Sue</span><br /></p></div
     ><app-kontakt rootClassName="kontakt-root-class-name2"></app-kontakt
   ></div>
@@ -142,8 +142,8 @@ export default {
   },
   data() {
     return {
-      raw8ole: ' ',
-      rawq2be: ' ',
+      rawzvvx: ' ',
+      raw15bt: ' ',
     }
   },
   metaInfo: {
diff --git a/src/views/not-found.vue b/src/views/not-found.vue
new file mode 100644
index 0000000..bb53f72
--- /dev/null
+++ b/src/views/not-found.vue
@@ -0,0 +1,58 @@
+<template>
+  <div class="not-found-container"
+    ><h3>OOPS! PAGE NOT FOUND</h3
+    ><div class="not-found-container1"><h1 class="not-found-text1">404</h1></div
+    ><div class="not-found-container2"
+      ><h2 class="not-found-text2"
+        >WE ARE SORRY, BUT THE PAGE YOU REQUESTED WAS NOT FOUND</h2
+      ></div
+    ></div
+  >
+</template>
+
+<script>
+export default {
+  name: 'NotFound',
+  metaInfo: {
+    title: '404 - Not Found',
+  },
+}
+</script>
+
+<style scoped>
+.not-found-container {
+  width: 100%;
+  display: flex;
+  overflow: auto;
+  min-height: 100vh;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+}
+.not-found-container1 {
+  display: flex;
+  position: relative;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+}
+.not-found-text1 {
+  color: rgb(38, 38, 38);
+  font-size: 252px;
+  margin-top: -20px;
+  font-weight: 900;
+  margin-bottom: -20px;
+  letter-spacing: -20px;
+}
+.not-found-container2 {
+  width: 421px;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+}
+.not-found-text2 {
+  text-align: center;
+  font-weight: 400;
+}
+</style>
diff --git a/src/views/page.vue b/src/views/page.vue
index 58fdb88..dba0c22 100644
--- a/src/views/page.vue
+++ b/src/views/page.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="page-container"
-    ><app-navigation rootClassName="navigation-root-class-name28"></app-navigation
+    ><app-navigation rootClassName="navigation-root-class-name29"></app-navigation
     ><img
       alt="OpenVisor"
       src="/openvisor_logo_only_text_compressed-200h.png"