SUDOTADS!

devlog #bugfix

Did a few things I should have done since the beginning by changing up the colour contrast on some text and the colours in general!!!

Devlog #6.
I mean, I guess I’m done….. for now of course.
Just created the readme.md
Would now ship

Devlog #4 & #5 — This Stopped Being “Just a Portfolio”This update kind of snowballed. I sat down intending to polish a few things, and somehow ended up redesigning almost the entire site. The biggest problem before was that the website only really worked on a desktop. The hidden corners relied on hover, the layout wasn’t great on smaller screens, and outside of the terminal there wasn’t much personality. So I decided to fix all of it at once.The first thing was making the site actually workk everywhere. Everything is now properly responsive. At different breakpoints the layout reorganizes itself, grids collapse cleanly, fonts scale down, navigation wraps when it needs to, and nothing feels crammed anymore. The stats cards that looked nice in a single row on desktop now become two columns on tablets and a single column on phones. Speaking of phones…Those hidden corners used to be impossible to discover because, well, you can’t hover on a touchscreen. They now respond to taps instead. Tap a corner and the panel slides in. Tap somewhere else and it disappears. If you forget it’s open, it’ll quietly hide itself after a few seconds. Then I got carried away. The site now has a full-screen terminal. Press Ctrl + backtick anywhere and an entire terminal drops down from the top. It has command history, autocomplete, blinking cursors, fake networking commands, ASCII art, a virtual file system, and over 25 commands to mess around with. You can run things like:helpwhoamiprojectsskillsbannerneofetchfortunematrixcowsaypingcurlthemegithub…and a bunch more. It doesn’t really need to exist. Which is exactly why I built it. To make sure people actually find it, first-time visitors now get a small toast telling them how to open it. On desktop it’s Press Ctrl + backtick, while on mobile it points them to the terminal button instead ..And yes…If you’re on a phone, you can literally shake the device to open the terminal. Probably the most unnecessary feature on the website. Probably my favourite one too. While I was already breaking everything apart, I figured the site deserved a proper redesign instead of being one long page with a hero section. Every section now has its own identity. The About section cuts diagonally across the page. The hobbies, stats, projects and blog sections all use irregular clip-path shapes so almost nothing is a perfect rectangle anymore. On desktop it gives the site a much more distinctive look, and on mobile everything gracefully falls back to rounded cards instead of weird geometry.I also finally committed to the SudoTADS branding.Everything now comes from one set of CSS variables: black backgrounds, white text and the neon green accent. Impact handles the big headings while JetBrains Mono is used everywhere else, especially inside the terminal. One source of truth, which makes changing the theme later ridiculously easy.The biggest visual upgrade though was animation.I added GSAP.Instead of jumping into Three.js, I realised GSAP gave me almost everything I actually wanted with a fraction of the overhead.The hero now has animated SVG blobs floating behind the content, another blob continuously morphs inside the About section, cards reveal themselves as you scroll, the stats scale into view, and the header subtly shrinks once you’ve scrolled past it.No frameworks.No build tools.Just HTML, CSS, JavaScript and some CDN links.The website finally feels like it has story as you scroll instead of feeling like a landing page.There’s still a lot I want to build. The terminal has plenty of room for more commands, the fake file system could become much deeper, and eventually the Blog section will link to real devlogs instead of placeholders.For now though…It finally feels like a website that’s unmistakably mine.

#Devlog #2 & #3: It Finally Looks Like a Website (with some eggs)

Yesterday, I had three files and a button.

Today, the site is live at tadstech.github.io/MyPersonalWebsite and it actually looks like something I’d send someone as a POC.

What changed?

I added a proper navigation bar, a hero section, an About section, and stats cards that give anyone who lands a quick snapshot of who I am.

Still no frameworks. No build tools. No animations. The only JavaScript is a button that cycles through messages. I want to earn every line of JS instead of adding things because I can.

—The corners—

Then I got curious about what happens when someone actually explores.

So I hid four panels at the edges of the viewport. They’re invisible until you wander your mouse into the corner, then they slide open(mobile excluuded rn but on it’s way.)

I deployed to GitHub Pages so anyone can find them. The site still has plenty of empty space, but it no longer feels unfinished. It feels like a house that rewards the people who bother to peek in the corners.

See you in Devlog #4.

Devlog 001: The First Files

Hello, guys. Today I finally started building my personal website. No frameworks. No animations. No fancy effects. Just three files: index.html, style.css, script.js. Right now, it doesn’t do much. It has my personal brand theme colors…. black, white, and neon green—a simple landing page, and one JavaScript button that says hello. Sometimes, the hardest part of a project isn’t solving the difficult problems. It’s just starting it tbh and I started today and hope the scale this into something interesting.