Style: Improve loading screens
This commit is contained in:
parent
55903d45f9
commit
6863e7e56d
2 changed files with 7 additions and 5 deletions
|
@ -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>',
|
||||
|
|
|
@ -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>
|
||||
|
||||
|
|
Loading…
Reference in a new issue