Merge pull request #9 from geo-engine/404

404 page

Author: michaelmattig

src/i18n/translations.ts

@@ -68,6 +68,10 @@ export const translations = {
         'footer.imprint': 'Impressum',
         'footer.externalLinks': 'Externe Links',
         'footer.projectPageUni': 'Projektseite Uni Marburg',
+        '404.title': '404 – Seite nicht gefunden',
+        '404.description':
+            'Die angeforderte Seite existiert nicht. Möglicherweise wurde sie entfernt, umbenannt oder ist vorübergehend nicht verfügbar.',
+        '404.back': 'Zurück zur Startseite',
     },
     en: {
         'nav.contact': 'Contact',
@@ -130,6 +134,9 @@ export const translations = {
         'footer.imprint': 'Imprint',
         'footer.externalLinks': 'External Links',
         'footer.projectPageUni': 'Project page Uni Marburg',
+        '404.title': '404 – Page not found',
+        '404.description': 'The requested page does not exist. It may have been removed, renamed, or is temporarily unavailable.',
+        '404.back': 'Back to homepage',
     },
 } as const;
 
@@ -142,6 +149,7 @@ export const pages = {
         privacyPolicy: '/datenschutzerklaerung/',
         references: '/beispiele-referenzen/',
         services: '/services/',
+        404: '/404/',
     },
     en: {
         about: '/en/about-us/',
@@ -151,5 +159,6 @@ export const pages = {
         privacyPolicy: '/en/privacy-policy/',
         references: '/en/examples-references/',
         services: '/en/services/',
+        404: '/en/404/',
     },
 } as const;

src/images/icons/404.svg

@@ -0,0 +1,19 @@
+---
+import {currentLanguage, useTranslations} from '../i18n/utils';
+import Section from '../components/Section.astro';
+import Layout from '../layouts/Layout.astro';
+import {getRelativeLocaleUrl} from 'astro:i18n';
+import {Icon} from 'astro-icon/components';
+
+const currentLang = currentLanguage(Astro.currentLocale);
+const t = useTranslations(currentLang);
+const homeLink = getRelativeLocaleUrl(currentLang, '/');
+---
+
+<Layout title={t('404.title')} description={t('404.description')}>
+    <Section>
+        <p class="text-center text-xl">{t('404.description')}</p>
+        <p class="my-8 text-center text-xl"><a class="text-main-green hover:underline" href={homeLink}>{t('404.back')}</a></p>
+        <Icon name="404" class="text-main-lightgreen m-auto text-[25vw]" />
+    </Section>
+</Layout>

src/pages/404.astro

@@ -0,0 +1,5 @@
+---
+import Page from '../404.astro';
+---
+
+<Page />