Extended

apps/client/.env.example

@@ -4,9 +4,11 @@ VITE_PUBLIC_URL=http://localhost:3000
 VITE_DEBUG_LOGGING=true
 VITE_DEFAULT_LANGUAGE=en
 VITE_SUPPORT_EMAIL=support@orienteerfeed.com
-VITE_DOCS_URL=docs.orienteerfeed.com
+VITE_DOCS_URL=https://docs.orienteerfeed.com
 VITE_DISCORD_INVITE_URL=https://discord.gg/QMvnurgKzU
 VITE_GITHUB_REPO_URL=https://github.com/orienteerfeed/ofeed
+VITE_WEBLATE_URL=https://hosted.weblate.org/projects/ofeed
+VITE_BUY_ME_A_COFFEE_URL=https://buymeacoffee.com/ofeed
 
 # Docker runtime (used by nginx.conf.template inside container)
 PORT=80

apps/client/src/config.ts

@@ -43,6 +43,14 @@ export const config = {
     import.meta.env.VITE_GITHUB_REPO_URL,
     'https://github.com/orienteerfeed/ofeed'
   ),
+  WEBLATE_URL: optional(
+    import.meta.env.VITE_WEBLATE_URL,
+    'https://hosted.weblate.org/projects/ofeed'
+  ),
+  BUY_ME_A_COFFEE_URL: optional(
+    import.meta.env.VITE_BUY_ME_A_COFFEE_URL,
+    'https://buymeacoffee.com/ofeed'
+  ),
 
   // Debug flags - all controlled by VITE_DEBUG_LOGGING
   DEBUG_LOGGING: DEBUG,

apps/client/src/lib/paths/externalLinks.ts

@@ -31,7 +31,8 @@ export function buildExternalEventUrl(
 export const externalLinks = {
   mrb: (baseApi: string) => `${baseApi}/mrb`,
   docs: config.DOCS_URL,
-  buyMeCoffee: 'https://buymeacoffee.com/ofeed',
-  discord: 'https://discord.gg/YWURC23tHZ',
-  github: 'https://github.com/orienteerfeed/ofeed',
+  buyMeCoffee: config.BUY_ME_A_COFFEE_URL,
+  discord: config.DISCORD_INVITE_URL,
+  github: config.GITHUB_REPO_URL,
+  weblate: config.WEBLATE_URL,
 } as const;

apps/client/src/pages/About/AboutPage.tsx

@@ -1,9 +1,11 @@
 import { Card } from '@/components/ui/card';
+import { externalLinks } from '@/lib/paths/externalLinks';
 import { useTranslation } from 'react-i18next';
 import { MainPageLayout } from '../../templates/MainPageLayout';
 
 export const AboutPage = () => {
   const { t } = useTranslation();
+  const contributeDocsUrl = `${externalLinks.docs.replace(/\/$/, '')}/contribute`;
   return (
     <MainPageLayout t={t} pageName={t('Templates.Routes.About')}>
       <section className="container mx-auto px-4 py-12 md:py-20">
@@ -151,14 +153,14 @@ export const AboutPage = () => {
                 </div>
 
                 <p className="text-sm md:text-base text-muted-foreground">
-                  We are orienteering enthusiasts who enjoy
-                  connecting technology with orienteering.
+                  We are orienteering enthusiasts who enjoy connecting
+                  technology with orienteering.
                 </p>
 
                 <p className="text-sm md:text-base text-muted-foreground">
-                  After using the core of the platform privately for many years, we
-                  decided to open it to the wider orienteering community to make
-                  event organization simpler, faster, and more reliable.
+                  After using the core of the platform privately for many years,
+                  we decided to open it to the wider orienteering community to
+                  make event organization simpler, faster, and more reliable.
                 </p>
               </div>
             </div>
@@ -168,7 +170,7 @@ export const AboutPage = () => {
             <p className="text-muted-foreground">
               Questions or feedback? Get in touch via{' '}
               <a
-                href="https://github.com/orienteerfeed"
+                href={externalLinks.github}
                 target="_blank"
                 rel="noreferrer"
                 className="text-primary font-medium hover:underline underline-offset-4"
@@ -177,7 +179,7 @@ export const AboutPage = () => {
               </a>{' '}
               or check the{' '}
               <a
-                href="https://docs.orienteerfeed.com/"
+                href={externalLinks.docs}
                 target="_blank"
                 rel="noreferrer"
                 className="text-primary font-medium hover:underline underline-offset-4"
@@ -187,6 +189,31 @@ export const AboutPage = () => {
               for more details.
             </p>
           </Card>
+          <Card className="p-6 md:p-8 border-border">
+            <h2 className="text-2xl font-bold mb-4">Contribute</h2>
+            <p className="text-muted-foreground">
+              Help us improve localization in your language, we use{' '}
+              <a
+                href={externalLinks.weblate}
+                target="_blank"
+                rel="noreferrer"
+                className="text-primary font-medium hover:underline underline-offset-4"
+              >
+                Weblate
+              </a>{' '}
+              for translation management. You can find more detailed information
+              on how to join us in the{' '}
+              <a
+                href={contributeDocsUrl}
+                target="_blank"
+                rel="noreferrer"
+                className="text-primary font-medium hover:underline underline-offset-4"
+              >
+                documentation
+              </a>
+              .
+            </p>
+          </Card>
         </div>
       </section>
     </MainPageLayout>