Merge pull request #224 from mapswipe/fix/get-involved-link

AdityaKhatri · web-flow · commit 2e641471fccd · 2026-06-01T16:22:18.000+05:45
Add use web app link
diff --git a/public/locales/cs/get-involved.json b/public/locales/cs/get-involved.json
@@ -7,7 +7,8 @@
   "contribute-now-description": "MapSwipe nabízí mnoho způsobů, jak se zapojit a přispět k naší komunitě. Nejjednodušší je stáhnout si aplikaci a začít se podílet jako jednotlivec.",
   "download-on-playstore": "Stažení z obchodu Play",
   "download-on-apple-store": "Stažení z obchodu Apple Store",
-  "download-apk-label": "Nebo si stáhněte APK",
+  "use-web-app-label": "",
+  "download-apk-label": "stáhněte APK",
   "individual-heading": "Jednotlivci",
   "individual-heading-image": "logo Jednotlivci",
   "possess-language-skills": "Hovoříte plynně jinými jazyky?",
diff --git a/public/locales/de/get-involved.json b/public/locales/de/get-involved.json
@@ -7,7 +7,8 @@
   "contribute-now-description": "MapSwipe bietet viele Möglichkeiten sich zu  engagieren und einen Beitrag zu leisten. Der einfachste Weg ist es die APP herunterzuladen und um als Einzelperson etwas zu bewirken.",
   "download-on-playstore": "Aus dem Play Store herunterladen",
   "download-on-apple-store": "Aus dem Apple Store herunterladen",
-  "download-apk-label": "Oder als APK herunterladen",
+  "use-web-app-label": "",
+  "download-apk-label": "APK herunterladen",
   "individual-heading": "Einzelperson",
   "individual-heading-image": "Individual-logo",
   "possess-language-skills": "Beherrschst du andere Sprachen fließend?",
diff --git a/public/locales/en/data.json b/public/locales/en/data.json
@@ -52,7 +52,7 @@
   "type-locate-key-point-1": "Localize the location of features like rooftops, solar panels, or waterways within satellite image tiles",
   "type-locate-key-point-2": "Help improve training data that teaches machine learning models where features are located in imagery",
   "type-locate-key-point-3": "Capture more detailed information on local communities",
-  "explore-section-heading": "Improve the speed and accuracy of automated mapping, helping humanitarian organizations scale their efforts",
+  "explore-section-heading": "Explore the data",
   "data-last-fetched": "Last updated: {{date, datetime}}",
   "explore-section-heading-description": "The data files always contain the most up-to-date data.",
   "see-more-button": "Show more",
diff --git a/public/locales/en/get-involved.json b/public/locales/en/get-involved.json
@@ -7,7 +7,8 @@
   "contribute-now-description": "MapSwipe offers many ways to engage and contribute to our community. Download the app or go to Mapswipe for Web and start to make an impact as an individual.",
   "download-on-playstore": "Download-from-play store",
   "download-on-apple-store": "Download from apple store",
-  "download-apk-label": "Or download an APK",
+  "use-web-app-label": "Use Web App",
+  "download-apk-label": "Download an APK",
   "individual-heading": "Individuals",
   "individual-heading-image": "Individual-logo",
   "possess-language-skills": "Are you fluent in other languages?",
diff --git a/public/locales/hu/get-involved.json b/public/locales/hu/get-involved.json
@@ -7,7 +7,8 @@
   "contribute-now-description": "A MapSwipe-pal számos módon bekapcsolódhat és hozzájárulhat közösségünkhöz. A legegyszerűbb, ha letölti az alkalmazást, és önállóan tesz lépéseket.",
   "download-on-playstore": "Letöltés a Play áruházból",
   "download-on-apple-store": "Letöltés az Apple Store-ból",
-  "download-apk-label": "Vagy letölt egy APK-t.",
+  "use-web-app-label": "",
+  "download-apk-label": "Letölt egy APK-t.",
   "individual-heading": "Egyénileg",
   "individual-heading-image": "Egyéni logó",
   "possess-language-skills": "Jól beszél idegen nyelveken?",
