Add logo text and fix some display mistakes

src/components/info-box.vue

@@ -32,7 +32,7 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="rawo1y0"></span>
+                  <span v-html="rawnnr7"></span>
                 </span>
                 <span>
                   Intensive Momente und Emotionen ermöglichen, die in Erinnerung
@@ -42,7 +42,7 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="raw9ltg"></span>
+                  <span v-html="raw1sn7"></span>
                 </span>
                 <span>
                   Persönliche Auseinandersetzungen der Spieler mit nicht
@@ -53,7 +53,7 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="rawyn2k"></span>
+                  <span v-html="raww7is"></span>
                 </span>
                 <span>
                   Interne Charakterentwicklung oder -verfestigung durch externe
@@ -63,14 +63,14 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="rawjfcs"></span>
+                  <span v-html="rawj55y"></span>
                 </span>
                 <span>Dilemmata mit sich selbst und mit anderen.</span>
                 <br />
                 <br />
                 <span>
                    ·
-                  <span v-html="rawjfrb"></span>
+                  <span v-html="rawhxe0"></span>
                 </span>
                 <span>
                   Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern
@@ -254,7 +254,7 @@
                 <br />
                 <span>
                   Wir werden das
-                  <span v-html="raww2w7"></span>
+                  <span v-html="rawyp0b"></span>
                 </span>
                 <router-link to="/larpkonzept" class="info-box-navlink">
                   Open Visor Larpkonzept
@@ -518,7 +518,7 @@
                 <br />
                 <span>
                   Parkplatz:
-                  <span v-html="rawqzbz"></span>
+                  <span v-html="rawwo0x"></span>
                 </span>
                 <a
                   href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA"
@@ -603,7 +603,7 @@
       </div>
     </div>
     <div class="info-box-spielangebot text-body">
-      <h2 class="section-head">{{ Spielangebot }}</h2>
+      <h2 class="section-head">{{ Spielangebote }}</h2>
       <div data-thq="thq-dropdown" class="larp-chapter list-item">
         <div data-thq="thq-dropdown-toggle" class="larp-toggle">
           <span class="info-box-text192">
@@ -622,7 +622,7 @@
               data-thq="thq-dropdown-toggle"
               class="info-box-dropdown-toggle25"
             >
-              <span class="larp-text">{{ text }}</span>
+              <span class="larp-text">{{ SettingText }}</span>
             </div>
           </li>
         </ul>
@@ -693,7 +693,7 @@
       </div>
       <div data-thq="thq-dropdown" class="larp-chapter list-item">
         <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-          <span class="info-box-text210">{{ Text4 }}</span>
+          <span class="info-box-text210">{{ Elektrik }}</span>
           <div data-thq="thq-dropdown-arrow" class="info-box-dropdown-arrow14">
             <svg viewBox="0 0 1024 1024" class="info-box-icon28">
               <path d="M426 726v-428l214 214z"></path>
@@ -728,7 +728,7 @@
       </div>
       <div data-thq="thq-dropdown" class="larp-chapter list-item">
         <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-          <span class="info-box-text214">{{ Text5 }}</span>
+          <span class="info-box-text214">{{ Reinigung }}</span>
           <div data-thq="thq-dropdown-arrow" class="info-box-dropdown-arrow15">
             <svg viewBox="0 0 1024 1024" class="info-box-icon30">
               <path d="M426 726v-428l214 214z"></path>
@@ -890,7 +890,7 @@
       </div>
       <div data-thq="thq-dropdown" class="larp-chapter list-item">
         <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-          <span class="info-box-text243">{{ Text7 }}</span>
+          <span class="info-box-text243">{{ Gefaengnisakten }}</span>
           <div data-thq="thq-dropdown-arrow" class="info-box-dropdown-arrow19">
             <svg viewBox="0 0 1024 1024" class="info-box-icon38">
               <path d="M426 726v-428l214 214z"></path>
@@ -934,7 +934,7 @@
       </div>
       <div data-thq="thq-dropdown" class="larp-chapter list-item">
         <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-          <span class="info-box-text249">{{ Text8 }}</span>
+          <span class="info-box-text249">{{ Ressourcenmangel }}</span>
           <div data-thq="thq-dropdown-arrow" class="info-box-dropdown-arrow20">
             <svg viewBox="0 0 1024 1024" class="info-box-icon40">
               <path d="M426 726v-428l214 214z"></path>
