mirror of
https://github.com/narrrl/holy-flavor-rater.git
synced 2026-11-03 16:41:27 +01:00
added translation for impressum
This commit is contained in:
nvrl committed
1 parent
3046103d48
commit
8fa463c298
2 files changed
+47
-18
No files matched your search
@@ -43,6 +43,21 @@ const resources = {
|
||||
"reviews": "reviews",
|
||||
"rank": "Rank",
|
||||
"loading": "Loading..."
|
||||
},
|
||||
"about": {
|
||||
"title": "About This Project",
|
||||
"mission": "Holy Flavors Archive is a community-driven project dedicated to documenting and rating the vast world of Holy Energy products. Our goal is to create a definitive, high-density catalog of every flavor ever released—including legacy and limited editions.",
|
||||
"canDoTitle": "What you can do here:",
|
||||
"featureExplore": "Explore: Find details on any Holy Energy, Iced Tea, or Milkshake product.",
|
||||
"featureRate": "Rate: Share your honest opinion and score flavors from 1 to 10.",
|
||||
"featureCommunity": "Community: Follow other fans, see their latest tests, and discover new favorites together.",
|
||||
"featureProfile": "Taste Profile: Build your own personal tiered leaderboard to share with the world.",
|
||||
"disclaimer": "This website is a fan project and is not officially affiliated with, authorized, maintained, sponsored, or endorsed by HOLY Energy GmbH. All product names, logos, and brands are property of their respective owners.",
|
||||
"impressumTitle": "Impressum (Legal Notice)",
|
||||
"legalInfo": "Information according to § 5 TMG:",
|
||||
"contact": "Contact",
|
||||
"responsible": "Responsible for content according to § 55 Abs. 2 RStV:",
|
||||
"disclaimerTitle": "Legal Disclaimer"
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -86,6 +101,21 @@ const resources = {
|
||||
"reviews": "Bewertungen",
|
||||
"rank": "Rang",
|
||||
"loading": "Wird geladen..."
|
||||
},
|
||||
"about": {
|
||||
"title": "Über dieses Projekt",
|
||||
"mission": "Das Holy Flavors Archiv ist ein von der Community getriebenes Projekt, das sich der Dokumentation und Bewertung der riesigen Welt der Holy Energy Produkte widmet. Unser Ziel ist es, einen definitiven Katalog jeder jemals veröffentlichten Sorte zu erstellen – einschließlich Legacy- und Limited-Editionen.",
|
||||
"canDoTitle": "Was du hier tun kannst:",
|
||||
"featureExplore": "Entdecken: Details zu jedem Holy Energy, Eistee oder Milkshake Produkt finden.",
|
||||
"featureRate": "Bewerten: Deine ehrliche Meinung teilen und Sorten von 1 bis 10 bewerten.",
|
||||
"featureCommunity": "Community: Folge anderen Fans, sieh dir ihre neuesten Tests an und entdeckt gemeinsam neue Favoriten.",
|
||||
"featureProfile": "Geschmacksprofil: Erstelle deine eigene persönliche Bestenliste, um sie mit der Welt zu teilen.",
|
||||
"disclaimer": "Diese Website ist ein Fan-Projekt und wird nicht von der HOLY Energy GmbH offiziell unterstützt, autorisiert, gepflegt oder gesponselt. Alle Produktnamen, Logos und Marken sind Eigentum ihrer jeweiligen Inhaber.",
|
||||
"impressumTitle": "Impressum",
|
||||
"legalInfo": "Angaben gemäß § 5 TMG:",
|
||||
"contact": "Kontakt",
|
||||
"responsible": "Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV:",
|
||||
"disclaimerTitle": "Haftungsausschluss"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,10 +2,12 @@ import React from 'react';
|
||||
import { Typography, Box, Container, Paper, Divider, Button } from '@mui/material';
|
||||
import { Link } from 'react-router-dom';
|
||||
import ArrowBackIcon from '@mui/icons-material/ArrowBack';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { useTitle } from '../hooks/useTitle';
|
||||
|
||||
const About: React.FC = () => {
|
||||
useTitle('About & Impressum');
|
||||
const { t } = useTranslation();
|
||||
useTitle(t('nav.about'));
|
||||
|
||||
return (
|
||||
<Container maxWidth="md" sx={{ py: 8 }}>
|
||||
@@ -16,37 +18,34 @@ const About: React.FC = () => {
|
||||
startIcon={<ArrowBackIcon />}
|
||||
sx={{ mb: 4, textTransform: 'none', borderRadius: 2 }}
|
||||
>
|
||||
Back to Archive
|
||||
{t('common.backToArchive')}
|
||||
</Button>
|
||||
|
||||
<Paper sx={{ p: { xs: 3, md: 6 }, borderRadius: 4 }}>
|
||||
<Typography variant="h3" gutterBottom sx={{ fontWeight: 'bold' }}>About This Project</Typography>
|
||||
<Typography variant="h3" gutterBottom sx={{ fontWeight: 'bold' }}>{t('about.title')}</Typography>
|
||||
<Typography variant="body1" paragraph sx={{ fontSize: '1.1rem', lineHeight: 1.8 }}>
|
||||
<strong>Holy Flavors Archive</strong> is a community-driven project dedicated to documenting and rating
|
||||
the vast world of Holy Energy products. Our goal is to create a definitive, high-density catalog of every
|
||||
flavor ever released—including legacy and limited editions.
|
||||
{t('about.mission')}
|
||||
</Typography>
|
||||
|
||||
<Box sx={{ my: 4 }}>
|
||||
<Typography variant="h5" gutterBottom sx={{ fontWeight: 'bold' }}>What you can do here:</Typography>
|
||||
<Typography variant="h5" gutterBottom sx={{ fontWeight: 'bold' }}>{t('about.canDoTitle')}</Typography>
|
||||
<Typography component="ul" sx={{ lineHeight: 2 }}>
|
||||
<li><strong>Explore:</strong> Find details on any Holy Energy, Iced Tea, or Milkshake product.</li>
|
||||
<li><strong>Rate:</strong> Share your honest opinion and score flavors from 1 to 10.</li>
|
||||
<li><strong>Community:</strong> Follow other fans, see their latest tests, and discover new favorites together.</li>
|
||||
<li><strong>Taste Profile:</strong> Build your own personal tiered leaderboard to share with the world.</li>
|
||||
<li>{t('about.featureExplore')}</li>
|
||||
<li>{t('about.featureRate')}</li>
|
||||
<li>{t('about.featureCommunity')}</li>
|
||||
<li>{t('about.featureProfile')}</li>
|
||||
</Typography>
|
||||
</Box>
|
||||
|
||||
<Typography variant="body2" color="text.secondary" paragraph>
|
||||
This website is a fan project and is not officially affiliated with, authorized, maintained, sponsored,
|
||||
or endorsed by HOLY Energy GmbH. All product names, logos, and brands are property of their respective owners.
|
||||
{t('about.disclaimer')}
|
||||
</Typography>
|
||||
|
||||
<Divider sx={{ my: 6 }} />
|
||||
|
||||
<Typography variant="h4" gutterBottom sx={{ fontWeight: 'bold' }}>Impressum</Typography>
|
||||
<Typography variant="h4" gutterBottom sx={{ fontWeight: 'bold' }}>{t('about.impressumTitle')}</Typography>
|
||||
<Typography variant="body2" sx={{ lineHeight: 2 }}>
|
||||
<strong>Angaben gemäß § 5 TMG:</strong><br />
|
||||
<strong>{t('about.legalInfo')}</strong><br />
|
||||
{import.meta.env.VITE_IMPRESSUM_NAME || '[Your Name or Project Name]'}<br />
|
||||
{import.meta.env.VITE_IMPRESSUM_STREET || '[Your Street Address]'}<br />
|
||||
{import.meta.env.VITE_IMPRESSUM_CITY || '[Postal Code and City]'}<br />
|
||||
@@ -54,7 +53,7 @@ const About: React.FC = () => {
|
||||
</Typography>
|
||||
|
||||
<Box sx={{ mt: 3 }}>
|
||||
<Typography variant="subtitle1" sx={{ fontWeight: 'bold' }}>Kontakt:</Typography>
|
||||
<Typography variant="subtitle1" sx={{ fontWeight: 'bold' }}>{t('about.contact')}:</Typography>
|
||||
<Typography variant="body2">
|
||||
E-Mail: {import.meta.env.VITE_IMPRESSUM_EMAIL || '[Your Support Email Address]'}<br />
|
||||
{import.meta.env.VITE_IMPRESSUM_PHONE && (
|
||||
@@ -65,7 +64,7 @@ const About: React.FC = () => {
|
||||
</Box>
|
||||
|
||||
<Box sx={{ mt: 3 }}>
|
||||
<Typography variant="subtitle1" sx={{ fontWeight: 'bold' }}>Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV:</Typography>
|
||||
<Typography variant="subtitle1" sx={{ fontWeight: 'bold' }}>{t('about.responsible')}</Typography>
|
||||
<Typography variant="body2">
|
||||
{import.meta.env.VITE_IMPRESSUM_NAME || '[Your Name]'}<br />
|
||||
{import.meta.env.VITE_IMPRESSUM_STREET || '[Your Street Address]'}<br />
|
||||
@@ -74,7 +73,7 @@ const About: React.FC = () => {
|
||||
</Box>
|
||||
|
||||
<Box sx={{ mt: 4 }}>
|
||||
<Typography variant="h6" gutterBottom sx={{ fontWeight: 'bold' }}>Haftungsausschluss (Disclaimer)</Typography>
|
||||
<Typography variant="h6" gutterBottom sx={{ fontWeight: 'bold' }}>{t('about.disclaimerTitle')}</Typography>
|
||||
<Typography variant="caption" color="text.secondary" component="p" sx={{ mb: 2 }}>
|
||||
<strong>Haftung für Inhalte:</strong> Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte
|
||||
auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter
|
||||
|
||||
Reference in new issue
Block a user