Media_Clutter Project Alpha 0.1
What is this?
Let me introduce my first relatively autonomous webpage.
I crafted this little piece of media with no concrete purpose — just a personal challenge. Because I knew I could. This space exists for me. And if you’re here, you’re seeing something that I’ve wanted to do for a long time. Now I finally did. And I’m proud of it.
So What the Heck is Media_Clutter?
It’s my personal blog-slash-portfolio-slash-collection of stuff I make.
Some of it is for work. Some of it’s purely for my own joy.
Let’s face it — most things we make online aren’t that valuable. Not because they’re bad in quality, but because digital life has become a cluttered mess of trends and noise. Especially if you’re from Eastern Europe, you know how easy it is to turn into a modern-day babushka, hoarding digital content instead of yarn.
So here it is: my digital sandbox.
Why This Format?
After 6+ years working with media and the web, I’ve been through the highs and horrors of many CMSes and platforms. Most are too heavy, too slow, or just overkill for a personal creative space.
Take WordPress: nice idea, not so nice execution when you want performance. Even simple designs lag or bloat fast.
Sometimes… manual is better. So I built Media_Clutter from scratch, on my terms.
Alpha Goals
This is the first release — Alpha style.
My one job? It works. And it doesn’t break.
Sounds simple, but anyone who’s ever had to deal with screen breakpoints, device rendering, or weird CSS quirks knows it’s no small feat.
This version is my seedling — sprouted and alive.
Design, Color, and Font Choices
Dark mode? Always. But I wanted something more than just white text on black.
The main background is not plain black—it has hints of blue, giving it that “techy, but playful” feel. Accent colors add funk and flair, kind of like old-school PC interfaces. The text is bright but easy on the eyes — no blinding whites here.
Color Scheme (Tailwind CSS codes):
Fonts:
- Bagel Fat One – purely for fun. Chunky, retro, playful. Perfect for decorative use.
- Nunito + Inter – clean, modern, legible. Good for both headers and body text.
- Material Icons – because visuals matter.
Professional? Maybe. But techy-funky professional.
No sterile “IT white desk” vibes here.
Tech Stack
This site runs on a lean, modern setup — focused on performance, flexibility, and simplicity.
Core Framework
Styling & Design
- Tailwind — utility-first styling that’s actually nice to work with
- Custom theming with CSS variables
- Fonts: Bagel Fat One (because vibes matter), Nunito, Inter, and Material Icons
Development Tools
- TypeScript — because type-safe code saves future me from crying
- Git + npm — the usual suspects for version control and package wrangling
- Coded with a little help from Cursor — shoutout to AI copilots
Deployment
- Hosted via Cloudflare Pages
- Built and previewed the old-school way: with simple npm scripts
No Roadmap, Just Vibes
No master plan. No strict goals. Just curiosity, a need to create, and a sprinkle of chaos engineering.