dschlueter/jamulix-homepage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Footer: E-Mail-Link wiederhergestellt, Wert aus .env.local (OWNER_EMAIL)

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Dieter Schlüter 2026-04-25 22:41:16 +02:00
commit b53339852a
1 changed files with 24 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

44
components/footer.tsx
View file

@ -17,7 +17,10 @@ const legalLinks = [
] ]
export function Footer({ email }: { email?: string }) { export function Footer({ email }: { email?: string }) {
const repoLink = { label: 'Forgejo', href: 'https://kitux.de/forgejo/dschlueter/jamulix-homepage', icon: Github } const socialLinks = [
{ label: 'Forgejo', href: 'https://kitux.de/forgejo/dschlueter/jamulix-homepage', icon: Github },
{ label: email ?? '[Emailadresse]', href: `mailto:${email ?? '[Emailadresse]'}`, icon: Mail },
]
const currentYear = new Date().getFullYear() const currentYear = new Date().getFullYear()
return ( return (
@ -45,25 +48,26 @@ export function Footer({ email }: { email?: string }) {
</p> </p>
{/* Social links */} {/* Social links */}
<div className="flex flex-col gap-3 mt-6"> <div className="flex gap-4 mt-6">
<Link {socialLinks.map((link) => {
href={repoLink.href} const Icon = link.icon
target="_blank" return (
rel="noopener noreferrer" <Link
className="group flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors" key={link.label}
aria-label={repoLink.label} href={link.href}
> target={link.href.startsWith('http') ? '_blank' : undefined}
<Github className="size-5" /> rel={link.href.startsWith('http') ? 'noopener noreferrer' : undefined}
<span className="text-sm">{repoLink.label}</span> className="group flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors"
<ArrowUpRight className="size-3 opacity-0 group-hover:opacity-100 transition-opacity" /> aria-label={link.label}
</Link> >
<Link <Icon className="size-5" />
href={`mailto:${email ?? '[Emailadresse]'}`} <span className="text-sm">{link.label}</span>
className="flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors" {link.href.startsWith('http') && (
> <ArrowUpRight className="size-3 opacity-0 group-hover:opacity-100 transition-opacity" />
<Mail className="size-5 shrink-0" /> )}
<span className="text-sm">{email ?? '[Emailadresse]'}</span> </Link>
</Link> )
})}
</div> </div>
</div> </div>