🐸 Team Blob — Fake Esports Team Website

Welcome to the official fake website of Team Blob — a satirical, lovingly overbuilt esports team site built with ⚡ Svelte and 🎨 Tailwind CSS v4.

This project is a frontend showcase and playground, simulating a professional esports org site while being... very not real.

📸 Preview

📦 Tech Stack

• Svelte — Lightweight, fast, reactive.
• Tailwind CSS v4 — Utility-first styling, customized for the dark theme.
• TypeScript — For strong typing and future-proofing.
• Vercel — Hosting the whole fake operation.

🧱 Site Structure

• Navbar: Sticky at the top. Includes team branding and fake sponsors.
• Live Banner: Shows Blob as “currently live in solo queue” with rotating messages.
• Main Content: Dynamic content slot per route.
• Footer: Only appears when you scroll to the bottom — says "Yes this is clearly a fake team." 😊

🤝 Sponsors (Fake, but Clickable)

• LegitCorp

• Axis Order

Logos are displayed in the navbar next to the team name, fully clickable, and styled for maximum esports realism.

🎭 Features

• ✅ Scroll-to-bottom reveal footer
• ✅ Rotating live banner messages with animated typewriter effect
• ✅ Animated mobile dropdown menu (slide down on open)
• ✅ Sponsor logo integration with external links
• ✅ Fully responsive layout
• ✅ Parody tone, professional layout

🗂 Folder Structure (Key Files)

src/
├── routes/
│   └── +layout.svelte       # Main layout with nav, banner, footer
├── lib/
│   └── actions/
│       └── showOnScrollToBottom.ts  # Scroll-triggered footer visibility
static/
└── sponsors/
    ├── legitcorp.png
    └── axis-order.png