midgard/mapcomplete
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Style: Improve loading screens

Browse source
This commit is contained in:
Pieter Vander Vennet 2023-05-25 13:19:42 +02:00
parent 55903d45f9
commit 6863e7e56d
2 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
scripts/generateLayouts.ts
View file

@ -273,7 +273,7 @@ async function createLandingPage(layout: LayoutConfig, manifest, whiteIcons, alr
let output = template let output = template
.replace("Loading MapComplete, hang on...", asLangSpan(loadingText, "h1")) .replace("Loading MapComplete, hang on...", asLangSpan(loadingText, "h1"))
.replace( .replace(
"Powered by OpenStreetMap", "Made with OpenStreetMap",
Translations.t.general.poweredByOsm.textFor(targetLanguage) Translations.t.general.poweredByOsm.textFor(targetLanguage)
) )
.replace(/<!-- THEME-SPECIFIC -->.*<!-- THEME-SPECIFIC-END-->/s, themeSpecific) .replace(/<!-- THEME-SPECIFIC -->.*<!-- THEME-SPECIFIC-END-->/s, themeSpecific)

8
theme.html
View file

@ -44,9 +44,11 @@
<div class="w-full h-screen flex flex-col items-center justify-between"> <div class="w-full h-screen flex flex-col items-center justify-between">
<div class="w-full h-full flex flex-col items-center"> <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 --> <!-- DESCRIPTION START -->
MapComplete is an easy to use map viewer and map editor MapComplete is an easy to use map viewer and map editor
<!-- DESCRIPTION END --> <!-- DESCRIPTION END -->
@ -89,7 +91,7 @@
} }
} }
filterLangs(document.getElementById("default-main")) filterLangs(document.getElementById("descriptions-while-loading"))
filterLangs(document.getElementById("default-title")) filterLangs(document.getElementById("default-title"))
</script> </script>