Skip to content

AjayLingam7136/AjayLingam7136.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

⚡ Manga Portfolio — Ajay | Python & Django Developer

"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


🎨 Design

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-gradient patterns
  • SFX separators (BOOM!, KA-POW!, WHAM!!) between sections
  • Scroll-triggered animations powered by GSAP & ScrollTrigger
  • JoJo-style "To Be Continued" footer with animated arrow

🗂️ Sections

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 Stack

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

📁 Structure

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

🚀 Run Locally

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

📬 Contact


This portfolio was crafted with ⚡ Antigravity vibe coding skills
© 2026 Ajay — All arcs reserved.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors