contrapunctus/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests 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
Download patch file Download diff file Expand all files Collapse all files

4
scripts/generateLayouts.ts
View file

@ -273,14 +273,14 @@ 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)
.replace( .replace(
/<!-- DESCRIPTION START -->.*<!-- DESCRIPTION END -->/s, /<!-- DESCRIPTION START -->.*<!-- DESCRIPTION END -->/s,
asLangSpan(layout.shortDescription) 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( .replace(
'<script type="module" src="./index.ts"></script>', '<script type="module" src="./index.ts"></script>',

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>