After a couple days of working on this unintuitive site I have "finally" (not really) finished it, yeah it's a lil rough around the edges but it can be refactored slowly over time. the stack I used for this is:

• Scss (must have)
• React
• Nextjs

It's fairly simple once you get the hang of it. i spent most of the time messing with scss variables and mixins tryna get the hover effects right. that cursor follow thingy was annoying to implement but it works okay now i guess.

Why did i make this?

honestly, i was bored and needed a place to dump thoughts n stuff.

here's some random code i wrote for the cursor effect:

const handleMouseMove = (e) => {
  const boxRect = box.getBoundingClientRect();
  const offsetX = e.clientX - boxRect.left;
  const offsetY = e.clientY - boxRect.top;

  effect.style.left = `${offsetX}px`;
  effect.style.top = `${offsetY}px`;
  effect.style.transform = 'translate(-50%, -50%)';
};

not the most elegant but it works lol.

The design process

there wasnt really one tbh. i just threw together some colors from my alacritty config, and added some animations to make it less boring. the hardest part was making it responsive without making everything look terrible.

my inspo was just other dev sites i've seen. nothing groundbreaking but it works for me.

What i learned

nextjs is pretty cool for static sites. the routing just works and i didnt have to mess with a bunch of config. the markdown blog setup was actualy easier than i expected.

some things that sucked:

• had to ensure the bars looked good on mobile (they do, trust)
• had to rewrite the navbar like 3 times
• typescript yelling at me for every little thing

Whats next?

who knows? maybe ill add dark/light mode (jk, only dark mode forever).

anyway thx for reading my rambling. if ur seeing this, congrats on finding my little corner of the internet. send complaints to /dev/null.