Add site preview descriptions; Fix issues with "Letzte Gelegenheit"

src/style.css

@@ -191,6 +191,7 @@
 .card {
   gap: var(--dl-space-space-oneandhalfunits);
   flex: 1;
+  width: 95%;
   display: flex;
   position: relative;
   align-items: flex-start;
@@ -321,6 +322,22 @@
   flex-direction: row;
   justify-content: center;
 }
+.larp-dropdown {
+  left: 0%;
+  width: 90%;
+  display: none;
+  z-index: 100;
+  position: absolute;
+  align-items: stretch;
+  margin-left: 10%;
+  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;
+}
 .Heading {
   font-size: 32px;
   font-family: Inter;
@@ -377,6 +394,7 @@
   }
   .character-row {
     gap: var(--dl-space-space-unit);
+    width: 100%;
     flex-flow: column;
   }
   .character-title {

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

@@ -12,9 +12,9 @@
     <div class="ein-orden-fr-eine-gute-tat-beschreibung text-body">
       <span class="ein-orden-fr-eine-gute-tat-text04">
         <span class="ein-orden-fr-eine-gute-tat-text05">
-          Ein brauner Schneehase besucht ein ein Rothörnchen und ein Grauhörnchen
-          im vom Herbst bunt gefärbten Wald. Er hat einen Orden, den er für eine
-          gute Tat vergeben möchte. Doch welches Hörnchen schafft es, diesen zu
+          Ein brauner Schneehase besucht ein Rothörnchen und ein Grauhörnchen im
+          vom Herbst bunt gefärbten Wald. Er hat einen Orden, den er für eine gute
+          Tat vergeben möchte. Doch welches Hörnchen schafft es, diesen zu
           bekommen?
         </span>
         <br class="ein-orden-fr-eine-gute-tat-text06" />
@@ -65,11 +65,21 @@ export default {
     AppKontakt,
   },
   metaInfo: {
-    title: 'Ein-Orden-fr-eine-gute-Tat - OpenVisor',
+    title: 'OpenVisor - Ein Orden für eine gute Tat',
     meta: [
+      {
+        name: 'description',
+        content:
+          'Ein brauner Schneehase besucht zwei Hörnchen im vom Herbst bunt gefärbten Wald. Er hat einen Orden, den er für eine gute Tat vergeben möchte.',
+      },
       {
         property: 'og:title',
-        content: 'Ein-Orden-fr-eine-gute-Tat - OpenVisor',
+        content: 'OpenVisor - Ein Orden für eine gute Tat',
+      },
+      {
+        property: 'og:description',
+        content:
+          'brauner Schneehase besucht zwei Hörnchen im vom Herbst bunt gefärbten Wald. Er hat einen Orden, den er für eine gute Tat vergeben möchte. Doch welches Hörnchen schafft es, diesen zu bekommen?',
       },
     ],
   },

src/views/larpkonzept.vue

@@ -135,7 +135,7 @@
         <br class="larpkonzept-text37" />
         <span>
           Zu guter Letzt benutzen wir am “Letzte Gelegenheit” auch die
-          <span v-html="rawr8af"></span>
+          <span v-html="rawcy2y"></span>
         </span>
         <a
           href="https://en.wikipedia.org/wiki/OK_gesture"
@@ -152,7 +152,7 @@
           schlecht). Nur wenn der Daumen nach oben zeigt, soll man die
           Spielintensität beibehalten, ansonsten soll man sie verringern, um
           sicherzustellen, dass es der Person wieder besser geht.
-          <span v-html="raw5o6z"></span>
+          <span v-html="raweqrm"></span>
         </span>
         <br class="larpkonzept-text40" />
         <br class="larpkonzept-text41" />
@@ -194,17 +194,27 @@ export default {
 
   data() {
     return {
-      rawr8af: ' ',
-      raw5o6z: ' ',
+      rawcy2y: ' ',
+      raweqrm: ' ',
     }
   },
 
   metaInfo: {
-    title: 'Larpkonzept - OpenVisor',
+    title: 'OpenVisor - Larpkonzept',
     meta: [
+      {
+        name: 'description',
+        content:
+          'Für eine sichere Durchführung von intensiven, emotionalen und kontrastreichen LARPs.',
+      },
       {
         property: 'og:title',
-        content: 'Larpkonzept - OpenVisor',
+        content: 'OpenVisor - Larpkonzept',
+      },
+      {
+        property: 'og:description',
+        content:
+          'Für eine sichere Durchführung von intensiven, emotionalen und kontrastreichen LARPs.',
       },
     ],
   },

src/views/rosenteufel.vue

@@ -9,11 +9,12 @@
     <div class="text-body">
       <span>
         <span class="rosenteufel-text003">
-          Ich erzähl euch ein Gschicht von wahr, so wahr wie ihr danach nicht
+          Ich erzähl euch ein Gschicht von wahr. So wahr wie ihr danach nicht
           gwollt. Ein Gschicht die erzähl als einzger überlebend: Mein Gschicht. S
           wart im letzten Jahr...
         </span>
         <br />
+        <br />
         <span>
           Vogt Eberhardt: “Edler von Petz, habt Dank um Eure schnelle Peitsch zu
           Ross. S eilt, der Bot kaum angekomm’n, doch bereits geschehn in letzter
@@ -284,7 +285,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="rawgu2s"></span>
+          <span v-html="raw0new"></span>
         </span>
       </span>
     </div>
@@ -305,16 +306,26 @@ export default {
 
   data() {
     return {
-      rawgu2s: ' ',
+      raw0new: ' ',
     }
   },
 
   metaInfo: {
-    title: 'Rosenteufel - OpenVisor',
+    title: 'OpenVisor - Rosenteufel',
     meta: [
+      {
+        name: 'description',
+        content:
+          '"Ich erzähl euch ein Gschicht so wahr, wie ihr danach nicht gwollt. Ein Gschicht die erzähl als einzger überlebend: Mein Gschicht. S wart im letzten Jahr..."',
+      },
       {
         property: 'og:title',
-        content: 'Rosenteufel - OpenVisor',
+        content: 'OpenVisor - Rosenteufel',
+      },
+      {
+        property: 'og:description',
+        content:
+          '"Ich erzähl euch ein Gschicht von wahr. So wahr, wie ihr danach nicht gwollt. Ein Gschicht die erzähl als einzger überlebend: Mein Gschicht. S wart im letzten Jahr..."',
       },
     ],
   },

src/views/ssse-trume.vue

@@ -44,11 +44,21 @@ export default {
     AppKontakt,
   },
   metaInfo: {
-    title: 'Ssse-Trume - OpenVisor',
+    title: 'OpenVisor - Süsse Träume',
     meta: [
+      {
+        name: 'description',
+        content:
+          'Weisst du, wer du bist? Was du bereust, befürchtest, vergessen möchtest? Was du erreichen möchtest und was dir alles recht ist um dies zu erreichen?"',
+      },
       {
         property: 'og:title',
-        content: 'Ssse-Trume - OpenVisor',
+        content: 'OpenVisor - Süsse Träume',
+      },
+      {
+        property: 'og:description',
+        content:
+          'Weisst du, wer du bist? Was du bereust, befürchtest, vergessen möchtest? Was du erreichen möchtest und was dir alles recht ist um dies zu erreichen? Zeit, deine Antworten auf die Probe zu stellen..."',
       },
     ],
   },