---

🧐 What is this?

You just opened the repository of a website proudly built on vibes, panic, and nocturnal caffeine.

I'm not a "Software Architect". I'm worse: I'm a builder. If an idea strikes at 2:15 AM, it is live on production before your morning alarm rings. Does it work? Yes. Do I know how every line works? Picasso didn't explain his brush settings to the canvas store, so please don't ask me.

---

🏛️ Code Architecture (Clean Modular Vanilla)

Even chaotic vibe-code deserves pristine modular elegance. Zero bloat, zero heavy build tools, pure native browser standards:

YallahHabibi/
├── index.html                 # Semantic HTML5 + loads script.js via ES Modules
├── favicon.svg                # Dynamic SVG favicon (swaps on tab switch)
├── style.css                  # Master CSS orchestrator (@import bundle)
├── script.js                  # Main JS entrypoint (imports & triggers ES modules)
│
├── css/                       # 🎨 Modular CSS Layer (Separation of Concerns)
│   ├── variables.css          # Color design tokens, typography, resets & focus ring
│   ├── layout.css             # News ticker, Hero section, Block shells, Roast footer
│   ├── components.css         # Method cards, Skill bars, 16-Agent grid, Estimates, Tags, Badges
│   ├── animations.css         # Squashable bug, Confetti pops, Cookie banner, Modal, Shakes
│   └── responsive.css         # Mobile viewports, touch targets, safe-areas & fluid auto-fit
│
└── js/                        # ⚡ Modular ES6+ JavaScript Layer
    ├── burst.js               # Reusable confetti physics & emoji burst engine
    ├── core.js                # Shy button flee logic, logo spin, estimator & tab guilt
    ├── playground.js          # Crawling bug mini-game, tiered QA certificates & cookie toast
    ├── quotes.js              # Interactive Polygraph Lie Detector & Confession reaction engine
    ├── vibes.js               # 50 ultra-sarcastic startup pitch roasts (non-repeating deck)
    └── stats.js               # IntersectionObserver-driven smooth number counter

Why This Architecture?

• Zero Build Step: Runs out of the box in any browser using native ES Modules (type="module").
• High Maintainability: Want to tweak the squashable bug? Open playground.js or animations.css. Want to tweak lie confessions? Open quotes.js.
• Mobile First & Responsive: Fluid auto-fitting, zero horizontal overflow, and notch-safe areas (env(safe-area-inset-*)).
• A11y & Performance: Fully honors prefers-reduced-motion and leverages lightweight CSS transitions and IntersectionObserver.

---

🎪 Certified Circus Features

🏃‍♂️ The Coward Button Try clicking Don't Hire Me. It flees with random CSS coordinates faster than a junior dev when production drops on Friday at 5 PM.	🐛 Tiered Bug Bounty & QA Certificates A precision-targetable rogue 🐛 with a custom sniper crosshair. Squash 10, 20, or 25+ bugs to unlock responsive, claimable Unpaid QA Certificates ($0.00 salary).
🚨 Interactive Polygraph (Lie Detector) Click any developer excuse to force confessions. Features animated radar status pills, percentage-based lie tags, violent stamp reactions, and truth-bomb emoji bursts.	🔮 50-Roast Startup Pitch-o-Meter Enter any startup idea (or leave it blank) to get roasted with 50 unique, non-repeating developer roasts served via a smart shuffled-deck algorithm.
📰 "As Seen On" Press Mentions Sticker-style neo-brutalist press badges with live pulsating server radars (localhost:3000), WhatsApp statuses, and single browser tabs.	🫰 Korean Finger-Heart Sign-off Interactive vector finger-heart at the hero tagline. Hover to trigger an instant micro-scaling bounce because developers secretly need love too.
🎉 Instant Dopamine Cannon Clicking Hire Me launches flying cash, fire, and celebration emojis. Financial responsibility never felt so good.	🍪 Zero Cookies (Literally) No tracking nonsense. Just a satirical bottom cookie alert you can eat with one click to dismiss forever.
👀 Tab-Guilt Engine Switch browser tabs and watch the document title and favicon turn into judging eyes (👀) begging you to return.

---

🏢 Corporate Transparency

Department	Official Statement
🏢 HQ Location	Right side of my bed (the side near the wall charger)
⚖️ Legal Counsel	Represented by Better Call Saul, but downloaded from Telegram
📈 Investor Deck	Profit margin: Negative, but the user experience is immaculate
💼 Role	Chief Hallucination Officer (Gaslighting LLMs into writing working code)
📱 Mobile Support	100% fluid auto-fitting, zero horizontal scroll, iOS auto-zoom immune

---

📊 Transparent Analytics

 ┌──────────────────────────────────────────────────────────┐
 │  METRIC                       │ COUNT                    │
 ├───────────────────────────────┼──────────────────────────┤
 │  Lines copy-pasted blind      │ 40,000+                  │
 │  Unit tests written           │ 0 (We test in prod)      │
 │  Cries for help sent to AI    │ 9,999+                   │
 │  Clue why lines 40-90 compile │ 0                        │
 │  Math accuracy                │ 100% (Audited by vibes)  │
 └──────────────────────────────────────────────────────────┘

---

👥 The Executive Board (16 Agents • 0 Salaries • 0 Complaints)

Teammate	Official Title	Confidential Duty
🧠 Claude	Chief Philosophy Officer	Does the heavy thinking. I take 100% of the glory.
♊ Gemini	VP of Second Opinions	Consulted when Claude says "bro, that's a terrible idea".
💬 ChatGPT	Senior PR Rep	The one mom knows. Solid, chatty, occasionally confidently wrong.
🐙 GitHub	Head of Archives	Cemetery of half-finished side projects. Zero PRs, 100% emotional baggage.
🔺 Vercel	VP of Deployments	Deploys straight to prod. If build breaks, I close laptop and sleep.
🐳 Docker	Container Whale	Still don't know what a Dockerfile does, but ChatGPT stopped crying.
🔍 Googling	Oldest Colleague	Still undefeated across 20+ years of Stack Overflow copying.
🚀 Copilot	Auto-Complete Pilot	Finishes my sentences, my code, and occasionally invents bugs.
💻 Cursor	Senior Lead Watcher	Edits ten files while I watch like a proud parent.
☕ Coffee	Principal Engineer	The ONLY one on payroll. Without it, the company collapses.

---

⚡ How to Run This Without Melting Your Machine

Zero npm install. Zero 500MB node_modules crater on your SSD. Zero webpack tears.

Because modern browser ES Modules are used (type="module"), run with any lightweight local server (or VS Code Live Server):

# 💡 Option 1: Python local server (Built-in on Windows/Mac/Linux)
python -m http.server 8000
# -> Open http://localhost:8000

# 💻 Option 2: Node npx serve (if you have Node.js installed)
npx -y serve .

# 🚀 Option 3: VS Code / IDE
# Right click index.html -> "Open with Live Server"

---

📜 The Sacred Terms & Conditions

Deadlines: Emotional support for the client. Delivery occurs when vibes align.
Bugs: Surprise features. If it crashes, blame your browser cache.
Revisions: Unlimited revisions, finite patience. Each "one small change" costs one espresso.

     

_{© Forever Yallah Habibi · No cookies · No tracking · No clue}