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

Footer: E-Mail als reiner Text ohne mailto-Link (Scraper-Schutz)

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

41
components/footer.tsx
View file

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