Personal portfolio website — responsive, accessible, zero frameworks.
Live: boziao.github.io/portfolio
- 🌙 Dark / light mode — persisted in
localStorage - 📱 Fully responsive — mobile, tablet, desktop
- ♿ Accessible — semantic HTML, ARIA labels,
prefers-reduced-motionsupport - 🔍 SEO-ready — Open Graph and Twitter Card meta tags, favicon
- ⚡ Zero dependencies — no frameworks, no build step, pure HTML/CSS/JS
portfolio/
├── index.html # Single-page layout — hero, about, projects, contact
├── style.css # All styles — CSS custom properties, dark mode, animations
└── README.md
| Feature | Implementation |
|---|---|
| AetherPulseMusic | Main project (WIP) - Modern music platform |
| Dark mode | CSS custom properties + localStorage |
| Scroll reveal | IntersectionObserver API |
| Stagger animations | CSS --stagger variable + animation-delay |
| Open Graph | <meta property="og:*"> tags for rich link previews |
| Reduced motion | prefers-reduced-motion media query — animations disabled if requested |
MIT
**Maciej (Bozia) ** — github.com/BoziaO · boziao.github.io/portfolio