Stylin' Sidebar.js in Glitch

My main social network these days is Micro.blog, where I post short updates, thoughts, and images, then syndicate those posts out to the big social media silos. I have a hosted blog on the Micro.blog service for this, but because I want this site to be the canonical source for all things Angelo, I wanted to pull in that content here.

If, like me, you use a static site generator to build this site, you have to dynamically build a page on load with the latest updates. To do so, you can call some JavaScript from Micro.blog, which is exactly what I do on my updates page. That’ll dump a bunch of unstyled content into your site, so I had to add some custom CSS to have it fit in with the rest of the site’s theme.

I was asked for a tutorial on doing this, so I built out a quick little playground in Glitch with some comments in the style.css file to show how I’ve done this.

If you want your own copy of the playground, hit the Remix button and have a look at the README and CSS files for some guidance!