contrapunctus/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

UI: improve app landing page, add translations

Browse source
This commit is contained in:
Pieter Vander Vennet 2025-05-03 22:56:05 +02:00
parent 7342acb410
commit c5ef64c5d2
5 changed files with 57 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

37
app/AppIndex.svelte
View file

@ -1,19 +1,42 @@
<script lang="ts"> <script lang="ts">
import { DownloadIcon } from "@rgossiaux/svelte-heroicons/solid" import { DownloadIcon } from "@rgossiaux/svelte-heroicons/solid"
import Translations from "../src/UI/i18n/Translations"
import Tr from "../src/UI/Base/Tr.svelte"
import LanguagePicker from "../src/UI/InputElement/LanguagePicker.svelte"
const t = Translations.t.app
</script> </script>
<div class="m-8 flex flex-col"> <head>
<h1>MapComplete Android App</h1> <link rel="stylesheet" href="./assets/index-tailwind-output.css" />
<title><Tr t={t.title} /></title>
</head>
MapComplete is available as Android App as direct download. We are working on publishing this in <div class="flex flex-col p-8">
the play store and on FDroid too. <div class="self-end">
<LanguagePicker />
</div>
<div class="flex justify-around">
<div class="m-8 flex flex-col max-w-128">
<h1>
<Tr t={t.title} />
</h1>
<Tr t={t.intro} />
<a <a
class="button primary flex justify-center" class="button primary flex justify-center"
href="https://app.mapcomplete.org/mapcomplete-latest.apk" href="https://builds.mapcomplete.org/apk/mapcomplete-latest.apk"
> >
<DownloadIcon class="h-8 w-8" /> <DownloadIcon class="h-8 w-8" />
Download the latest version <Tr t={t.download} />
</a>
<a class="button" href="https://mapcomplete.org">
<Tr t={t.back} />
</a>
<a class="link-underline w-fit self-end" href="https://builds.mapcomplete.org/apk/">
<Tr t={t.older} />
</a> </a>
<a class="button" href="https://mapcomplete.org">Go back to mapcomplete</a> </div>
</div>
</div> </div>

10
app/build_and_deploy.sh
View file

@ -1,5 +1,5 @@
#! /bin/bash #! /bin/bash
# To be run from app directory
nvm use nvm use
export NODE_OPTIONS="--max-old-space-size=8192" export NODE_OPTIONS="--max-old-space-size=8192"
@ -8,12 +8,16 @@ npm run build:vite:app-landing
mkdir to_upload mkdir to_upload
mv dist/app/* to_upload/ mv dist/app/* to_upload/
cp -r .well-known/ to_upload/ cp -r .well-known/ to_upload/
mkdir -p to_upload/assets mkdir -p to_upload/assets/fonts
cp ../public/css/index-tailwind-output.css to_upload/assets/
cp ../public/assets/fonts/source-sans-pro.regular.ttf to_upload/assets/fonts/
cp dist/assets/*.js to_upload/assets/ cp dist/assets/*.js to_upload/assets/
rm -rf dist rm -rf dist
ssh hetzner "rm -rf /root/app/" ssh hetzner "rm -rf /root/app/"
scp -rp to_upload/ hetzner:/root/app/ scp -rp to_upload/ hetzner:/root/app/
scp -rp to_upload/.well-known/ hetzner:/root/app/ scp -rp to_upload/.well-known/ hetzner:/root/app/
ssh hetzner "cp ~/apk/mapcomplete-latest.apk ~/app/" ssh hetzner "cp ~/public/apk/mapcomplete-latest.apk ~/app/"
rm -rf to_upload rm -rf to_upload

7
langs/en.json
View file

@ -2,6 +2,13 @@
"advanced": { "advanced": {
"title": "Advanced features" "title": "Advanced features"
}, },
"app": {
"back": "Go back to MapComplete",
"download": "Download the app",
"intro": "MapComplete is available as Android App as direct download. We are working on publishing this in on FDroid too.",
"older": "See older builds",
"title": "MapComplete Anrdoid App"
},
"centerMessage": { "centerMessage": {
"allFilteredAway": "No feature in view meets all filters", "allFilteredAway": "No feature in view meets all filters",
"loadingData": "Loading data…", "loadingData": "Loading data…",

7
langs/nl.json
View file

@ -2,6 +2,13 @@
"advanced": { "advanced": {
"title": "Geavanceerde functies" "title": "Geavanceerde functies"
}, },
"app": {
"back": "Ga terug naar MapComplete",
"download": "Download de laatste versie",
"intro": "MapComplete is beschikbaar als Android App. Deze is binnenkort ook in F-Droid beschikbaar",
"older": "Bekijk oudere versies",
"title": "MapComplete Anrdoid App"
},
"centerMessage": { "centerMessage": {
"allFilteredAway": "Geen enkel kaart-object voldoet aan alle filters", "allFilteredAway": "Geen enkel kaart-object voldoet aan alle filters",
"loadingData": "Data worden geladen …", "loadingData": "Data worden geladen …",