2025-01-22 02:22:53 +01:00
|
|
|
<script lang="ts">
|
2025-02-10 02:04:58 +01:00
|
|
|
import { DownloadIcon } from "@rgossiaux/svelte-heroicons/solid"
|
2025-05-03 22:56:05 +02:00
|
|
|
import Translations from "../src/UI/i18n/Translations"
|
|
|
|
|
import Tr from "../src/UI/Base/Tr.svelte"
|
|
|
|
|
import LanguagePicker from "../src/UI/InputElement/LanguagePicker.svelte"
|
2025-07-12 18:36:42 +02:00
|
|
|
import { ariaLabel } from "../src/Utils/ariaLabel"
|
2025-07-17 13:54:46 +02:00
|
|
|
import Locale from "../src/UI/i18n/Locale"
|
2025-05-03 22:56:05 +02:00
|
|
|
const t = Translations.t.app
|
2025-07-17 13:54:46 +02:00
|
|
|
const lng = Locale.language
|
|
|
|
|
let fdroid = t.downloadOnFDroid.current
|
2025-01-22 02:22:53 +01:00
|
|
|
</script>
|
|
|
|
|
|
2025-05-03 22:56:05 +02:00
|
|
|
<head>
|
|
|
|
|
<link rel="stylesheet" href="./assets/index-tailwind-output.css" />
|
|
|
|
|
<title><Tr t={t.title} /></title>
|
|
|
|
|
</head>
|
|
|
|
|
|
2025-05-06 01:44:22 +02:00
|
|
|
<div class="flex flex-col p-2 sm:p-4 md:p-8">
|
|
|
|
|
<div class="self-end" style="max-width: calc( 100vw - 4rem );">
|
|
|
|
|
<LanguagePicker availableLanguages={t.title.SupportedLanguages()} />
|
2025-05-03 22:56:05 +02:00
|
|
|
</div>
|
|
|
|
|
<div class="flex justify-around">
|
2025-05-03 23:48:35 +02:00
|
|
|
<div class="max-w-128 m-8 flex flex-col">
|
2025-05-03 22:56:05 +02:00
|
|
|
<h1>
|
|
|
|
|
<Tr t={t.title} />
|
|
|
|
|
</h1>
|
|
|
|
|
<Tr t={t.intro} />
|
2025-01-22 02:22:53 +01:00
|
|
|
|
2025-06-12 13:36:05 +02:00
|
|
|
<Tr cls="subtle" t={t.noPlayServices} />
|
2025-05-03 22:56:05 +02:00
|
|
|
<a
|
|
|
|
|
class="button primary flex justify-center"
|
|
|
|
|
href="https://builds.mapcomplete.org/apk/mapcomplete-latest.apk"
|
|
|
|
|
>
|
|
|
|
|
<DownloadIcon class="h-8 w-8" />
|
|
|
|
|
<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>
|
2025-07-12 18:36:42 +02:00
|
|
|
|
2025-07-17 14:06:56 +02:00
|
|
|
<div class="flex flex-col items-center my-4">
|
2025-07-12 18:36:42 +02:00
|
|
|
|
2025-07-17 13:54:46 +02:00
|
|
|
<a href="https://f-droid.org/packages/org.mapcomplete">
|
|
|
|
|
<img src={`https://f-droid.org/badge/get-it-on-${$lng}.png`}
|
|
|
|
|
alt={$fdroid}
|
|
|
|
|
style="width: 17rem">
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
2025-07-12 18:36:42 +02:00
|
|
|
<a
|
|
|
|
|
rel="noopener"
|
|
|
|
|
href="https://apps.obtainium.imranr.dev/redirect?r=obtainium://add/https://source.mapcomplete.org/MapComplete/android-wrapper/releases">
|
2025-07-17 13:54:46 +02:00
|
|
|
<img style="width: 15rem" class="p-4" src="./badge_obtainium.png" alt="Get on obtainium" use:ariaLabel={t.getOnObtanium} />
|
2025-07-12 18:36:42 +02:00
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
2025-05-03 22:56:05 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2025-01-22 02:22:53 +01:00
|
|
|
</div>
|
