Hero: Programmer-Grafik jetzt farbig (Original-PNG), Badges entfernt
This commit is contained in:
parent
f965c82860
commit
1402c04d58
4 changed files with 7 additions and 4910 deletions
|
|
@ -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
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 |
Loading…
Add table
Add a link
Reference in a new issue