ARHAM.exe // PORTFOLIO_V2

    ___    ____  __  ______    __  ___          ____  ____  ____  __________________  __    ________ 
   /   |  / __ \/ / / / __ \  /  |/  /         / __ \/ __ \/ __ \/_  __/ ____/ __ \/ /   /  _/ __ \
  / /| | / /_/ / /_/ / /_/ / / /|_/ /  ______ / /_/ / / / / /_/ / / / / /_  / / / / /    / // / / /
 / ___ |/ _, _/ __  / __  | / /  / /  /_____// ____/ /_/ / _, _/ / / / __/ / /_/ / /____/ // /_/ / 
/_/  |_/_/ |_/_/ /_/_/ |_| /_/  /_/         /_/    \____/_/ |_| /_/ /_/    \____/_____/___/\____/  
                                                            
>> SYSTEM_STATUS: ONLINE
>> THEME: NEO_BRUTALISM
>> VERSION: 2.0.0

WARNING: This is NOT a standard portfolio. It is a raw, unfiltered expression of code. No cookies. No trackers. Just pure HTML, CSS, and JS anarchy.

---

/// MANIFESTO

Design is dying. The web has become a sea of identical, sanitized templates. We are here to break the grid. This portfolio embraces Neo-Brutalism:

• High Contrast
• Raw Typography
• Asymmetrical Layouts
• "Ugly" on Purpose

It's not about being pretty. It's about being BOLD.

---

/// TECH_STACK

COMPONENT	TECHNOLOGY	STATUS
CORE	HTML5	[OPTIMIZED]
STYLING	TailwindCSS	[LOADED]
SCRIPTING	Vanilla JS	[ACTIVE]
APIs	GitHub API + LeetCard	[STREAMING]
ICONS	Remix Icons	[LINKED]
FONTS	Space Grotesk + JetBrains Mono	[IMPORTED]

---

/// FEATURES_LOG

01. CUSTOM_CURSOR

A custom-built cursor that reacts to interactive elements.

• Normal State: Small crosshair/dot.
• Hover State: Expands to a Neo-Yellow block with black borders.

02. GLITCH_EFFECTS

CSS-only glitch animations on hover states.

• mix-blend-mode: difference for high contrast.
• Random translation keyframes for that "broken" feel.

03. MARQUEE_SCROLL

Infinite scrolling text banners.

• Pure CSS animation.
• Direction: Left-to-Right & Right-to-Left.

04. REVEAL_ANIMATION

Elements reveal themselves as you scroll.

• IntersectionObserver API.
• Smooth translate-Y transitions.

05. CODING_STATS_INTEGRATION

Real-time data visualization of development activity.

• Dual-Profile Interface: Side-by-side GitHub and LeetCode stats.
• Live GitHub API: Dynamic fetching of Repos, Followers, and Commits.
• LeetCard Integration: Real-time LeetCode problem-solving heatmap.
• Parallel Layout: Perfectly balanced columns with mirrored headers and activity matrices.

---

/// FILE_STRUCTURE

.
├── Assets/
│   ├── images/          # [DIR] Project thumbnails & Avatar
│   └── Resume/          # [DIR] CV PDF file
├── index.html           # [FILE] Main Entry Point
└── README.md            # [FILE] You are here

/// CONTACT_COORDINATES

TRANSMISSION OPEN:

• MAIL: topiwalaarham@gmail.com
• GITHUB: Arham43-ops
• LOCATION: Remote / Earth

"I build digital products that refuse to be boring."

---

© 2025 ARHAM.exe // SYSTEM_END