A modern, design-heavy personal portfolio built with pure HTML, CSS & JavaScript — no frameworks, no build tools. Features a glassmorphism aesthetic with aurora-animated backgrounds, live GitHub contribution calendar, EmailJS-powered contact form, and a fully responsive layout that looks great in both dark and light modes.
|
🎨 Design & UX
|
⚙️ Technical Highlights
|
📄 Sections
| Section | Description |
|---|---|
| Hero | Typed subtitle, time-based greeting, "Currently Building" banner |
| About | Bio, detail cards, SVG avatar, floating stat counters |
| Skills | Bento-grid layout with progress bars and ring charts |
| GitHub Activity | Live purple-themed contribution calendar — 12 months rolling |
| Projects | Code-editor style feature card + secondary project cards |
| Certificates | Vertical timeline with category badges and lightbox viewer |
| Contact | EmailJS form with loading state and toast feedback |
| Category | Details |
|---|---|
| Markup | HTML5 (semantic) |
| Styling | CSS3 — Custom Properties, Grid, Flexbox, Keyframe Animations |
| Scripts | Vanilla JavaScript ES6+ |
| EmailJS Browser SDK | |
| Animation | Typed.js |
| Fonts | Inter · Space Grotesk · JetBrains Mono |
| Icons | Font Awesome 6 |
| Data | GitHub Contributions API (jogruber.de) |
| Project | Tech | Description |
|---|---|---|
| WebVulnScanner | Python · Flask · Requests | Automated web vulnerability scanner — XSS, SQLi, header analysis, crawling |
| TaskFlow | HTML · CSS · JS | Minimal task manager with progress tracking and local storage |
| Portfolio | HTML · CSS · JS | This site — glassmorphism, aurora bg, live GitHub calendar |
Portfolio/
├── index.html # Single-page app entry point
├── README.md
└── public/
├── css/
│ └── style.css # All styles — dark/light theme, animations, layout
├── js/
│ └── script.js # Interactions, EmailJS, GitHub calendar, animations
├── images/
│ ├── avatar.svg # Developer avatar (SVG, theme-aware)
│ ├── favicon.ico
│ ├── favicon.png
│ └── favicon.svg
├── files/
│ └── cv.pdf # Downloadable resume
└── Certificates/
└── [9 certificate images]
# Clone the repository
git clone https://github.com/Adityasiig/Portfolio.git
cd Portfolio
# Open directly in your browser — no build step needed
open index.html # macOS
start index.html # Windows
xdg-open index.html # LinuxNo npm, no webpack, no dependencies to install. Just open and go.