feat: Replace GitHub links with Codeberg links and update related text and aria labels
This commit is contained in:
parent
311f60abe6
commit
18c508bba0
|
|
@ -1,4 +1,4 @@
|
||||||
import { Github, Linkedin, Mail } from 'lucide-react';
|
import { Globe, Linkedin, Mail } from 'lucide-react';
|
||||||
import { Link, useLocation } from 'react-router-dom';
|
import { Link, useLocation } from 'react-router-dom';
|
||||||
import { personalConfig, createEmailLink } from '../../config/personal';
|
import { personalConfig, createEmailLink } from '../../config/personal';
|
||||||
import { useLanguage } from '../../contexts/LanguageContext';
|
import { useLanguage } from '../../contexts/LanguageContext';
|
||||||
|
|
@ -38,10 +38,10 @@ export default function Footer() {
|
||||||
<div className="footer__social">
|
<div className="footer__social">
|
||||||
<button
|
<button
|
||||||
className="footer__social-button"
|
className="footer__social-button"
|
||||||
onClick={() => window.open(personalConfig.social.github.url, '_blank')}
|
onClick={() => window.open(personalConfig.social.codeberg.url, '_blank')}
|
||||||
aria-label={texts.footer.githubAriaLabel}
|
aria-label={texts.footer.codebergAriaLabel}
|
||||||
>
|
>
|
||||||
<Github className="footer__social-icon" />
|
<Globe className="footer__social-icon" />
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
// eslint-disable-next-line @typescript-eslint/no-deprecated
|
// eslint-disable-next-line @typescript-eslint/no-deprecated
|
||||||
import { Mail, Send, Github, Linkedin } from 'lucide-react';
|
import { Mail, Send, Globe, Linkedin } from 'lucide-react';
|
||||||
import { personalConfig } from '../../config/personal';
|
import { personalConfig } from '../../config/personal';
|
||||||
import { useLanguage } from '../../contexts/LanguageContext';
|
import { useLanguage } from '../../contexts/LanguageContext';
|
||||||
import { useScreenReaderAnnouncements } from '../../hooks/useScreenReaderAnnouncements';
|
import { useScreenReaderAnnouncements } from '../../hooks/useScreenReaderAnnouncements';
|
||||||
|
|
@ -145,15 +145,15 @@ export default function ContactSection(props: ContactSectionProps = {}) {
|
||||||
<ul className="contact-section__social-list">
|
<ul className="contact-section__social-list">
|
||||||
|
|
||||||
<li className="contact-section__detail-item">
|
<li className="contact-section__detail-item">
|
||||||
<Github className="contact-section__social-icon" aria-hidden="true" />
|
<Globe className="contact-section__social-icon" aria-hidden="true" />
|
||||||
<a
|
<a
|
||||||
href={personalConfig.social.github.url}
|
href={personalConfig.social.codeberg.url}
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
className="contact-section__detail-link"
|
className="contact-section__detail-link"
|
||||||
aria-label={`${texts.githubLinkText} (opens in new tab)`}
|
aria-label={`${texts.codebergLinkText} (opens in new tab)`}
|
||||||
>
|
>
|
||||||
{texts.githubLinkText}
|
{texts.codebergLinkText}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -18,6 +18,6 @@ export const contact = {
|
||||||
'Hallo Sascha,\n\nIch habe Ihr Portfolio besucht und würde gerne ein potenzielles Projekt oder eine Zusammenarbeit besprechen.\n\nMit freundlichen Grüßen,',
|
'Hallo Sascha,\n\nIch habe Ihr Portfolio besucht und würde gerne ein potenzielles Projekt oder eine Zusammenarbeit besprechen.\n\nMit freundlichen Grüßen,',
|
||||||
emailAnnouncement: 'E-Mail-Client wird mit vorausgefüllter Nachricht geöffnet',
|
emailAnnouncement: 'E-Mail-Client wird mit vorausgefüllter Nachricht geöffnet',
|
||||||
socialAnnouncement: '{platform}-Profil wird in neuem Tab geöffnet',
|
socialAnnouncement: '{platform}-Profil wird in neuem Tab geöffnet',
|
||||||
githubLinkText: 'Sascha Bach auf GitHub',
|
codebergLinkText: 'Sascha Bach auf Codeberg',
|
||||||
linkedinLinkText: 'Sascha Bach auf LinkedIn',
|
linkedinLinkText: 'Sascha Bach auf LinkedIn',
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@ export const footer = {
|
||||||
copyrightText: 'Alle Rechte vorbehalten.',
|
copyrightText: 'Alle Rechte vorbehalten.',
|
||||||
technicalLinkText: 'Technisches Portfolio',
|
technicalLinkText: 'Technisches Portfolio',
|
||||||
landingLinkText: 'Landing Page',
|
landingLinkText: 'Landing Page',
|
||||||
githubAriaLabel: 'GitHub-Profil',
|
codebergAriaLabel: 'Codeberg-Profil',
|
||||||
linkedinAriaLabel: 'LinkedIn-Profil',
|
linkedinAriaLabel: 'LinkedIn-Profil',
|
||||||
emailAriaLabel: 'E-Mail senden',
|
emailAriaLabel: 'E-Mail senden',
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -22,7 +22,7 @@ export interface TextConfig {
|
||||||
copyrightText: string;
|
copyrightText: string;
|
||||||
technicalLinkText: string;
|
technicalLinkText: string;
|
||||||
landingLinkText: string;
|
landingLinkText: string;
|
||||||
githubAriaLabel: string;
|
codebergAriaLabel: string;
|
||||||
linkedinAriaLabel: string;
|
linkedinAriaLabel: string;
|
||||||
emailAriaLabel: string;
|
emailAriaLabel: string;
|
||||||
};
|
};
|
||||||
|
|
@ -172,7 +172,7 @@ export interface TextConfig {
|
||||||
emailBody: string;
|
emailBody: string;
|
||||||
emailAnnouncement: string;
|
emailAnnouncement: string;
|
||||||
socialAnnouncement: string;
|
socialAnnouncement: string;
|
||||||
githubLinkText: string;
|
codebergLinkText: string;
|
||||||
linkedinLinkText: string;
|
linkedinLinkText: string;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -18,6 +18,6 @@ export const contact = {
|
||||||
'Hello Sascha,\n\nI visited your portfolio and would like to discuss a potential project or collaboration.\n\nBest regards,',
|
'Hello Sascha,\n\nI visited your portfolio and would like to discuss a potential project or collaboration.\n\nBest regards,',
|
||||||
emailAnnouncement: 'Opening email client with pre-filled message',
|
emailAnnouncement: 'Opening email client with pre-filled message',
|
||||||
socialAnnouncement: 'Opening {platform} profile in new tab',
|
socialAnnouncement: 'Opening {platform} profile in new tab',
|
||||||
githubLinkText: 'Sascha Bach on GitHub',
|
codebergLinkText: 'Sascha Bach on Codeberg',
|
||||||
linkedinLinkText: 'Sascha Bach on LinkedIn',
|
linkedinLinkText: 'Sascha Bach on LinkedIn',
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@ export const footer = {
|
||||||
copyrightText: 'All rights reserved.',
|
copyrightText: 'All rights reserved.',
|
||||||
technicalLinkText: 'Technical Portfolio',
|
technicalLinkText: 'Technical Portfolio',
|
||||||
landingLinkText: 'Landing Page',
|
landingLinkText: 'Landing Page',
|
||||||
githubAriaLabel: 'GitHub Profile',
|
codebergAriaLabel: 'Codeberg Profile',
|
||||||
linkedinAriaLabel: 'LinkedIn Profile',
|
linkedinAriaLabel: 'LinkedIn Profile',
|
||||||
emailAriaLabel: 'Send Email',
|
emailAriaLabel: 'Send Email',
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -12,9 +12,9 @@ export const personalConfig = {
|
||||||
|
|
||||||
// Social Links
|
// Social Links
|
||||||
social: {
|
social: {
|
||||||
github: {
|
codeberg: {
|
||||||
url: 'https://github.com/LuciusShadow',
|
url: 'https://codeberg.org/saschab',
|
||||||
username: 'LuciusShadow',
|
username: 'saschab',
|
||||||
},
|
},
|
||||||
linkedin: {
|
linkedin: {
|
||||||
url: 'https://www.linkedin.com/in/saschabach/',
|
url: 'https://www.linkedin.com/in/saschabach/',
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue