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.
- 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.
- 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." 😊
Logos are displayed in the navbar next to the team name, fully clickable, and styled for maximum esports realism.
- ✅ 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
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