"SELECT * FROM skills WHERE level > 'LEGENDARY'"
A manga-inspired developer portfolio built with pure HTML, CSS, and JavaScript. Every section is designed like a comic book panel — bold typography, speed lines, halftone textures, and dramatic SFX transitions.
🔗 Live: ajaylingam7136.github.io
The entire site is styled as a manga comic — no frameworks, no templates, just hand-crafted CSS:
- Comic panel layouts with thick black borders and box shadows
- Speed line backgrounds using CSS
repeating-conic-gradient - Halftone dot textures via
radial-gradientpatterns - SFX separators (BOOM!, KA-POW!, WHAM!!) between sections
- Scroll-triggered animations powered by GSAP & ScrollTrigger
- JoJo-style "To Be Continued" footer with animated arrow
| Section | Style |
|---|---|
| Hero | Full-width manga splash page with character art & speech bubble |
| Projects | 2-column comic grid — each project is a panel with radial/diagonal backgrounds |
| Skills | Power-level progress bars with striped fills & circular badges |
| Contact | Manga CTA with mailto: link, "WHOOSH!" SFX, & social cards |
| Footer | JoJo's Bizarre Adventure inspired "To Be Continued →" banner |
| Tech | Usage |
|---|---|
| HTML5 | Semantic structure |
| CSS3 | Manga aesthetic — borders, gradients, halftones, animations |
| JavaScript | Scroll interactions |
| GSAP + ScrollTrigger | Entrance animations & parallax effects |
| Google Fonts | Bangers, Permanent Marker, Oswald, Comic Neue, Fira Code |
Portfolio/
├── index.html # Main page
├── static/
│ ├── css/
│ │ └── style.css # All manga styles
│ ├── js/
│ │ └── app.js # GSAP animations
│ └── images/
│ ├── manga_char.png # Main character illustration
│ ├── manga_chibi.png # Navbar logo
│ ├── manga_keyboard.png # Keyboard prop
│ └── coding.png # Terminal illustration
└── README.md
Just open index.html in your browser — no build step, no dependencies:
# Clone the repo
git clone https://github.com/AjayLingam7136/AjayLingam7136.github.io
# Open it
open index.html
# or on Linux
xdg-open index.html- Email: [email protected]
- GitHub: github.com/AjayLingam7136
- LinkedIn: linkedin.com/in/ajay-r-a401a5194
This portfolio was crafted with ⚡ Antigravity vibe coding skills
© 2026 Ajay — All arcs reserved.