vibeasite-templates/template-portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Seed: portfolio template (18 files)

Browse Source
This commit is contained in:
jyswee
2026-07-23 22:56:00 +00:00
parent 46ddb710b2
commit 5148839aa9
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Index.tsx
+1 -1
View File
@@ -96,7 +96,7 @@ export default function IndexPage() {
{projects.map((p, i) => ( {projects.map((p, i) => (
<Link key={i} to="/project" className="group block hover:-translate-y-1 hover:shadow-xl transition-all duration-300 rounded-2xl"> <Link key={i} to="/project" className="group block hover:-translate-y-1 hover:shadow-xl transition-all duration-300 rounded-2xl">
<div className="relative overflow-hidden rounded-2xl animate-scale-in"> <div className="relative overflow-hidden rounded-2xl animate-scale-in">
<div className={`aspect-video bg-gradient-to-br \${p.gradient} flex items-center justify-center transition-transform duration-500 group-hover:scale-105 relative`}> <div className={`aspect-video bg-gradient-to-br ${p.gradient} flex items-center justify-center transition-transform duration-500 group-hover:scale-105 relative`}>
<div className="absolute inset-0" style={{ backgroundImage: "radial-gradient(circle at 25% 25%, rgba(255,255,255,0.15) 1px, transparent 1px)", backgroundSize: "20px 20px" }} /> <div className="absolute inset-0" style={{ backgroundImage: "radial-gradient(circle at 25% 25%, rgba(255,255,255,0.15) 1px, transparent 1px)", backgroundSize: "20px 20px" }} />
<div className="absolute top-6 left-6 w-20 h-20 rounded-full bg-white/10 blur-xl" /> <div className="absolute top-6 left-6 w-20 h-20 rounded-full bg-white/10 blur-xl" />
<div className="absolute bottom-8 right-10 w-28 h-28 rounded-full bg-white/10 blur-2xl" /> <div className="absolute bottom-8 right-10 w-28 h-28 rounded-full bg-white/10 blur-2xl" />