Hero: Programmer-Grafik jetzt farbig (Original-PNG), Badges entfernt

This commit is contained in:
Dieter Schlüter 2026-04-25 00:28:29 +02:00
commit 1402c04d58
4 changed files with 7 additions and 4910 deletions

View file

@ -11,48 +11,13 @@ export function ProgrammerGraphic() {
transition={{ duration: 0.8 }} transition={{ duration: 0.8 }}
className="relative w-full max-w-md mx-auto aspect-[3/5] lg:aspect-square" className="relative w-full max-w-md mx-auto aspect-[3/5] lg:aspect-square"
> >
<div className="relative w-full h-full">
<Image <Image
src="/programmierer-vector.svg" src="/Programmierer.png"
alt="Programmierung: Von 1976 bis heute 50 Jahre Code" alt="Programmierung: Von 1976 bis heute 50 Jahre Code"
fill fill
className="object-contain drop-shadow-lg dark:invert" className="object-contain drop-shadow-lg"
priority priority
/> />
</div>
{/* Subtle decorative elements */}
<div className="absolute inset-0 pointer-events-none">
{/* 1976 Badge */}
<motion.div
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
transition={{ delay: 0.5, duration: 0.6 }}
className="absolute top-4 left-4 font-mono text-xs text-accent bg-background/80 px-2 py-1 rounded border border-border/50"
>
1976
</motion.div>
{/* 2026 Badge */}
<motion.div
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
transition={{ delay: 0.7, duration: 0.6 }}
className="absolute bottom-4 right-4 font-mono text-xs text-accent bg-background/80 px-2 py-1 rounded border border-border/50"
>
2026
</motion.div>
{/* 50 Years Center Badge */}
<motion.div
initial={{ opacity: 0, scale: 0.8 }}
animate={{ opacity: 1, scale: 1 }}
transition={{ delay: 1, duration: 0.8 }}
className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 font-mono text-2xl font-bold text-accent/30"
>
50
</motion.div>
</div>
</motion.div> </motion.div>
) )
} }

BIN
public/Programmierer.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.7 MiB

File diff suppressed because it is too large Load diff

Before

Width:  |  Height:  |  Size: 336 KiB