From 6863e7e56d8468a379c201952f02bdcc93197b81 Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Thu, 25 May 2023 13:19:42 +0200
Subject: [PATCH] Style: Improve loading screens

---
 scripts/generateLayouts.ts | 4 ++--
 theme.html                 | 8 +++++---
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/scripts/generateLayouts.ts b/scripts/generateLayouts.ts
index 3a68ef68a8..3a774ed8be 100644
--- a/scripts/generateLayouts.ts
+++ b/scripts/generateLayouts.ts
@@ -273,14 +273,14 @@ async function createLandingPage(layout: LayoutConfig, manifest, whiteIcons, alr
     let output = template
         .replace("Loading MapComplete, hang on...", asLangSpan(loadingText, "h1"))
         .replace(
-            "Powered by OpenStreetMap",
+            "Made with OpenStreetMap",
             Translations.t.general.poweredByOsm.textFor(targetLanguage)
         )
         .replace(/<!-- THEME-SPECIFIC -->.*<!-- THEME-SPECIFIC-END-->/s, themeSpecific)
         .replace(
             /<!-- DESCRIPTION START -->.*<!-- DESCRIPTION END -->/s,
             asLangSpan(layout.shortDescription)
-        )  .replace(/<!-- IMAGE-START -->.*<!-- IMAGE-END-->/s, "<img class='p-8 h-32 w-32 self-start' src='"+ icon+"' />")
+        )  .replace(/<!-- IMAGE-START -->.*<!-- IMAGE-END -->/s, "<img class='p-8 h-32 w-32 self-start' src='"+ icon+"' />")
 
         .replace(
             '<script type="module" src="./index.ts"></script>',
diff --git a/theme.html b/theme.html
index 9536382fcc..6f76a3b4f7 100644
--- a/theme.html
+++ b/theme.html
@@ -44,9 +44,11 @@
         <div class="w-full h-screen flex flex-col items-center justify-between">
             <div class="w-full h-full flex flex-col items-center">
                 
-            <h1 id="default-title">Loading MapComplete, hang on...</h1>
+            <div id="default-title">
+                Loading MapComplete, hang on...
+            </div>
 
-            <p class="text-xl">
+            <p class="text-xl" id="descriptions-while-loading">
                 <!-- DESCRIPTION START -->
                 MapComplete is an easy to use map viewer and map editor
                 <!-- DESCRIPTION END -->
@@ -89,7 +91,7 @@
         }
     }
 
-    filterLangs(document.getElementById("default-main"))
+    filterLangs(document.getElementById("descriptions-while-loading"))
     filterLangs(document.getElementById("default-title"))
 </script>