✨ Developer Business Card Template

A slick, highly interactive, and tactical developer business card built with Astro. It's the perfect drop-in template to show off your vibe, your projects, and your GitHub activity, all in one scrollable spot.

Live Demo: info.codelogiic.com

If this template helps you look cool on the internet, please drop a ★ on the repo!

---

🚀 Features

• Animated Halftone CMYK Portrait: WebGL shader magic via @paper-design/shaders-react.
• Live GitHub Activity Feed: Pulls your latest pushes, PRs, and events right at build-time.
• Project Status Indicators: Pings your deployment URLs at build-time to show ● LIVE or ○ OFFLINE.
• Silky Smooth Animations: Focal-point scroll scaling powered by GSAP ScrollTrigger.
• Cyberpunk Vibes: Matrix rain effect, dynamic typography, and ambient generative sounds.
• Daily Auto-Rebuild Ready: Easy to hook up with GitHub Actions to keep your activity feed and project status fresh.

🛠 Stack

• Astro — Super fast static site generator.
• Tailwind CSS v4 — Utility-first styling.
• GSAP — For buttery scroll animations.
• React + @paper-design/shaders-react — For those sweet, sweet GPU shaders.

---

⚡ How to use this template

Making this your own takes literally a few minutes.

1. Use this template: Click the green Use this template button at the top of this repo.
2. Configure your data: Edit src/pages/index.astro to swap out your information.
   • Change the GitHub username in the events fetch (/users/YOUR_USERNAME/events).
   • Update projectList with your own deployed URLs.
   • Replace the bio, skills, and contact info.
3. Swap the photo: Replace public/portrait.png with your own headshot.
4. Deploy: Push to GitHub and deploy to your favorite host (Cloudflare Pages, Vercel, Netlify).
5. Set up auto-refresh (Optional): For daily updates, grab your platform's deploy hook URL and add it as a BUILD_HOOK_URL secret in GitHub Actions.

💻 Local dev

Clone your new repo and run:

npm install
npm run dev       # starts dev server at localhost:4321
npm run build     # outputs static site to dist/
npm run preview   # preview the production build locally

---

🤝 Say hi!

Created with ☕ by canoo.

If you dig my work, check out the original live site at info.codelogiic.com or connect with me there!

📜 License

This project is completely open source and free to use under the MIT License. Build something awesome!