feat: added languages

2026-04-28 13:52:38 +02:00
parent d5d995c50d
commit 735b5fc206
19 changed files with 1300 additions and 592 deletions
@@ -0,0 +1,258 @@
+import type { LanguagePack } from './language.types';
+
+export const deLanguage: LanguagePack = {
+  app: {
+    selectorTitle: 'Sprache auswählen',
+    changeLanguage: 'Sprache',
+    changeLanguageAriaLabel: 'Sprache ändern',
+    closeSelector: 'Sprachauswahl schließen',
+    languageEnglish: 'Englisch',
+    languageGerman: 'Deutsch',
+  },
+  footer: {
+    noscriptMessage: 'Bitte aktiviere JavaScript für die vollständige Nutzung.',
+    imprintLink: 'Impressum',
+  },
+  home: {
+    portfolioEyebrow: 'Portfolio',
+    heroIntro:
+      'Ich entwickle zuverlässige Systeme, saubere Interfaces und praktische digitale Lösungen, die auch produktiv wirklich halten.',
+    contactTitle: 'Kontakt',
+    viewProjects: 'Projekte ansehen',
+    aboutMe: 'Über mich',
+    nextHighlightAriaLabel: 'Nächstes Highlight-Bild anzeigen',
+    nextHighlightTitle: 'Nächstes Bild anzeigen',
+    singleHighlightTitle: 'Einzelnes Bild',
+    portraitAltSuffix: 'Bild',
+    clickHint: 'Klick mich!',
+    aboutEyebrow: 'Über mich',
+    aboutParagraphs: [
+      'Ich heiße {{firstname}}, die meisten nennen mich Julie. Ich bin {{age}} Jahre alt und komme aus Österreich. Ein großer Teil meines Alltags passiert unterwegs – meistens im Zug, zwischen Terminen, Büros und Zeit mit meiner Familie.',
+      'Digitale Sicherheit und Privatsphäre sind mir sehr wichtig. Ich baue Systeme mit möglichst kleiner Angriffsfläche, sinnvollen Standards und starkem Fokus auf Datenschutz.',
+      'Ich arbeite mit modernen Web-Technologien und an geschäftskritischen Systemen. Mein Fokus liegt auf klaren, stabilen Lösungen, die im Alltag funktionieren und echten Nutzen liefern.',
+    ],
+    detailToggleOpen: 'Erweitertes Profil lesen',
+    detailToggleClose: 'Erweitertes Profil ausblenden',
+    detailParagraphs: [
+      'Was mich wirklich interessiert, ist moderner Code: sauber strukturiert, wartbar und mit Blick auf Performance gebaut.',
+      'Abseits von Software ist Tauchen mein größtes Hobby. Die Stille unter Wasser zieht mich immer wieder zurück in Österreichs Seen.',
+      'Hauptsächlich arbeite ich für die SobIT GmbH in Wien, zusätzlich zu Freelance-Projekten für Unternehmen, Organisationen und private Kunden.',
+    ],
+    getInTouch: 'Kontakt aufnehmen',
+    projectsEyebrow: 'Aktuelle Jobs & Projekte',
+    openProjectPrefix: 'Projekt öffnen',
+    projectLanguagesAriaLabel: 'Projekt-Technologien',
+    fallbackBioLabel: 'mein Stack',
+  },
+  imprint: {
+    legalEyebrow: 'Rechtliches',
+    title: 'Impressum & Datenschutz',
+    intro:
+      'Rechtliche Informationen zu dieser Website nach österreichischem Recht, inklusive Datenschutzinformationen für Websites von {{firstname}} {{lastname}} (Lechner Systems).',
+    backToPortfolio: 'Zurück zum Portfolio',
+    provider: 'Anbieter',
+    directContact: 'Direkter Kontakt',
+    phone: 'Telefon',
+    contact: 'Kontakt',
+    abuse: 'Missbrauch',
+    scopeEyebrow: 'Geltungsbereich',
+    scopeTitle: 'Geltungsbereich dieser Hinweise',
+    scopeLeft:
+      'Diese Hinweise gelten für diese Website und, sofern dort keine spezielleren Hinweise veröffentlicht sind, auch für andere Websites von Julian Lechner unter dem Namen Lechner Systems.',
+    scopeRight:
+      'Diese Website informiert über Projekte, technische Dienstleistungen, Kontaktmöglichkeiten und berufliche Arbeit in Softwareentwicklung, IT und verwandten digitalen Dienstleistungen.',
+    privacyEyebrow: 'Datenschutz',
+    privacyTitle: 'Datenschutz & Datenverarbeitung',
+    privacyLeftParagraphs: [
+      'Verantwortlicher für die Datenverarbeitung im Sinne der DSGVO ist {{firstname}} {{lastname}}, erreichbar unter {{contactMail}} sowie telefonisch unter {{contactPhone}}.',
+      'In der aktuellen Umsetzung dieses Webprojekts verwendet diese Website kein eigenes Tracking, keine Analyse-Cookies, keine Marketing-Cookies und keine langfristigen persönlichen Nutzungsprofile.',
+      'Beim informatorischen Zugriff auf die Website können technisch notwendige Verbindungs- und Serverdaten für Betrieb, IT-Sicherheit, Missbrauchsprävention und Fehleranalyse verarbeitet werden.',
+    ],
+    privacyRightParagraphs: [
+      'Wenn du mich per E-Mail oder Telefon kontaktierst, werden die von dir angegebenen Daten zur Bearbeitung deiner Anfrage und zur Kommunikation verarbeitet.',
+      'Personenbezogene Daten werden nur weitergegeben, wenn es gesetzlich erforderlich ist, zur Durchsetzung rechtlicher Ansprüche benötigt wird oder ausdrücklich von dir veranlasst wurde.',
+      'Daten werden nur so lange gespeichert, wie es für Kommunikation, Bearbeitung von Anfragen und gesetzliche Aufbewahrungspflichten erforderlich ist.',
+    ],
+    rightsEyebrow: 'Rechte',
+    rightsTitle: 'Betroffenenrechte & Beschwerden',
+    rightsLeft:
+      'Betroffene Personen haben im Rahmen der gesetzlichen Vorgaben das Recht auf Auskunft, Berichtigung, Löschung, Einschränkung der Verarbeitung, Datenübertragbarkeit und Widerspruch.',
+    rightsRight:
+      'Beschwerden können bei der österreichischen Datenschutzbehörde eingereicht werden: Barichgasse 40-42, 1030 Wien, E-Mail dsb@dsb.gv.at, Website dsb.gv.at.',
+    copyrightEyebrow: 'Urheberrecht',
+    copyrightTitle: 'Urheberrecht, externe Links & anwendbares Recht',
+    copyrightLeftParagraphs: [
+      'Alle Inhalte dieser Website, einschließlich Texte, Bilder, Grafiken, Fotos, Layouts, Quellcode und sonstige Werke, sind urheberrechtlich geschützt, sofern nicht anders angegeben.',
+      'Jede Nutzung außerhalb der gesetzlichen Ausnahmen benötigt eine vorherige schriftliche Zustimmung des jeweiligen Rechteinhabers.',
+    ],
+    copyrightRightParagraphs: [
+      'Diese Website kann Links zu externen Websites enthalten. Für deren Inhalte sind ausschließlich die jeweiligen Betreiber verantwortlich.',
+      'Es gilt ausschließlich österreichisches Recht, sofern keine zwingenden Verbraucherschutzbestimmungen etwas anderes vorgeben.',
+    ],
+  },
+  bioTextsList: [
+    { label: 'Sprachen', value: 'C#' },
+    { label: 'Sprachen', value: 'TypeScript' },
+    { label: 'Sprachen', value: 'Bash' },
+    { label: 'Frontend', value: 'Angular' },
+    { label: 'Frontend', value: 'WPF' },
+    { label: 'Frontend', value: 'Avalonia' },
+    { label: 'Backend', value: '.NET' },
+    { label: 'Backend', value: 'ASP.NET Core' },
+    { label: 'Backend', value: 'Entity Framework Core' },
+    { label: 'Backend', value: 'Node.js' },
+    { label: 'Backend', value: 'REST' },
+    { label: 'Backend', value: 'Swagger' },
+    { label: 'Datenbank', value: 'Microsoft SQL' },
+    { label: 'Datenbank', value: 'MariaDB' },
+    { label: 'DevOps', value: 'Git' },
+    { label: 'DevOps', value: 'GitHub & GitLab' },
+    { label: 'DevOps', value: 'Azure DevOps' },
+    { label: 'DevOps', value: 'Docker' },
+    { label: 'DevOps', value: 'Ubuntu' },
+    { label: 'DevOps', value: 'Arch' },
+    { label: 'Deklarativ', value: 'XAML' },
+    { label: 'Deklarativ', value: 'YAML' },
+    { label: 'Deklarativ', value: 'Markdown' },
+  ],
+  portraitHighlights: [
+    {
+      image: 'assets/optimized/portrait/me.webp',
+      imageSrcset:
+        'assets/optimized/portrait/me-320.webp 320w, assets/optimized/portrait/me-480.webp 480w, assets/optimized/portrait/me.webp 640w',
+      imageSizes:
+        '(max-width: 700px) calc(100vw - 2rem), (max-width: 900px) min(100vw - 6rem, 560px), 560px',
+      imageWidth: 640,
+      imageHeight: 769,
+      text: 'Ich',
+    },
+    {
+      image: 'assets/optimized/portrait/love.webp',
+      imageSrcset:
+        'assets/optimized/portrait/love-320.webp 320w, assets/optimized/portrait/love-480.webp 480w, assets/optimized/portrait/love.webp 640w',
+      imageSizes:
+        '(max-width: 700px) calc(100vw - 2rem), (max-width: 900px) min(100vw - 6rem, 560px), 560px',
+      imageWidth: 640,
+      imageHeight: 710,
+      text: 'Meine Liebe',
+    },
+    {
+      image: 'assets/optimized/portrait/scuba.webp',
+      imageSrcset:
+        'assets/optimized/portrait/scuba-320.webp 320w, assets/optimized/portrait/scuba-480.webp 480w, assets/optimized/portrait/scuba.webp 640w',
+      imageSizes:
+        '(max-width: 700px) calc(100vw - 2rem), (max-width: 900px) min(100vw - 6rem, 560px), 560px',
+      imageWidth: 640,
+      imageHeight: 480,
+      text: 'Tauchen',
+    },
+    {
+      image: 'assets/optimized/portrait/trains.webp',
+      imageSrcset:
+        'assets/optimized/portrait/trains-320.webp 320w, assets/optimized/portrait/trains-480.webp 480w, assets/optimized/portrait/trains.webp 640w',
+      imageSizes:
+        '(max-width: 700px) calc(100vw - 2rem), (max-width: 900px) min(100vw - 6rem, 560px), 560px',
+      imageWidth: 640,
+      imageHeight: 850,
+      text: 'Züge',
+    },
+    {
+      image: 'assets/optimized/portrait/traveling.webp',
+      imageSrcset:
+        'assets/optimized/portrait/traveling-320.webp 320w, assets/optimized/portrait/traveling-480.webp 480w, assets/optimized/portrait/traveling.webp 640w',
+      imageSizes:
+        '(max-width: 700px) calc(100vw - 2rem), (max-width: 900px) min(100vw - 6rem, 560px), 560px',
+      imageWidth: 640,
+      imageHeight: 480,
+      text: 'Reisen',
+    },
+    {
+      image: 'assets/optimized/portrait/culture.webp',
+      imageSrcset:
+        'assets/optimized/portrait/culture-320.webp 320w, assets/optimized/portrait/culture-480.webp 480w, assets/optimized/portrait/culture.webp 640w',
+      imageSizes:
+        '(max-width: 700px) calc(100vw - 2rem), (max-width: 900px) min(100vw - 6rem, 560px), 560px',
+      imageWidth: 640,
+      imageHeight: 482,
+      text: 'Kultur',
+    },
+  ],
+  projects: [
+    {
+      title: 'SobIT GmbH',
+      link: 'https://sobit.at/',
+      description:
+        'Ich arbeite aktuell hauptsächlich für die Wiener Firma SobIT GmbH. Das Unternehmen entwickelt Software für den Gesundheitsbereich. - Entwicklung moderner Desktop-, Mobile- und Webanwendungen zur Unterstützung der Gesundheitsversorgung.',
+      skills: ['TypeScript', 'C#', 'Microsoft SQL', 'WPF', 'YML/XML'],
+      icon: 'assets/optimized/logos/sobit.webp',
+      iconSrcset:
+        'assets/optimized/logos/sobit-64.webp 64w, assets/optimized/logos/sobit-128.webp 128w, assets/optimized/logos/sobit.webp 216w',
+      iconSizes: '(max-width: 700px) 64px, 108px',
+      CircleIcon: false,
+    },
+    {
+      title: 'SynHost',
+      link: 'https://www.synhost.de/',
+      description:
+        'Ein Hosting-Dienstleister unter der Verwaltung von GERLACH SYSTEMS, für den ich Schnittstellen entwickle und technischen Support mache.',
+      skills: ['TypeScript', 'MariaDB', 'YML'],
+      icon: 'assets/optimized/logos/synhost.webp',
+      iconSrcset:
+        'assets/optimized/logos/synhost-64.webp 64w, assets/optimized/logos/synhost-128.webp 128w, assets/optimized/logos/synhost.webp 216w',
+      iconSizes: '(max-width: 700px) 64px, 108px',
+      iconWidth: 108,
+      iconHeight: 64,
+      CircleIcon: false,
+    },
+    {
+      title: 'SynRadio',
+      link: 'https://www.synradio.de/',
+      description:
+        'Ein Internetradio-Projekt, bei dem ich die technische Seite der digitalen Präsenz entwickle und betreue — inklusive Website, Bots und Plugins für Sprachchats und Spiele.',
+      skills: ['TypeScript', 'Angular', 'FFmpeg', 'YML'],
+      icon: 'assets/optimized/logos/synradio.webp',
+      iconSrcset:
+        'assets/optimized/logos/synradio-64.webp 64w, assets/optimized/logos/synradio-128.webp 128w, assets/optimized/logos/synradio.webp 216w',
+      iconSizes: '(max-width: 700px) 64px, 108px',
+      CircleIcon: true,
+    },
+    {
+      title: 'Discord Audio Stream Library',
+      link: 'https://github.com/FrauJulian/Discord-Audio-Stream',
+      description:
+        'Eine TypeScript-Library für Discord, die Audiowiedergabe einfacher macht, mit Fokus auf stabile 24/7-Streams ohne Unterbrechungen.',
+      skills: ['TypeScript', 'YML'],
+      icon: 'assets/optimized/logos/discord.webp',
+      iconSrcset:
+        'assets/optimized/logos/discord-64.webp 64w, assets/optimized/logos/discord-128.webp 128w, assets/optimized/logos/discord.webp 216w',
+      iconSizes: '(max-width: 700px) 64px, 108px',
+      CircleIcon: true,
+    },
+    {
+      title: 'Portfolio',
+      link: '#',
+      description:
+        'Diese Portfolio-Website, die du gerade anschaust, ist eines meiner aktiv gepflegten Projekte.',
+      skills: ['TypeScript', 'Angular', 'YML'],
+      icon: 'assets/optimized/portrait/me.webp',
+      iconSrcset:
+        'assets/optimized/portrait/me-64.webp 64w, assets/optimized/portrait/me-128.webp 128w, assets/optimized/portrait/me.webp 216w',
+      iconSizes: '(max-width: 700px) 64px, 108px',
+      iconWidth: 320,
+      iconHeight: 385,
+      CircleIcon: true,
+    },
+    {
+      title: 'Tauchertreff-Mostviertel',
+      link: 'https://tauchertreff-mostviertel.at/',
+      description:
+        'Ich unterstütze außerdem meinen lokalen Tauchverein, indem ich die digitale Infrastruktur aufbaue und betreibe — E-Mail, Website, Cloud-Dienste und alles, was dazugehört.',
+      skills: ['TypeScript', 'MariaDB', 'Angular', 'YML'],
+      icon: 'assets/optimized/logos/tauchertreff.webp',
+      iconSrcset:
+        'assets/optimized/logos/tauchertreff-64.webp 64w, assets/optimized/logos/tauchertreff-128.webp 128w, assets/optimized/logos/tauchertreff.webp 216w',
+      iconSizes: '(max-width: 700px) 64px, 108px',
+      CircleIcon: true,
+    },
+  ],
+};