feat(home): adapt home and acknowledgment

README.md

@@ -1,6 +1,6 @@
 # MapSwipe Web App
 
-Welcome to [MapSwipe4Web](https://web.mapswipe.org). This web application complements the existing [mobile app](https://github.com/mapswipe/mapswipe) and allows users to contribute to [MapSwipe](https://mapswipe.org) from their browser. It was initially developed by [HeiGIT](https://www.heigit.org) with the support of the [Humanitarian OpenStreetMap Team](https://www.hotosm.org/).
+Welcome to [MapSwipe4Web](https://web.mapswipe.org). This web application complements the existing [mobile app](https://github.com/mapswipe/mapswipe) and allows users to contribute to [MapSwipe](https://mapswipe.org) from their browser.
 
 ## Developing, Building, and Contributing to MapSwipe
 
@@ -48,3 +48,7 @@ chmod ug+x .git/hooks/*
 ### Deployment
 
 On any push to the main branch of this repository, the most recent **tagged** version **and** the latest version are built and deployed to [web.mapswipe.org](https://web.mapswipe.org) and [web.mapswipe.org/dev](https://web.mapswipe.org/dev) respectively (see [deployment workflow](.github/workflows/deploy.yml)).
+
+## Acknowledgement
+
+The web app was initially developed by [HeiGIT](https://www.heigit.org) with the support of the [Humanitarian OpenStreetMap Team](https://www.hotosm.org/). It is based on an application developed for the [UndercoverEisAgenten](www.undercovereisagenten) project. UndercoverEisAgenten is funded by the Federal Ministry of Education and Research as part of the Citizen Science funding area. It is one of 15 projects that will advance the cooperation between citizens and scientists in terms of content and methodology as well as provide answers to society’s challenges until the end of 2024.

src/i18n/locales/de.json

@@ -51,9 +51,11 @@
   },
   "homeView": {
     "title": "Willkommen bei der MapSwipe Web App!",
-    "text": "Als Teil des Missing Maps-Projekts ist {mapswipeLink} eine mobile App, die entwickelt wurde, um Kartendaten von einem Netzwerk globaler Freiwilliger zu sammeln. Es geht darum, wichtige Infrastrukturen wie Gebäude und Straßen auf Satelliten- und Luftbildern zu finden, Schäden zu kartieren oder Veränderungen zu erkennen. Neben der {mobileAppLink} steht nun die neue Webanwendung zur Verfügung, die über einen Browser auf unterschiedlichen Geräten genutzen werden kann.{newline}{newline}Wenn du einen Bug findest oder ein Feature vorschlagen möchtest, {issueLink} auf GitHub.",
+    "text": "Als Teil des Missing Maps-Projekts ist {mapswipeLink} eine mobile App, die entwickelt wurde, um Kartendaten von einem Netzwerk globaler Freiwilliger zu sammeln. Es geht darum, wichtige Infrastrukturen wie Gebäude und Straßen auf Satelliten- und Luftbildern zu finden, Schäden zu kartieren oder Veränderungen zu erkennen. Neben der {mobileAppLink} steht nun die neue Webanwendung zur Verfügung, die über einen Browser auf unterschiedlichen Geräten genutzen werden kann.",
+    "acknowledgement": "Die Web App wurde durch das {heigitLink} mit Unterstützung des {hotLink} entwickelt. Wenn du einen Bug findest oder ein Feature vorschlagen möchtest, {issueLink} auf GitHub.",
     "mobileApp": "mobilen App",
-    "openAnIssue": "erstelle bitte ein Issue"
+    "openAnIssue": "erstelle bitte ein Issue",
+    "startMapping": "Jetzt kartieren"
   },
   "languageSwitcher": {
     "switchLanguage": "Sprache wählen"

src/i18n/locales/en.json

@@ -51,9 +51,11 @@
   },
   "homeView": {
     "title": "Welcome to the MapSwipe web app!",
-    "text": "As part of the Missing Map project, {mapswipeLink} was created to crowdsource map data from a network of global volunteers - just one swipe at a time. Individuals, volunteers from communities all over the world, can find crucial infrastructure such as buildings and roads, identify changes in areas. In addition to the {mobileAppLink}, volunteers can now use the new MapSwipe web app and start contributing right away through a web browser on various devices.{newline}{newline}If you find a bug or want to request a feature, please {issueLink} on GitHub.",
+    "text": "As part of the Missing Map project, {mapswipeLink} was created to crowdsource map data from a network of global volunteers - just one swipe at a time. Individuals, volunteers from communities all over the world, can find crucial infrastructure such as buildings and roads, identify changes in areas. In addition to the {mobileAppLink}, volunteers can now use the new MapSwipe web app and start contributing right away through a web browser on various devices.",
+    "acknowledgement": "The web app was initially developed by {heigitLink} with the support of the {hotLink}. If you find a bug or want to request a feature, please {issueLink} on GitHub.",
     "mobileApp": "mobile app",
-    "openAnIssue": "open an issue"
+    "openAnIssue": "open an issue",
+    "startMapping": "Start mapping"
   },
   "languageSwitcher": {
     "switchLanguage": "Switch Language"

src/views/HomeView.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import BasicPage from '@/components/BasicPage.vue'
+import { i18nRoute } from '@/i18n/translation'
 </script>
 
 <template>
@@ -15,17 +16,27 @@ import BasicPage from '@/components/BasicPage.vue'
           $t('homeView.mobileApp')
         }}</a>
       </template>
+    </i18n-t>
+    <v-btn
+      class="mt-6"
+      color="primary"
+      :text="$t('homeView.startMapping')"
+      :to="i18nRoute({ name: 'projects' })"
+    />
+    <v-divider class="mt-6" />
+    <br />
+    <i18n-t keypath="homeView.acknowledgement" tag="p" scope="global">
       <template v-slot:issueLink>
         <a href="https://github.com/mapswipe/mapswipe-web/issues" target="_blank">{{
           $t('homeView.openAnIssue')
         }}</a>
       </template>
       <template v-slot:heigitLink>
-        <a href="https://heigit.org/geoinformation-for-humanitarian-aid/" target="_blank"
-          >Heidelberg Institute for Geoinformation Technology</a
-        >
+        <a href="https://heigit.org" target="_blank">HeiGIT</a>
+      </template>
+      <template v-slot:hotLink>
+        <a href="https://www.hotosm.org" target="_blank">Humanitarian OpenStreetMap Team</a>
       </template>
-      <template v-slot:newline><br /></template>
     </i18n-t>
   </basic-page>
 </template>