Swapping Twitter for Substack and giving the sidebar logo a refresh

2023-07-04

Housekeeping pass on the homepage and sidebar. A few content swaps that reflect a small shift in where I'm sending people from this blog.

Content swaps on the homepage

The homepage had a little "follow me" list with a Twitter link and an email list link. Two changes:

  • Twitter → Substack. The "follow me on twitter" link becomes "join my email list," pointing at stevieismagic.substack.com. Twitter is no longer where I want casual readers of the blog to end up — the incentives of the platform reward the wrong things, and my output there is sparse and mostly reposted from writing that lives elsewhere. Substack is the place where actual writing lands.
  • New "meet my family" link to ocampo.io. ocampo.io is a separate little site I maintain for family stuff (photos, updates, the occasional long-form post about something that's not tech). Adding it here gives readers a second door out of the blog that's not an analytics dashboard or a CTA.

The old "get email updates" Substack link is gone because the "join my email list" link is now doing that job directly.

The old <Logo> was a tall thin M shape I'd drawn as one of the early SVG experiments when I set the blog up — 232×316 viewBox, 78px stroke width, looked fine but didn't feel like mine anymore.

Replaced with a new SVG:

  • New viewBox (100×100), new geometry.
  • Different dimensions — 45×60 in the rendered tag (vs the old 25×37).
  • Transform flip — applied matrix(-1, 0, 0, -1, 0, 0) (180° rotation) because I wanted the logo to read in a specific orientation that the source path didn't emit natively.
  • Link target — the <Logo> now links to https://ocampo.io instead of the blog root. Clicking the logo takes you to the personal site; navigation within the blog happens through the sidebar nav items below the logo.

The motion one-shot animation that slides the logo in from the left is unchanged — same initial, animate, and transition props on the motion paths, just new geometry under them.

A small let cleanup

While in app/page.tsx I also straightened one line of awkward destructuring — let starCount, views, tweetCount = [0, 0, 0]; had a stray double space. Removed the double space. Didn't change behavior.

Why this is a real PR and not just a random commit

Because I batched the content changes with the logo change, and both of them are worth having in git history as a single "sidebar and homepage refresh" moment. Also because I'm still learning to default to PRs over direct commits to main, and every time I successfully route a change through a PR it reinforces the habit.


PR: https://github.com/StevieIsmagic/vercel_blog/pull/6