denshooter/portfolio
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: final UI polish, remove pink accents, improve project card interactivity

Browse Source
This commit is contained in:
denshooter
2026-01-10 01:19:12 +01:00
parent 632302fb54
commit dda3257a03
7 changed files with 105 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/components/Footer.tsx
View File

@@ -39,15 +39,15 @@ const Footer = () => {
<motion.div
whileHover={{ rotate: 360, scale: 1.1 }}
transition={{ duration: 0.5 }}
className="w-12 h-12 bg-gradient-to-br from-liquid-mint to-liquid-lavender rounded-xl flex items-center justify-center shadow-md"
className="w-12 h-12 bg-stone-100 rounded-xl flex items-center justify-center border border-stone-200 shadow-sm"
>
<Code className="w-6 h-6 text-stone-800" />
</motion.div>
<div>
<Link href="/" className="text-xl font-bold font-mono text-stone-800 hover:text-liquid-blue transition-colors">
dk<span className="text-liquid-rose">0</span>
<Link href="/" className="text-xl font-black font-sans text-stone-900 tracking-tighter transition-colors flex items-center">
dk<span className="text-red-500">0</span>
</Link>
<p className="text-xs text-stone-500">Software Engineer</p>
<p className="text-[10px] font-bold text-stone-400 uppercase tracking-widest">Software Engineer</p>
</div>
</motion.div>
@@ -67,7 +67,7 @@ const Footer = () => {
rel="noopener noreferrer"
whileHover={{ scale: 1.15, y: -3 }}
whileTap={{ scale: 0.95 }}
className="p-3 bg-stone-50 hover:bg-white rounded-xl text-stone-600 hover:text-stone-900 transition-all duration-200 border border-stone-200 hover:border-stone-300 shadow-sm"
className="p-3 bg-white hover:bg-stone-50 rounded-xl text-stone-600 hover:text-stone-900 transition-all duration-200 border border-stone-200 hover:border-stone-300 shadow-sm"
aria-label={social.label}
>
<social.icon size={18} />
@@ -83,14 +83,14 @@ const Footer = () => {
transition={{ duration: 0.4, delay: 0.1 }}
className="flex items-center space-x-2 text-stone-400 text-sm"
>
<span>© {currentYear}</span>
<span className="font-medium">© {currentYear}</span>
<motion.div
animate={{ scale: [1, 1.2, 1] }}
transition={{ duration: 1.5, repeat: Infinity }}
>
<Heart size={14} className="text-liquid-rose fill-liquid-rose" />
<Heart size={14} className="text-red-500 fill-red-500" />
</motion.div>
<span>Made in Germany</span>
<span className="font-medium text-stone-500">Made in Germany</span>
</motion.div>
</div>