My own site!

Hey guys finally shipped the updated version of my personal site for stardance. i added all my new projects like vidnote and commerce os, but the coolest part is this fake terminal boot screen i built that runs when you first open the page. i also kept the matrix rain background but added a frosted glass effect over the main sections so you can actually read the text now without your eyes bleeding.

the whole thing took way longer than it should have because i got so stuck on the css. my entire layout broke and i was losing my mind trying to fix it, only to realize i literally typed - { instead of * { at the very top of the file and broke the global reset. i also accidentally had the javascript matrix loop running twice at the same time so it was lagging my browser to death lol.

if you wanna test it out, refresh the page to see the boot sequence, and then scroll down to the sandbox section. there’s a working terminal where you can type ‘help’ to see commands. definitely try the ‘matrix’ command to toggle the background, and try typing ‘sudo’ just to see what happens. let me know if anything breaks on mobile!

I built a retro hacker-style terminal portfolio using just pure HTML, CSS, and Vanilla JS—literally zero frameworks or libraries. Standard portfolios felt kind of boring, so I wanted to make something actually cool with a working terminal, Matrix digital rain in the background, CRT scanlines, and retro keyclick sounds.

The trickiest part was getting the audio to work without just downloading a bunch of MP3s. I coded it from scratch using the browser’s native Web Audio API to generate the click and error tones live in JavaScript. I also fought with mobile layout bugs for a bit because the terminal input kept stretching past the screen on phones, but I fixed that using min-width: 0 and flexbox.

Honestly pretty hyped that I built the whole thing from scratch with zero dependencies and got it running super fast on mobile too.

To test it out, turn your sound on, click anywhere on the page, and start typing commands in the terminal. Try running help, about, skills, matrix, date, clear, or sudo if you want to hear the access denied sound.

Live site: https://kartikeynegi25.github.io/personal-site/
GitHub repo: https://github.com/kartikeynegi25/personal-site