Rearrange characters to optimize space distribution

src/components/info-box.vue

@@ -32,7 +32,7 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="rawwom4"></span>
+                  <span v-html="rawdiy1"></span>
                 </span>
                 <span>
                   Intensive Momente und Emotionen ermöglichen, die in Erinnerung
@@ -42,7 +42,7 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="rawut4m"></span>
+                  <span v-html="rawytxg"></span>
                 </span>
                 <span>
                   Persönliche Auseinandersetzungen der Spieler mit nicht
@@ -53,7 +53,7 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="rawhnf3"></span>
+                  <span v-html="rawxt2f"></span>
                 </span>
                 <span>
                   Interne Charakterentwicklung oder -verfestigung durch externe
@@ -63,14 +63,14 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="rawrqrs"></span>
+                  <span v-html="rawufa9"></span>
                 </span>
                 <span>Dilemmata mit sich selbst und mit anderen.</span>
                 <br />
                 <br />
                 <span>
                    ·
-                  <span v-html="rawxae1"></span>
+                  <span v-html="rawuq29"></span>
                 </span>
                 <span>
                   Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern
@@ -254,7 +254,7 @@
                 <br />
                 <span>
                   Wir werden das
-                  <span v-html="rawbyno"></span>
+                  <span v-html="rawn72n"></span>
                 </span>
                 <router-link to="/larpkonzept" class="info-box-navlink">
                   Open Visor Larpkonzept
@@ -518,7 +518,7 @@
                 <br />
                 <span>
                   Parkplatz:
-                  <span v-html="rawlfqv"></span>
+                  <span v-html="rawwazy"></span>
                 </span>
                 <a
                   href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA"
@@ -1458,13 +1458,13 @@ export default {
   },
   data() {
     return {
-      rawwom4: ' ',
+      rawdiy1: ' ',
-      rawut4m: ' ',
+      rawytxg: ' ',
-      rawhnf3: ' ',
+      rawxt2f: ' ',
-      rawrqrs: ' ',
+      rawufa9: ' ',
-      rawxae1: ' ',
+      rawuq29: ' ',
-      rawbyno: ' ',
+      rawn72n: ' ',
-      rawlfqv: ' ',
+      rawwazy: ' ',
     }
   },
 }

src/components/navigation.vue

@@ -292,6 +292,14 @@
 export default {
   name: 'Navigation',
   props: {
+    Shop1: {
+      type: String,
+      default: 'Shop',
+    },
+    LetzteGelegenheit1: {
+      type: String,
+      default: 'Letzte Gelegenheit',
+    },
     OpenvisorLogo: {
       type: String,
       default: '/logo_mitoffenemvisier_bw_png-min-200h.png',
@@ -333,18 +341,10 @@ export default {
       default: 'Rosenteufel',
     },
     rootClassName: String,
-    LetzteGelegenheit1: {
-      type: String,
-      default: 'Letzte Gelegenheit',
-    },
     Shop: {
       type: String,
       default: 'Shop',
     },
-    Shop1: {
-      type: String,
-      default: 'Shop',
-    },
   },
 }
 </script>

src/components/row1.vue

@@ -12,7 +12,7 @@
           <h1 class="row1-header1">
             <span>
               Leitung der Justizvollzugsanstalt
-              <span v-html="rawbz8u"></span>
+              <span v-html="rawfbuz"></span>
             </span>
             <br />
           </h1>
@@ -105,7 +105,7 @@ export default {
   },
   data() {
     return {
-      rawbz8u: ' ',
+      rawfbuz: ' ',
     }
   },
 }

src/components/row4.vue

@@ -28,15 +28,15 @@
       <span class="character-summary">{{ RodriguezAbsatz2 }}</span>
       <span class="character-summary">{{ RodriguezAbsatz3 }}</span>
     </section>
-    <section class="card">
+    <section class="row4-jenatsch card">
       <div class="character-header">
         <img
           alt="Symbolbild"
-          src="/letzte-gelegenheit/charaktere/collins-200h.png"
+          src="d55e4e6b-d0df-4ae8-9ead-3451403a93a0"
           class="row4-image1"
         />
         <div class="character-description">
