From 0dfd46ad92b6c69bd2ca78de7854c123c93bdc55 Mon Sep 17 00:00:00 2001
From: Gregor on Mac <gregorassfalg@gmail.com>
Date: Mon, 5 Feb 2024 14:13:41 +0100
Subject: [PATCH] change see miro

---
 dist/data/translations.js | 54 +++++++++++++++++++--------------------
 index.twee                | 35 ++++++++++++-------------
 2 files changed, 44 insertions(+), 45 deletions(-)

diff --git a/dist/data/translations.js b/dist/data/translations.js
index 59cbe8f..8a456a2 100644
--- a/dist/data/translations.js
+++ b/dist/data/translations.js
@@ -158,8 +158,8 @@ getTranslations = function () {
   }
   text["setup.storyteller"] = {
     "1": {
-      de: 'Storyteller',
-      en: 'Storyteller'
+      de: 'Wähle deine Rolle',
+      en: 'Choose your role'
     },
     "2": {
       de: 'Storyteller behalten den Überblick. Sie sammeln Geschichtenfragmente und lösen Rätsel unter Zeitdruck.',
@@ -172,16 +172,16 @@ getTranslations = function () {
   }
   text["setup.navigator"] = {
     "1": {
-      de: 'Navigator/Scanner',
-      en: 'Navigator/Scanner'
+      de: 'Wähle deine Rolle',
+      en: 'Choose your role'
     },
     "2": {
       de: 'Navigatoren/Scanner sind aufmerksam. Ihre Aufgabe ist es, ihr Team zu den Tatorten zu führen und diese mit der Kamera zu untersuchen',
       en: 'Navigators/Scanners are methodical. Their job is to lead your team to the crime scenes and investigate them with your AR camera.'
     },
     "3": {
-      de: 'Navigator',
-      en: 'Navigator'
+      de: 'Wähle deine Rolle',
+      en: 'Choose your role'
     },
     "4": {
       de: 'Navigatoren kennen sich mit Karten aus. Ihre Aufgabe ist es, das Team zu den Tatorten zu führen.',
@@ -194,8 +194,8 @@ getTranslations = function () {
   }
   text["setup.scanner"] = {
     "1": {
-      de: 'Scanner',
-      en: 'Scanner'
+      de: 'Wähle deine Rolle',
+      en: 'Choose your role'
     },
     "2": {
       de: 'Scanner brauchen ein gutes Auge. Mit Hilfe der AR-Kamera können sie Geistertatorte sichtbar machen und nach Hinweisen suchen.',
@@ -222,12 +222,12 @@ getTranslations = function () {
   }
   text["setup.camera"] = {
     "1": {
-      de: 'Wir benötigen Zugriff auf deine Kamera, um dir die Geister zu zeigen.',
-      en: 'We need access to your camera to show you the ghosts.'
+      de: 'AR-Kamera Test',
+      en: 'AR-Kamera Test'
     },
     "2": {
-      de: 'AR-Kamera Test',
-      en: 'AR-Kamera Test '
+      de: 'Wir benötigen Zugriff auf deine Kamera, um dir die Geister zu zeigen.',
+      en: 'We need access to your camera to show you the ghosts.'
     }
   }
   text["intro.welcome"] = {
@@ -293,7 +293,7 @@ getTranslations = function () {
   }
   text["intro.6"] = {
     "1": {
-      de: 'Geheimbotschaft',
+      de: 'Okkulte Botschaft',
       en: 'Secret message'
     }
   }
@@ -389,8 +389,8 @@ getTranslations = function () {
   }
   text["main.storyteller"] = {
     "1": {
-      de: 'Storyteller',
-      en: 'Storyteller'
+      de: 'Frequenz Eingabe',
+      en: 'Input Frequency'
     },
     "2": {
       de: 'Wenn ihr einen Tatort erreicht habt, gibt der Navigator dir eine Frequenz, die du hier eingegeben musst.',
@@ -479,13 +479,13 @@ getTranslations = function () {
   }
   text["hotspot.ar"] = {
     "1": {
-      de: 'Öffne die Ghost Cam, untersuche den Tatort und mache Fotos von allem, das dir wichtig erscheint.',
-      en: 'Open the ghost cam, examine the crime scene and take photos of everything that seems important to you.'
-    },
-    "2": {
       de: 'Ghost Cam aktivieren',
       en: 'Activate Ghost Cam'
     },
+    "2": {
+      de: 'Öffne die Ghost Cam, untersuche den Tatort und mache Fotos von allem, das dir wichtig erscheint.',
+      en: 'Open the ghost cam, examine the crime scene and take photos of everything that seems important to you.'
+    },
     "3": {
       de: 'Check',
       en: 'Check'
@@ -497,12 +497,12 @@ getTranslations = function () {
   }
   text["hotspot.ghost"] = {
     "1": {
-      de: 'Ein neuer Geist ist ab sofort in deinem Inventar verfügbar.',
-      en: 'A new ghost is now available in your inventory.'
-    },
-    "2": {
       de: 'Ghost Cam aktivieren',
       en: 'Activate Ghost Cam'
+    },
+    "2": {
+      de: 'Ein neuer Geist ist ab sofort in deinem Inventar verfügbar.',
+      en: 'A new ghost is now available in your inventory.'
     }
   }
   text["hotspot.solution"] = {
@@ -593,8 +593,8 @@ getTranslations = function () {
       en: 'Very good! All questions have been answered correctly. You have translated an occult rune.'
     },
     "11": {
-      de: 'Rune',
-      en: 'Rune'
+      de: 'Okkulte Rune',
+      en: 'Occult Runes'
     },
     "12": {
       de: 'Leider wurden nicht alle Fragen richtig beantwortet. Daher kannst du keine weitere Rune entschlüsseln.',
@@ -603,8 +603,8 @@ getTranslations = function () {
   }
   text["hotspot.secret"] = {
     "1": {
-      de: 'Ziel',
-      en: 'Goal'
+      de: 'Okkulte Botschaft',
+      en: 'Occult Message'
     }
   }
   text["secret"] = {
diff --git a/index.twee b/index.twee
index 7d3a42c..a0f7058 100644
--- a/index.twee
+++ b/index.twee
@@ -237,7 +237,7 @@ Spuk & Schreck
 <<set $feedbackText = setup.text['StoryMenu'][5][setup.i18n.langs[settings.lang]]>>
 <<link [[$feedbackText|"outro.8"]]>><<addclass "#ui-bar" "stowed">><</link>>
 
-/* <<set $helpText = setup.text['StoryMenu'][2][setup.i18n.langs[settings.lang]]>>
+/*<<set $helpText = setup.text['StoryMenu'][2][setup.i18n.langs[settings.lang]]>>
 <<link [[$helpText|"Hilfe"]]>><<addclass "#ui-bar" "stowed">><</link>>
 
 <<set $legalText = setup.text['StoryMenu'][3][setup.i18n.langs[settings.lang]]>>
@@ -609,7 +609,6 @@ $(document).one(":passagedisplay", function() {
 <<set $setupCompleted to true>>
 
 <div class="wrapper">
-  <h2><<txt>></h2>
   <model-viewer 
     id="model-viewer" 
     ar auto-rotate 
@@ -622,6 +621,7 @@ $(document).one(":passagedisplay", function() {
     camera-controls>
     <button slot="ar-button" id="ar-button"><<txt>></button>
   </model-viewer>
+  <h2><<txt>></h2>
 </div>
 
 <div class="btn-group">
@@ -908,7 +908,7 @@ $(document).one(":passagedisplay", function() {
 </div>
 
 :: main.scanner.init {"position":"1100,500","size":"100,100"}
-<<audio ":playing:not(bg)" stop>>
+<<audio ":playing:not(:bg)" stop>>
 
 <div class="wrapper">
   <h1><<txt>></h1>
@@ -924,7 +924,7 @@ $(document).one(":passagedisplay", function() {
 :: main.scanner {"position":"1100,700","size":"100,100"}
 
 <<script>>
-  $('#story').attr('style', 'background-image:url(images/bg.jpg)');
+  $('#story').attr('style', 'background-image:url(images/setup.scanner.jpg)');
 <</script>>
 
 <<audio ":playing:not(:bg)" stop>>
@@ -955,7 +955,7 @@ $(document).one(":passagedisplay", function() {
 :: main.scanner.ghost {"position":"1100,700","size":"100,100"}
 
 <<script>>
-  $('#story').attr('style', 'background-image:url(images/bg.jpg)');
+  $('#story').attr('style', 'background-image:url(images/setup.scanner.jpg)');
 <</script>>
 
 <div class="wrapper">
@@ -982,15 +982,15 @@ $(document).one(":passagedisplay", function() {
 :: main.storyteller {"position":"1300,700","size":"100,100"}
 
 <<script>>
-  $('#story').attr('style', 'background-image:url(images/bg.jpg)');
+  $('#story').attr('style', 'background-image:url(images/setup.storyteller.jpg)');
 <</script>>
 
 <div class="wrapper">
   <h1><<txt>></h1>
-  <h2><<txt>></h2>
 </div>
 
 <div class="btn-group">
+  <h2><<txt>></h2>
   <<numberbox "_answer" 0 autofocus>>
   <<button "Check">>
     <<if _answer is "">>
@@ -1025,7 +1025,7 @@ $(document).one(":passagedisplay", function() {
 </div>
 
 :: hotspot.intro {"position":"1300,1700","size":"100,100"}
-<<audio ":playing:not(bg)" stop>>
+<<audio ":playing:not(:bg)" stop>>
 <<video>>
 
 <div class="btn-group">
@@ -1097,7 +1097,7 @@ $(document).one(":passagedisplay", function() {
 :: hotspot.questions {"position":"900,1500","size":"100,100"}
 
 <script>
-  $('#story').attr('style', 'background-image:url(images/hotspot.jpg)');
+  $('#story').attr('style', 'background-image:url(images/bg.jpg)');
 </script>
 
 <<if $riddleCount <= 5>>
@@ -1193,7 +1193,7 @@ $(document).one(":passagedisplay", function() {
 :: hotspot.ar {"position":"1100,900","size":"100,100"}
 
 <<script>>
-  $('#story').attr('style', 'background-image:url(images/hotspot.jpg)');
+  $('#story').attr('style', 'background-image:url(images/bg.jpg)');
 
   $(document).one(":passagedisplay", function() {
     const modelViewer = document.getElementById('model-viewer');
@@ -1205,7 +1205,6 @@ $(document).one(":passagedisplay", function() {
 <</script>>
 
 <div class="wrapper">
-  <h2><<txt>></h2>
   <model-viewer 
     id="model-viewer" 
     ar auto-rotate 
@@ -1216,6 +1215,7 @@ $(document).one(":passagedisplay", function() {
     camera-controls>
     <button slot="ar-button" id="ar-button"><<txt>></button>
   </model-viewer>
+  <h2><<txt>></h2>
 </div>
 
 <div class="btn-group">
@@ -1254,11 +1254,9 @@ $(document).one(":passagedisplay", function() {
 <</script>>
 
 <div class="wrapper">
-  <h2><<txt>></h2>
   <model-viewer 
     id="model-viewer" 
-    ar
-    auto-rotate 
+    ar auto-rotate 
     poster="images/loading.png"
     autoplay 
     shadow-intensity="2"
@@ -1266,6 +1264,7 @@ $(document).one(":passagedisplay", function() {
     camera-controls>
     <button slot="ar-button" id="ar-button"><<txt>></button>
   </model-viewer>
+  <h2><<txt>></h2>
 </div>
 
 <div class="btn-group">
@@ -1284,7 +1283,7 @@ $(document).one(":passagedisplay", function() {
 :: hotspot.solution {"position":"1300,1100","size":"100,100"}
 
 <<script>>
-  $('#story').attr('style', 'background-image:url(images/hotspot.jpg)');
+  $('#story').attr('style', 'background-image:url(images/bg.jpg)');
 <</script>>
 
 <div class="wrapper">
@@ -1310,7 +1309,7 @@ $(document).one(":passagedisplay", function() {
 :: hotspot.rune {"position":"1300,1300","size":"100,100"}
 
 <<script>>
-  $('#story').attr('style', 'background-image:url(images/hotspot.jpg)');
+  $('#story').attr('style', 'background-image:url(images/bg.jpg)');
 <</script>>
 
 <<audio ":playing:not(:bg)" stop>>
@@ -1335,7 +1334,7 @@ $(document).one(":passagedisplay", function() {
 :: hotspot.secret {"position":"1300,1500","size":"100,100"}
 
 <script>
-  $('#story').attr('style', 'background-image:url(images/hotspot.jpg)');
+  $('#story').attr('style', 'background-image:url(images/bg.jpg)');
 </script>
 
 <div class="wrapper">
@@ -2057,7 +2056,7 @@ audio, canvas, progress, video {
 
 h1 {
   font-family: "Creepster", sans-serif;
-  font-size: 8vh;
+  font-size: 6vh;
   font-style: normal;
   font-weight: 400;
   line-height: 8vh;