diff --git a/public/locales/ne/get-involved.json b/public/locales/ne/get-involved.json
@@ -7,7 +7,8 @@
   "contribute-now-description": "MapSwipeले हाम्रो समुदायमा संलग्न हुने र योगदान दिने धेरै तरिकाहरू प्रदान गर्दछ। सबैभन्दा सजिलो तरिका भनेको एप डाउनलोड गर्ने र व्यक्तिगत रूपमा प्रभाव पार्न सुरु गर्ने हो। ",
   "download-on-playstore": "Download from play store",
   "download-on-apple-store": "Download from apple store",
-  "download-apk-label": "वा APK डाउनलोड गर्नुहोस्",
+  "use-web-app-label": "",
+  "download-apk-label": "APK डाउनलोड गर्नुहोस्",
   "individual-heading": "व्यक्तिहरू",
   "individual-heading-image": "Individual logo",
   "possess-language-skills": "के तपाइँ अन्य भाषाहरूमा धाराप्रवाह हुनुहुन्छ?",
diff --git a/public/locales/pt/get-involved.json b/public/locales/pt/get-involved.json
@@ -7,7 +7,8 @@
   "contribute-now-description": "O MapSwipe oferece muitas formas de participar e contribuir para a nossa comunidade. A forma mais fácil é descarregar a aplicação e começar a ter impacto enquanto indivíduo.",
   "download-on-playstore": "Descarregar da Play Store",
   "download-on-apple-store": "Descarregar a partir da Apple Store",
-  "download-apk-label": "Ou descarregar um APK",
+  "use-web-app-label": "",
+  "download-apk-label": "Descarregar um APK",
   "individual-heading": "Pessoas singulares",
   "individual-heading-image": "Logótipo pessoas singulares",
   "possess-language-skills": "É fluente noutras línguas?",
diff --git a/src/pages/[locale]/get-involved/index.tsx b/src/pages/[locale]/get-involved/index.tsx
@@ -75,13 +75,23 @@ function GetInvolved(props: Props) {
                         />
                     </Link>
                 </div>
-                <Link
-                    className={styles.downloadLink}
-                    href="https://github.com/mapswipe/mapswipe/releases/latest/download/app-production-release.apk"
-                    target="_blank"
-                >
-                    {t('download-apk-label')}
-                </Link>
+                <div className={styles.linkContainer}>
+                    <Link
+                        className={styles.downloadLink}
+                        href="https://web.mapswipe.org/"
+                        target="_blank"
+                    >
+                        {t('use-web-app-label')}
+                    </Link>
+                    |
+                    <Link
+                        className={styles.downloadLink}
+                        href="https://github.com/mapswipe/mapswipe/releases/latest/download/app-production-release.apk"
+                        target="_blank"
+                    >
+                        {t('download-apk-label')}
+                    </Link>
+                </div>
             </Section>
             <Section
                 sectionId="individual"
diff --git a/src/pages/[locale]/get-involved/styles.module.css b/src/pages/[locale]/get-involved/styles.module.css
@@ -83,6 +83,11 @@
                     }
                 }
             }
+            .linkContainer{
+                display: flex;
+                justify-content: center;
+                gap: var(--spacing-medium);
+            }
 
             .downloadLink {
                 color: var(--color-link);

Original file line number	Diff line number	Diff line change
`@@ -83,6 +83,11 @@`
`83`	`83`	`}`
`84`	`84`	`}`
`85`	`85`	`}`
	`86`	`+ .linkContainer{`
	`87`	`+ display: flex;`
	`88`	`+ justify-content: center;`
	`89`	`+ gap: var(--spacing-medium);`
	`90`	`+ }`
`86`	`91`
`87`	`92`	`.downloadLink {`
`88`	`93`	`color: var(--color-link);`