@@ -1075,7 +1075,7 @@
       </div>
       <div data-thq="thq-dropdown" class="larp-chapter list-item">
         <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-          <span class="info-box-text268">{{ Text11 }}</span>
+          <span class="info-box-text268">{{ Ablauf }}</span>
           <div data-thq="thq-dropdown-arrow" class="info-box-dropdown-arrow23">
             <svg viewBox="0 0 1024 1024" class="info-box-icon46">
               <path d="M426 726v-428l214 214z"></path>
@@ -1421,34 +1421,34 @@ export default {
       type: String,
       default: '17. Lüftung',
     },
-    Text7: {
+    Gefaengnisakten: {
       type: String,
       default: '20. Gefängnisakten',
     },
-    Text11: {
+    Ablauf: {
       type: String,
       default: '24. Ablauf',
     },
-    Text8: {
+    Ressourcenmangel: {
       type: String,
       default: '21. Ressourcenmangel & Lager',
     },
-    Text5: {
+    Reinigung: {
       type: String,
       default: '16. Reinigung',
     },
-    text: {
+    SettingText: {
       type: String,
       default:
         'Das Nordic LARP “Letzte Gelegenheit” spielt in der heutigen Zeit in einer alternativen Realität: Vor 9 Tagen fiel plötzlich der Strom aus und dichte Nebelschwaden überzogen einige Städte. Sirenen führten die Menschen in Bunker. Radios, die noch funktionierten, meldeten die sofortige Mobilisierung der Milizarmee und des Zivilschutzes. Was genau passierte, ist noch immer ungeklärt. In der Zivilschutzanlage der Justizvollzugsanstalt Schwarzbach versucht man den Alltag beizubehalten, doch langsam gehen die Ressourcen aus und die Lage verschärft sich.',
     },
-    Text4: {
+    Elektrik: {
       type: String,
       default: '15. Elektrik',
     },
-    Spielangebot: {
+    Spielangebote: {
       type: String,
-      default: 'SpielangebotE',
+      default: 'Spielangebote',
     },
     text1: {
       type: String,
@@ -1458,13 +1458,13 @@ export default {
   },
   data() {
     return {
-      rawo1y0: ' ',
-      raw9ltg: ' ',
-      rawyn2k: ' ',
-      rawjfcs: ' ',
-      rawjfrb: ' ',
-      raww2w7: ' ',
-      rawqzbz: ' ',
+      rawnnr7: ' ',
+      raw1sn7: ' ',
+      raww7is: ' ',
+      rawj55y: ' ',
+      rawhxe0: ' ',
+      rawyp0b: ' ',
+      rawwo0x: ' ',
     }
   },
 }

src/components/kontakt.vue

@@ -1,9 +1,9 @@
 <template>
   <footer class="kontakt-footer" v-bind:class="rootClassName">
     <div class="kontakt-kontakt">
-      <span class="kontakt-kontakt1">{{ Text }}</span>
+      <span class="kontakt-kontakt1">{{ Kontakt }}</span>
       <a href="mailto:info@openvisor.ch?subject=" class="kontakt-email">
-        {{ Text1 }}
+        {{ KontaktEmail }}
       </a>
     </div>
     <iframe
@@ -17,12 +17,12 @@
 export default {
   name: 'Kontakt',
   props: {
-    Text: {
+    Kontakt: {
       type: String,
       default: 'Kontakt',
     },
     rootClassName: String,
-    Text1: {
+    KontaktEmail: {
       type: String,
       default: 'info@openvisor.ch',
     },

src/components/navigation.vue

@@ -2,7 +2,7 @@
   <nav class="navigation-navbar" v-bind:class="rootClassName">
     <header data-thq="thq-navbar" class="navigation-navbar-interactive">
       <router-link to="/" class="navigation-navlink">
-        <img alt="image" :src="OpenvisorLogo" class="navigation-logo" />
+        <img alt="OpenVisor Logo" :src="OpenvisorLogo" class="navigation-logo" />
       </router-link>
       <div
         data-thq="thq-navbar-nav"

src/components/row1.vue

@@ -2,13 +2,17 @@
   <div class="row1-row1 character-row">
     <section class="card">
       <div class="character-header">
-        <img :alt="image_alt" :src="image_src" class="row1-image" />
+        <img
+          alt="Symbolbild"
+          src="/letzte-gelegenheit/charaktere/fortier-200h.png"
+          class="row1-image"
+        />
         <div class="character-description">
-          <h1 class="row1-header">{{ Header }}</h1>
+          <h1 class="row1-header">{{ Fortier }}</h1>
           <h1 class="row1-header1">
             <span>
               Leitung der Justizvollzugsanstalt
-              <span v-html="rawuhmn"></span>
+              <span v-html="raw44cq"></span>
             </span>
             <br />
           </h1>
@@ -19,7 +23,7 @@
         <span>OT-Trigger:  Tod</span>
         <br />
       </p>
-      <p class="row1-themes">{{ Themes }}</p>
+      <p class="row1-themes">{{ FortierThemes }}</p>
       <p class="row1-description">
         <span>
           Fortier (gesprochen &quot;Fortjeeh&quot;) übernahm vor 3 Jahren das
@@ -44,7 +48,11 @@
     </section>
     <section class="card">
       <div class="character-header">
-        <img :alt="image_alt1" :src="image_src1" class="row1-image1" />
+        <img
+          src="/letzte-gelegenheit/charaktere/bellucci-200h.png"
+          alt="Symbolbild"
+          class="row1-image1"
+        />
         <div class="character-description">
           <h1 class="row1-header2">
             <span>Dr. Bellucci</span>
@@ -61,7 +69,7 @@
         <span>OT-Trigger:  Kindertod</span>
         <br />
       </p>
-      <p class="row1-themes1">{{ Themes1 }}</p>
+      <p class="row1-themes1">{{ BellucciThemes }}</p>
       <p class="row1-description1">
         <span>
           Dr. Bellucci (gesprochen &quot;Beluhtschi&quot;) wurde vor 2 Jahren
@@ -94,38 +102,22 @@
 export default {
   name: 'Row1',
   props: {
-    image_alt1: {
-      type: String,
-      default: 'image',
-    },
-    Themes: {
+    FortierThemes: {
       type: String,
       default: 'Themes: Macht, Gewissensbisse, Ängste',
     },
-    image_src: {
-      type: String,
-      default: '/letzte-gelegenheit/charaktere/fortier-200h.png',
-    },
-    Themes1: {
+    BellucciThemes: {
       type: String,
       default: 'Themes: Trauma, Manipulation, Suche, Schuld',
     },
-    image_src1: {
-      type: String,
-      default: '/letzte-gelegenheit/charaktere/bellucci-200h.png',
-    },
-    image_alt: {
-      type: String,
-      default: 'image',
-    },
-    Header: {
+    Fortier: {
       type: String,
       default: 'Fortier',
     },
   },
   data() {
     return {
-      rawuhmn: ' ',
+      raw44cq: ' ',
     }
   },
 }

src/components/row2.vue

@@ -2,10 +2,14 @@
   <div class="row2-row2 character-row">
     <section class="card">
       <div class="character-header">
-        <img :alt="image_alt" :src="image_src" class="row2-image" />
+        <img
+          src="/letzte-gelegenheit/charaktere/jankovic-200h.png"
+          alt="Symbolbild"
+          class="row2-image"
+        />
         <div class="character-description">
-          <h1 class="row2-header">{{ Header }}</h1>
-          <h1 class="row2-header1">{{ Header1 }}</h1>
+          <h1 class="row2-header">{{ Jankovic }}</h1>
+          <h1 class="row2-header1">{{ JankovicJob }}</h1>
         </div>
         <div></div>
       </div>
@@ -46,10 +50,14 @@
     </section>
     <section class="card">
       <div class="character-header">
-        <img :alt="image_alt1" :src="image_src1" class="row2-image1" />
+        <img
+          src="/letzte-gelegenheit/charaktere/krueger-200h.png"
+          alt="Symbolbild"
+          class="row2-image1"
+        />
         <div class="character-description">
-          <h1 class="row2-header2">{{ Header2 }}</h1>
-          <h1 class="row2-header3">{{ Header3 }}</h1>
+          <h1 class="row2-header2">{{ Krueger }}</h1>
+          <h1 class="row2-header3">{{ KruegerJob }}</h1>
         </div>
         <div></div>
       </div>
@@ -89,38 +97,22 @@
 export default {
   name: 'Row2',
   props: {
-    Header3: {
+    KruegerJob: {
       type: String,
       default: 'Wärter/in & Bunkerelektrik',
     },
-    Header: {
+    Jankovic: {
       type: String,
       default: 'Dr. Jankovic',
     },
-    Header2: {
+    Krueger: {
       type: String,
       default: 'Krüger',
     },
-    image_src: {
-      type: String,
-      default: '/letzte-gelegenheit/charaktere/jankovic-200h.png',
-    },
-    Header1: {
+    JankovicJob: {
       type: String,
       default: 'Arzt/Ärztin',
     },
-    image_alt: {
-      type: String,
-      default: 'image',
-    },
-    image_alt1: {
-      type: String,
-      default: 'image',
-    },
-    image_src1: {
-      type: String,
-      default: '/letzte-gelegenheit/charaktere/krueger-200h.png',
-    },
   },
 }
 </script>

src/components/row3.vue

@@ -2,9 +2,13 @@
   <div class="row3-row3 character-row">
     <section class="card">
       <div class="character-header">
-        <img :alt="image_alt" :src="image_src" class="row3-image" />
+        <img
+          alt="Symbolbild"
+          src="/letzte-gelegenheit/charaktere/schmidt-200h.png"
+          class="row3-image"
+        />
         <div class="character-description">
-          <h1 class="row3-header">{{ Header }}</h1>
+          <h1 class="row3-header">{{ Schmidt }}</h1>
           <h1 class="row3-header1">
             <span>Wärter/in &amp; Zeugwart</span>
             <br />
@@ -20,14 +24,18 @@
         <span>Themes: Paranoia, Macht, Ängste, Verlust, Hass</span>
         <br />
       </p>
-      <span class="character-summary">{{ text2 }}</span>
-      <span class="character-summary">{{ text }}</span>
+      <span class="character-summary">{{ SchmidtAbsatz1 }}</span>
+      <span class="character-summary">{{ SchmidtAbsatz2 }}</span>
     </section>
     <section class="card">
       <div class="character-header">
-        <img :alt="image_alt1" :src="image_src1" class="row3-image1" />
+        <img
+          alt="Symbolbild"
+          src="/letzte-gelegenheit/charaktere/hagiro-200h.png"
+          class="row3-image1"
+        />
         <div class="character-description">
-          <h1 class="row3-header2">{{ Header1 }}</h1>
+          <h1 class="row3-header2">{{ Hagiro }}</h1>
           <h1 class="row3-header3">
             <span>dienstälteste/r Wärter/in</span>
             <br />
@@ -44,8 +52,8 @@
         <span>Themes: Gerechtigkeit, Gewalt, Druck, Hass</span>
         <br />
       </p>
-      <span class="character-summary">{{ text11 }}</span>
-      <span class="character-summary">{{ text1 }}</span>
+      <span class="character-summary">{{ HagiroAbsatz1 }}</span>
+      <span class="character-summary">{{ HagiroAbsatz2 }}</span>
     </section>
   </div>
 </template>
@@ -54,47 +62,31 @@
 export default {
   name: 'Row3',
   props: {
-    text1: {
+    HagiroAbsatz2: {
       type: String,
       default:
         'Hagiro ist bekannt für einen konsequenten Gerechtigkeitssinn und für einen Raucherhusten. Hagiro ist streng zu den Häftlingen und freundlich zu den anderen.',
     },
-    image_src1: {
-      type: String,
-      default: '/letzte-gelegenheit/charaktere/hagiro-200h.png',
-    },
-    text11: {
+    HagiroAbsatz1: {
       type: String,
       default:
         'Hagiro ist mit 7 Jahren Dienst am längsten im Gefängnis Schwarzbach. Hagiro setzt die Massnahmen von Fortier rigoros durch, zögert aber auch nicht die Meinung zu äussern, wenn Hagiro etwas missfällt. Da Hagiro mehr als doppelt so lang im Gefängnis arbeitete hilft Hagiro Fortier mit Wissen, das in den Akten nicht zu finden ist.',
     },
-    image_alt1: {
-      type: String,
-      default: 'image',
-    },
-    text: {
+    SchmidtAbsatz2: {
       type: String,
       default:
         'Schmidt ist bekannt dafür, unangenehme Fragen zu stellen und geht eher grob mit den Häftlingen um. Dafür hat niemand die Aufgaben des Zeugwarts besser im Griff als Schmidt.',
     },
-    image_src: {
-      type: String,
-      default: '/letzte-gelegenheit/charaktere/schmidt-200h.png',
-    },
-    image_alt: {
-      type: String,
-      default: 'image',
-    },
-    text2: {
+    SchmidtAbsatz1: {
       type: String,
       default:
         'Wärter Schmidt arbeitet seit 3 Jahren im Gefängnis Schwarzbach. Schmidt kam ziemlich zeitgleich mit Fortier zu der Stelle. Schmidt ist Zeugwart und damit verantwortlich für die Lagerung und Wartung der Materialien, Werkzeuge, Geräte und Waffen des Gefängnisses. Schmidt nutzt die Häftlinge um diese zu warten und zu reinigen. Wenn Krüger mit Häftlingen etwas an der Elektrik arbeiten möchte braucht Krüger die Werkzeuge von Schmidt.',
     },
-    Header: {
+    Schmidt: {
       type: String,
       default: 'Schmidt',
     },
-    Header1: {
+    Hagiro: {
       type: String,
       default: 'Hagiro',
     },

src/components/row4.vue

@@ -2,9 +2,13 @@
   <div class="row4-row4 character-row">
     <section class="card">
       <div class="character-header">
-        <img :alt="image_alt" :src="image_src" class="row4-image" />
+        <img
+          src="/letzte-gelegenheit/charaktere/rodriguez-200h.png"
+          alt="Symbolbild"
+          class="row4-image"
+        />
         <div class="character-description">
-          <h1 class="row4-header">{{ Header }}</h1>
+          <h1 class="row4-header">{{ Rodriguez }}</h1>
           <h1 class="row4-header1">
             <span>Häftling</span>
             <br />
@@ -20,15 +24,19 @@
         <span>Themes: Unterdrückung, Sehnsucht, Suche, Gewissensbisse</span>
         <br />
       </p>
-      <span class="character-summary">{{ text2 }}</span>
-      <span class="character-summary">{{ text }}</span>
-      <span class="character-summary">{{ text3 }}</span>
+      <span class="character-summary">{{ RodriguezAbsatz1 }}</span>
+      <span class="character-summary">{{ RodriguezAbsatz2 }}</span>
+      <span class="character-summary">{{ RodriguezAbsatz3 }}</span>
     </section>
     <section class="card">
       <div class="character-header">
-        <img :alt="image_alt1" :src="image_src1" class="row4-image1" />
+        <img
+          src="/letzte-gelegenheit/charaktere/collins-200h.png"
+          alt="Symbolbild"
+          class="row4-image1"
+        />
         <div class="character-description">
-          <h1 class="row4-header2">{{ Header1 }}</h1>
+          <h1 class="row4-header2">{{ Collins }}</h1>
           <h1 class="row4-header3">
             <span>Häftling</span>
             <br />
@@ -45,8 +53,8 @@
         <span>Themes: Ungerechtigkeit, Pflicht, Gewissensbisse, Familie</span>
         <br />
       </p>
-      <span class="character-summary">{{ text11 }}</span>
-      <span class="character-summary">{{ text1 }}</span>
+      <span class="character-summary">{{ CollinsAbsatz1 }}</span>
+      <span class="character-summary">{{ CollinsAbsatz2 }}</span>
     </section>
   </div>
 </template>
@@ -55,51 +63,35 @@
 export default {
   name: 'Row4',
   props: {
-    text3: {
+    RodriguezAbsatz3: {
       type: String,
       default:
         'Rodriguez ist bekannt für eine raue aber zuvorkommende Art. Wegen dem Mord vor drei Jahren verlor Rodriguez aber bei den meisten das Vertrauen.',
     },
-    text: {
+    RodriguezAbsatz2: {
       type: String,
       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.',
     },
-    image_src1: {
-      type: String,
-      default: '/letzte-gelegenheit/charaktere/collins-200h.png',
-    },
-    Header1: {
+    Collins: {
       type: String,
       default: 'Collins',
     },
-    text11: {
+    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.',
     },
-    image_src: {
-      type: String,
-      default: '/letzte-gelegenheit/charaktere/rodriguez-200h.png',
-    },
-    text1: {
+    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.',
     },
-    Header: {
+    Rodriguez: {
       type: String,
       default: 'Rodriguez',
     },
-    image_alt1: {
-      type: String,
-      default: 'image',
-    },
-    image_alt: {
-      type: String,
-      default: 'image',
-    },
-    text2: {
+    RodriguezAbsatz1: {
       type: String,
       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.',

src/components/row5.vue

@@ -2,9 +2,13 @@
   <div class="row5-row5 character-row">
     <section class="card">
       <div class="character-header">
-        <img :alt="image_alt" :src="image_src" class="row5-image" />
+        <img
+          src="/letzte-gelegenheit/charaktere/lindbeck-200h.png"
+          alt="Symbolbild"
+          class="row5-image"
+        />
         <div class="character-description">
-          <h1 class="row5-header">{{ Header }}</h1>
+          <h1 class="row5-header">{{ Lindbeck }}</h1>
           <h1 class="row5-header1">
             <span>Häftling</span>
             <br />
@@ -43,9 +47,13 @@
     </section>
     <section class="card">
       <div class="character-header">
-        <img :alt="image_alt1" :src="image_src1" class="row5-image1" />
+        <img
+          src="/letzte-gelegenheit/charaktere/jenatsch-200h.png"
+          alt="Symbolbild"
+          class="row5-image1"
+        />
         <div class="character-description">
-          <h1 class="row5-header2">{{ Header1 }}</h1>
+          <h1 class="row5-header2">{{ Jenatsch }}</h1>
           <h1 class="row5-header3">
             <span>Häftling</span>
             <br />
@@ -75,7 +83,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.
-          <span v-html="rawl597"></span>
+          <span v-html="rawbnrb"></span>
         </span>
         <span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span>
         <br />
@@ -95,34 +103,18 @@
 export default {
   name: 'Row5',
   props: {
-    Header: {
+    Lindbeck: {
       type: String,
       default: 'Lindbeck ',
     },
-    image_alt1: {
-      type: String,
-      default: 'image',
-    },
-    image_src: {
-      type: String,
-      default: '/letzte-gelegenheit/charaktere/lindbeck-200h.png',
-    },
-    Header1: {
+    Jenatsch: {
       type: String,
       default: 'Prof. Dr. Jenatsch',
     },
-    image_src1: {
-      type: String,
-      default: '/letzte-gelegenheit/charaktere/jenatsch-200h.png',
-    },
-    image_alt: {
-      type: String,
-      default: 'image',
-    },
   },
   data() {
     return {
-      rawl597: ' ',
+      rawbnrb: ' ',
     }
   },
 }

src/components/row6.vue

@@ -2,9 +2,13 @@
   <div class="row6-row6 character-row">
     <section class="card">
       <div class="character-header">
-        <img :alt="image_alt" :src="image_src" class="row6-image" />
+        <img
+          src="/letzte-gelegenheit/charaktere/sartre-200h.png"
+          alt="Symbolbild"
+          class="row6-image"
+        />
         <div class="character-description">
-          <h1 class="row6-header">{{ Header }}</h1>
+          <h1 class="row6-header">{{ Sartre }}</h1>
           <h1 class="row6-header1">
             <span>Gruppenführer/in</span>
             <br />
@@ -20,13 +24,17 @@
         <span>Themes: Familie, Sucht, Scham, Schutz</span>
         <br />
       </p>
-      <span class="character-summary">{{ text1 }}</span>
-      <span class="character-summary">{{ text }}</span>
-      <span class="row6-text08 character-summary">{{ text2 }}</span>
+      <span class="character-summary">{{ SartreAbsatz1 }}</span>
+      <span class="character-summary">{{ SartreAbsatz2 }}</span>
+      <span class="row6-text08 character-summary">{{ SartreAbsatz3 }}</span>
     </section>
     <section class="card">
       <div class="character-header">
-        <img :alt="image_alt1" :src="image_src1" class="row6-image1" />
+        <img
+          src="/letzte-gelegenheit/charaktere/pavone-200h.png"
+          alt="Symbolbild"
+          class="row6-image1"
+        />
         <div class="character-description">
           <h1 class="row6-header2">
             <span>Sdt Pavone</span>
@@ -47,9 +55,9 @@
         <span>Themes: Ängste, Gewissensbisse, Verzweiflung</span>
         <br />
       </p>
-      <span class="character-summary">{{ text31 }}</span>
-      <span class="character-summary">{{ text32 }}</span>
-      <span class="row6-text19 character-summary">{{ text3 }}</span>
+      <span class="character-summary">{{ PavoneAbsatz1 }}</span>
+      <span class="character-summary">{{ PavoneAbsatz2 }}</span>
+      <span class="row6-text19 character-summary">{{ PavoneAbsatz3 }}</span>
     </section>
   </div>
 </template>
@@ -58,53 +66,37 @@
 export default {
   name: 'Row6',
   props: {
-    text: {
+    SartreAbsatz2: {
       type: String,
       default:
         'Sartre ist bekannt dafür, eine besorgte Mimik zu haben. Sartres Redensweise ist trotzdem befehlerisch.',
     },
-    image_src1: {
-      type: String,
-      default: '/letzte-gelegenheit/charaktere/pavone-200h.png',
-    },
-    text1: {
+    SartreAbsatz1: {
       type: String,
       default:
         'Wm (Wachtmeister [militärische Ränge sind Geschlechtsneutral], das ist ein Unteroffiziersrang) Sartre kam mit Pavone in den Bunker. Sartre leitet Pavone an und integriert sich und Pavone auch bei dem Rest der Bunkerbesatzung. Sartre bespricht sich gelegentlich mit Fortier.',
     },
-    text3: {
+    PavoneAbsatz3: {
       type: String,
       default:
         '(Nur ein paar Charaktere wissen mehr zu diesem Charakter, entsprechend steht hier wenig.)',
     },
-    text2: {
+    SartreAbsatz3: {
       type: String,
       default:
         '(Nur ein paar Charaktere wissen mehr zu diesem Charakter, entsprechend steht hier wenig.)',
     },
-    text31: {
+    PavoneAbsatz1: {
       type: String,
       default:
         'Sdt (Soldat [militärische Ränge sind Geschlechtsneutral]) Pavone brachte das militärische Funkgerät in den Bunker, das Pavone mit Sartre bedient. Pavone bittet immer wieder Häftlinge um bei der Bedienung des Funkgeräts zu helfen.',
     },
-    image_src: {
-      type: String,
-      default: '/letzte-gelegenheit/charaktere/sartre-200h.png',
-    },
-    text32: {
+    PavoneAbsatz2: {
       type: String,
       default:
         'Pavone wirkt unruhig, hat aber eine freundliche Art und bestechenden Charme.',
     },
-    image_alt1: {
-      type: String,
-      default: 'image',
-    },
-    image_alt: {
-      type: String,
-      default: 'image',
-    },
-    Header: {
+    Sartre: {
       type: String,
       default: 'Wm Sartre',
     },

src/views/home.vue

@@ -1,14 +1,11 @@
 <template>
   <div class="home-container">
     <app-navigation rootClassName="navigation-root-class-name11"></app-navigation>
-    <h1 class="home-heading site-title">
-      <span>OpenVisor</span>
-      <br />
-    </h1>
-    <span class="home-caption">
-      <span>Mit Offenem Visier</span>
-      <br />
-    </span>
+    <img
+      src="/openvisor_logo_only_text_compressed-200h.png"
+      alt="OpenVisor"
+      class="home-image"
+    />
     <section class="home-veranstaltungen-kapitel">
       <header class="home-veranstaltungen-titel">
         <h2 class="home-section section-head">Kommende Veranstaltungen</h2>
@@ -34,7 +31,7 @@
             verschärft sich.
           </p>
           <router-link to="/letzte-gelegenheit">
-            <div class="home-button"><p class="home-text04">Mehr -&gt;</p></div>
+            <div class="home-button"><p class="home-text">Mehr -&gt;</p></div>
           </router-link>
         </section>
         <div class="card">
@@ -56,7 +53,7 @@
             </span>
           </p>
           <router-link to="/suesse-traeume">
-            <div class="home-button1"><p class="home-text09">Mehr -&gt;</p></div>
+            <div class="home-button1"><p class="home-text05">Mehr -&gt;</p></div>
           </router-link>
         </div>
       </main>
@@ -80,7 +77,7 @@
             Fragestellung bilden.
           </p>
           <router-link to="/ein-orden-fuer-eine-gute-tat">
-            <div class="home-button2"><p class="home-text12">Lesen -&gt;</p></div>
+            <div class="home-button2"><p class="home-text08">Lesen -&gt;</p></div>
           </router-link>
         </div>
         <div class="card">
@@ -101,7 +98,7 @@
             </span>
           </p>
           <router-link to="/rosenteufel">
-            <div class="home-button3"><p class="home-text17">Lesen -&gt;</p></div>
+            <div class="home-button3"><p class="home-text13">Lesen -&gt;</p></div>
           </router-link>
         </div>
       </main>
@@ -150,14 +147,8 @@ export default {
   background-size: cover;
   background-image: url("/forest-background-luca-dross-1500w.jpg");
 }
-.home-heading {
-  font-size: 64px;
-}
-.home-caption {
-  color: rgb(255, 255, 255);
-  font-size: 20px;
-  font-family: Fira Sans;
-  line-height: 30px;
+.home-image {
+  width: 640px;
 }
 .home-veranstaltungen-kapitel {
   gap: var(--dl-space-space-halfunit);
@@ -186,6 +177,8 @@ export default {
 .home-section {
   color: #ffffff;
   font-size: 36px;
+  padding-left: 12px;
+  padding-right: 12px;
 }
 .home-larps-kapitel {
   gap: var(--dl-space-space-twounits);
@@ -235,7 +228,7 @@ export default {
 .home-button:hover {
   opacity: 0.5;
 }
-.home-text04 {
+.home-text {
   color: #ffff00;
   font-style: normal;
   font-weight: 500;
@@ -271,7 +264,7 @@ export default {
 .home-button1:hover {
   opacity: 0.5;
 }
-.home-text09 {
+.home-text05 {
   color: #FFFF00;
   font-style: normal;
   font-weight: 500;
@@ -324,7 +317,7 @@ export default {
 .home-button2:hover {
   opacity: 0.5;
 }
-.home-text12 {
+.home-text08 {
   color: #ffff00;
   font-style: normal;
   font-weight: 500;
@@ -360,23 +353,20 @@ export default {
 .home-button3:hover {
   opacity: 0.5;
 }
-.home-text17 {
+.home-text13 {
   color: #ffff00;
   font-style: normal;
   font-weight: 500;
   line-height: 24px;
 }
 @media(max-width: 991px) {
-  .home-caption {
-    text-align: left;
+  .home-image {
+    width: 420px;
   }
 }
 @media(max-width: 767px) {
-  .home-caption {
-    color: rgb(255, 255, 255);
-    font-size: 16px;
-    font-family: Poppins;
-    line-height: 24px;
+  .home-image {
+    margin-top: var(--dl-space-space-unit);
   }
   .home-veranstaltungen-kapitel {
     width: auto;
@@ -384,9 +374,6 @@ export default {
   }
 }
 @media(max-width: 479px) {
-  .home-caption {
-    font-family: Poppins;
-  }
   .home-veranstaltungen-titel {
     width: auto;
     height: auto;

src/views/letzte-gelegenheit.vue

@@ -89,7 +89,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="rawjlr8"></span>
+          <span v-html="rawsmzl"></span>
         </span>
         <span>Spiel startet.</span>
         <br />
@@ -149,7 +149,7 @@ export default {
   },
   data() {
     return {
-      rawjlr8: ' ',
+      rawsmzl: ' ',
     }
   },
   metaInfo: {
@@ -201,6 +201,8 @@ export default {
   text-align: center;
   font-family: Poppins;
   font-weight: 500;
+  padding-left: 12px;
+  padding-right: 12px;
 }
 .letzte-gelegenheit-subtitle {
   color: rgb(255, 255, 255);
@@ -273,6 +275,10 @@ export default {
     font-size: 16px;
     line-height: 24px;
   }
+  .letzte-gelegenheit-teaser {
+    width: 480px;
+    height: 270px;
+  }
   .letzte-gelegenheit-veranstaltungen-kapitel {
     border-color: transparent;
   }
@@ -281,8 +287,9 @@ export default {
   }
 }
 @media(max-width: 479px) {
-  .letzte-gelegenheit-title {
-    max-width: 280px;
+  .letzte-gelegenheit-teaser {
+    width: 400px;
+    height: 225px;
   }
   .letzte-gelegenheit-veranstaltungen-titel {
     width: auto;

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="rawhsz3"></span>
+          <span v-html="rawyfct"></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="rawpjf9"></span>
+          <span v-html="rawzevj"></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="rawzpjy"></span>
+          <span v-html="rawca9v"></span>
         </span>
       </span>
     </div>
@@ -307,9 +307,9 @@ export default {
   },
   data() {
     return {
-      rawhsz3: ' ',
-      rawpjf9: ' ',
-      rawzpjy: ' ',
+      rawyfct: ' ',
+      rawzevj: ' ',
+      rawca9v: ' ',
     }
   },
   metaInfo: {