Styled the service cards a bit more today. I wasn’t happy with the cropping issues, and I didn’t want to fall back to a single icon on mobile. So instead I hacked together a rotating animation that cycles through the icons. Not the most pragmatic solution since I ended up duplicating rows to sell the effect, but it works for now. I could keep tweaking icon sizes forever, but I really need to move onto the blog.
First step for the blog is figuring out the structure: basically an ERD for how I want posts to look, then some placeholder content. All it really needs right now is to show the latest post. I kept hesitating to start on it and found myself wanting to jump to the About or Projects page instead. Same amount of work either way, so I took a short break.
After a brief walk, I finally sat down and tackled the blog. I think I was reluctant because it’s a “muscle” I haven’t used in a while.
Supabase, though, has been an absolute breeze. I created a blog table through the UI, followed the Next.js quickstart, hooked the API keys into environment variables, and made sure everything sensitive was tucked away behind a proper .gitignore. Much smoother than I expected, and i'm glad to see it on the page:
While poking at styles for the blog section, I got distracted and discovered underline decoration utilities, so of course I had to go back and pretty up the hero banner before moving on.
Design-wise, one idea I had was a little blog list on the side that jumps to entries on the same page when clicked. It would work, but it feels a bit hacky. Long term, I’d rather give the blog its own dedicated page so I can lay things out cleanly and include screenshots without resorting to layout dark magic. That’s probably a “future me with no deadline” problem.