-          <h1 class="row4-header2">{{ Collins }}</h1>
+          <h1 class="row4-header2">{{ Jenatsch }}</h1>
           <h1 class="row4-header3">
             <span>Häftling</span>
             <br />
@@ -46,15 +46,38 @@
       </div>
       <p class="row4-trigger1">
         <span>OT-Trigger:  Tod</span>
-        <span>, Drogen</span>
         <br />
       </p>
       <p class="row4-themes1">
-        <span>Themes: Ungerechtigkeit, Pflicht, Gewissensbisse, Familie</span>
+        <span>Themes: Verzweiflung, Druck, Commitment, Einsamkeit</span>
+        <br />
+      </p>
+      <p class="row4-description">
+        <span>
+          Prof. Dr. Jenatsch ist der neuste Häftling und kam erst eine Woche vor
+          der Katastrophe ins Gefängnis Schwarzbach. Jenatsch war zwei Monate vor
+          der Katastrophe im Fernsehen zu sehen, wie Jenatsch den Parteichef der
+          &quot;Silbernen Partei&quot; erschossen hatte.
+        </span>
+        <br />
+        <br />
+        <span>
+          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="raw6pyz"></span>
+        </span>
+        <span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span>
+        <br />
+        <br />
+        <span>
+          Jenatsch ist bekannt für eine chaotische, pragmatische und schnelle
+          Vorgehensweise. Wenn Jenatsch sich etwas in den Kopf setzt haben die
+          Wärter Mühe Jenatsch zu bändigen.
+        </span>
         <br />
       </p>
-      <span class="character-summary">{{ CollinsAbsatz1 }}</span>
-      <span class="character-summary">{{ CollinsAbsatz2 }}</span>
     </section>
   </div>
 </template>
@@ -73,20 +96,6 @@ export default {
       default:
         'Rodriguez war vor dem Gefängnis Handwerker/in und arbeitete auch 3 Jahre in der Gefängnisschreinerei. Rodriguez ist daher besonders geeignet, mechanische Apparaturen zu reparieren.',
     },
-    Collins: {
-      type: String,
-      default: 'Collins',
-    },
-    CollinsAbsatz1: {
-      type: String,
-      default:
-        'Collins ist seit 5 Jahren im Gefängnis. Bevor alle im Bunker waren hörte man selten was von Collins. Collins war nicht jemand, der Krawall machte. Doch seit sie im Bunker sind, hat Collins immer wieder Ärger mit den Wärtern. Collins bezweifelt, dass es Zufall ist, dass Collins die meisten anstrengenden Aufgaben übernehmen muss. Collins war nach eigenen Berechnungen schon mindestens fünf mal länger an der Lüftungskurbel als alle anderen.',
-    },
-    CollinsAbsatz2: {
-      type: String,
-      default:
-        'Collins ist bekannt für eine reservierte Art und eine kurze Lunte wenn Collins provoziert wird. Ansonsten schluckt Collins die Unannehmlichkeiten im Bunker runter und spielt Karten mit Krüger und Prof. Dr. Jenatsch.',
-    },
     Rodriguez: {
       type: String,
       default: 'Rodriguez',
@@ -96,6 +105,16 @@ export default {
       default:
         'Rodriguez (gesprochen "Rodrigess") sitzt bereits seit 6 Jahren im Gefängnis Schwarzbach und damit von den anwesenden Häftlingen am längsten. Eigentlich hätte Rodriguez letztes Jahr entlassen werden sollen, doch vor 2 Jahren brachte Rodriguez den Häftling Sadowski (gesprochen "Sadofski") um, indem Rodriguez die medizinischen Instrumente von Jankovic manipulierte. Deswegen sitzte Rodriguez 3 Jahre lang in Isolationshaft bis die Sirenen losheulten.',
     },
+    rootClassName: String,
+    Jenatsch: {
+      type: String,
+      default: 'Prof. Dr. Jenatsch',
+    },
+  },
+  data() {
+    return {
+      raw6pyz: ' ',
+    }
   },
 }
 </script>
@@ -133,6 +152,9 @@ export default {
   font-family: Poppins;
   line-height: 28px;
 }
+.row4-jenatsch {
+  position: relative;
+}
 .row4-image1 {
   width: 160px;
   object-fit: cover;
@@ -165,6 +187,17 @@ export default {
   font-family: Poppins;
   line-height: 28px;
 }
+.row4-description {
+  color: rgb(255, 255, 255);
+  font-size: 18px;
+  font-family: Poppins;
+  line-height: 28px;
+}
+@media(max-width: 767px) {
+  .row4-description {
+    color: rgb(255, 255, 255);
+  }
+}
 @media(max-width: 479px) {
   .row4-trigger {
     font-size: 18px;

src/components/row5.vue

@@ -1,14 +1,14 @@
 <template>
   <div class="character-row">
-    <section class="card">
+    <section class="row5-collins card">
       <div class="character-header">
         <img
           alt="Symbolbild"
-          src="/letzte-gelegenheit/charaktere/lindbeck-200h.png"
+          src="c1d47304-c68b-4ea5-b0d6-35cc1dae1a22"
           class="row5-image"
         />
         <div class="character-description">
-          <h1 class="row5-header">{{ Lindbeck }}</h1>
+          <h1 class="row5-header">{{ Collins }}</h1>
           <h1 class="row5-header1">
             <span>Häftling</span>
             <br />
@@ -17,10 +17,38 @@
         <div></div>
       </div>
       <p class="row5-trigger">
-        <span>OT-Trigger:  Tod, Sexualität zwischen Schüler und Lehrer</span>
+        <span>OT-Trigger:  Tod</span>
+        <span>, Drogen</span>
         <br />
       </p>
       <p class="row5-themes">
+        <span>Themes: Ungerechtigkeit, Pflicht, Gewissensbisse, Familie</span>
+        <br />
+      </p>
+      <span class="character-summary">{{ CollinsAbsatz1 }}</span>
+      <span class="character-summary">{{ CollinsAbsatz2 }}</span>
+    </section>
+    <section class="card">
+      <div class="character-header">
+        <img
+          alt="Symbolbild"
+          src="/letzte-gelegenheit/charaktere/lindbeck-200h.png"
+          class="row5-image1"
+        />
+        <div class="character-description">
+          <h1 class="row5-header2">{{ Lindbeck }}</h1>
+          <h1 class="row5-header3">
+            <span>Häftling</span>
+            <br />
+          </h1>
+        </div>
+        <div></div>
+      </div>
+      <p class="row5-trigger1">
+        <span>OT-Trigger:  Tod, Sexualität zwischen Schüler und Lehrer</span>
+        <br />
+      </p>
+      <p class="row5-themes1">
         <span>Themes: Gewissensbisse, Suche, Sehnsucht, Verzweiflung</span>
         <br />
       </p>
@@ -45,57 +73,6 @@
         <br />
       </p>
     </section>
-    <section class="card">
-      <div class="character-header">
-        <img
-          alt="Symbolbild"
-          src="/letzte-gelegenheit/charaktere/jenatsch-200h.png"
-          class="row5-image1"
-        />
-        <div class="character-description">
-          <h1 class="row5-header2">{{ Jenatsch }}</h1>
-          <h1 class="row5-header3">
-            <span>Häftling</span>
-            <br />
-          </h1>
-        </div>
-        <div></div>
-      </div>
-      <p class="row5-trigger1">
-        <span>OT-Trigger:  Tod</span>
-        <br />
-      </p>
-      <p class="row5-themes1">
-        <span>Themes: Verzweiflung, Druck, Commitment, Einsamkeit</span>
-        <br />
-      </p>
-      <p class="row5-description1">
-        <span>
-          Prof. Dr. Jenatsch ist der neuste Häftling und kam erst eine Woche vor
-          der Katastrophe ins Gefängnis Schwarzbach. Jenatsch war zwei Monate vor
-          der Katastrophe im Fernsehen zu sehen, wie Jenatsch den Parteichef der
-          &quot;Silbernen Partei&quot; erschossen hatte.
-        </span>
-        <br />
-        <br />
-        <span>
-          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="rawljfb"></span>
-        </span>
-        <span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span>
-        <br />
-        <br />
-        <span>
-          Jenatsch ist bekannt für eine chaotische, pragmatische und schnelle
-          Vorgehensweise. Wenn Jenatsch sich etwas in den Kopf setzt haben die
-          Wärter Mühe Jenatsch zu bändigen.
-        </span>
-        <br />
-      </p>
-    </section>
   </div>
 </template>
 
@@ -107,20 +84,29 @@ export default {
       type: String,
       default: 'Lindbeck ',
     },
-    Jenatsch: {
+    rootClassName: String,
+    CollinsAbsatz1: {
       type: String,
-      default: 'Prof. Dr. Jenatsch',
+      default:
+        'Collins ist seit 5 Jahren im Gefängnis. Bevor alle im Bunker waren hörte man selten was von Collins. Collins war nicht jemand, der Krawall machte. Doch seit sie im Bunker sind, hat Collins immer wieder Ärger mit den Wärtern. Collins bezweifelt, dass es Zufall ist, dass Collins die meisten anstrengenden Aufgaben übernehmen muss. Collins war nach eigenen Berechnungen schon mindestens fünf mal länger an der Lüftungskurbel als alle anderen.',
     },
+    CollinsAbsatz2: {
+      type: String,
+      default:
+        'Collins ist bekannt für eine reservierte Art und eine kurze Lunte wenn Collins provoziert wird. Ansonsten schluckt Collins die Unannehmlichkeiten im Bunker runter und spielt Karten mit Krüger und Prof. Dr. Jenatsch.',
+    },
+    Collins: {
+      type: String,
+      default: 'Collins',
     },
-  data() {
-    return {
-      rawljfb: ' ',
-    }
   },
 }
 </script>
 
 <style scoped>
+.row5-collins {
+  position: relative;
+}
 .row5-image {
   width: 160px;
   object-fit: cover;
@@ -153,12 +139,6 @@ export default {
   font-family: Poppins;
   line-height: 28px;
 }
-.row5-description {
-  color: rgb(255, 255, 255);
-  font-size: 18px;
-  font-family: Poppins;
-  line-height: 28px;
-}
 .row5-image1 {
   width: 160px;
   object-fit: cover;
@@ -191,7 +171,7 @@ export default {
   font-family: Poppins;
   line-height: 28px;
 }
-.row5-description1 {
+.row5-description {
   color: rgb(255, 255, 255);
   font-size: 18px;
   font-family: Poppins;
@@ -204,9 +184,6 @@ export default {
     font-family: Poppins;
     line-height: 28px;
   }
-  .row5-description1 {
-    color: rgb(255, 255, 255);
-  }
 }
 @media(max-width: 479px) {
   .row5-trigger {

src/views/letzte-gelegenheit.vue

@@ -95,7 +95,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="rawbstv"></span>
+          <span v-html="rawx1vg"></span>
         </span>
         <span>Spiel startet.</span>
         <br />
@@ -171,7 +171,7 @@
         <br />
         <span>
           -
-          <span v-html="raw5trj"></span>
+          <span v-html="rawmk1k"></span>
         </span>
         <span>Phil U.</span>
         <br />
@@ -207,8 +207,8 @@ export default {
   },
   data() {
     return {
-      rawbstv: ' ',
+      rawx1vg: ' ',
-      raw5trj: ' ',
+      rawmk1k: ' ',
     }
   },
   metaInfo: {

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
-          <span v-html="rawes6o"></span>
+          <span v-html="raw8blg"></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="rawae7z"></span>
+          <span v-html="rawzjo4"></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="rawsdp3"></span>
+          <span v-html="raw7uku"></span>
         </span>
       </span>
     </div>
@@ -307,9 +307,9 @@ export default {
   },
   data() {
     return {
-      rawes6o: ' ',
+      raw8blg: ' ',
-      rawae7z: ' ',
+      rawzjo4: ' ',
-      rawsdp3: ' ',
+      raw7uku: ' ',
     }
   },
   metaInfo: {