66°F

Aaron Parecki

  • Articles
  • Notes
  • Photos
  • Redesigning my Blog Post Pages

    June 28, 2020

    I had a great time in the sessions at IndieWebCamp West yesterday! Today is project day, so I started the morning off listening to some chill tunes with other folks on the Zoom "hallway track" deciding what to work on.

    My blog post permalinks have been bothering me for a while, I feel like they are too cluttered. I mostly like the design of my notes and photos permalinks, since the content on those pages is relatively short, I don't mind how much other stuff on the page there is since it's also good for discoverability of my other content. However on my blog posts, people often come to those from some external source, and they're really there just to read the blog post and then leave. So I wanted to clean it up a bit.

    Here's what my blog post pages looked like before.

    This is on a 13" Macbook screen with a browser as wide as possible. Here is what the blog posts look like now.

    I wanted to give the blog posts a bit more space, so I increased the size of the middle column. I also took out the top bar with the clock and weather. I removed my little author avatar (it duplicated my name, and the photo wasn't really placed very well.) I also changed the timestamp to show just the date, instead of the full date and time and timezone. For notes and photos the time is possibly relevant, but it's really not important for blog posts.

    I also added a custom font, which tbh I'm on the fence about using. I do feel like the slightly wider font goes well with the slightly larger column.

    So that's the first of the projects for the day done!

    Update: Thanks to a suggestion from Sebastian, I also increased the font size on the blog posts to keep a similar number of characters per line.

    Portland, Oregon • 63°F
    Sun, Jun 28, 2020 11:18am -07:00 #indieweb #indiewebcamp
    2 likes 1 bookmark 1 reply 1 mention
    • Tomáš Jakl
    • Ryan Barrett
    • Chris Aldrich
    • Sebastian Lasse, redaktor.me mastodon.social/@sl007

      @aaronpk

      Hm,
      I would go for a larger font size then.
      Before your posts had about 80 characters per line which is still fine but 110 feels too wide for me …

      https://baymard.com/blog/line-length-readability

      Sun, Jun 28, 2020 7:00pm +00:00

    Other Mentions

    • fxzig.com
      Sat, Aug 1, 2020 7:45am -07:00
Posted in /articles using quill.p3k.io

Hi, I'm Aaron Parecki, Director of Identity Standards at Okta, and co-founder of IndieWebCamp. I maintain oauth.net, write and consult about OAuth, and participate in the OAuth Working Group at the IETF. I also help people learn about video production and livestreaming. (detailed bio)

I've been tracking my location since 2008 and I wrote 100 songs in 100 days. I've spoken at conferences around the world about owning your data, OAuth, quantified self, and explained why R is a vowel. Read more.

  • Director of Identity Standards at Okta
  • IndieWebCamp Founder
  • OAuth WG Editor
  • OpenID Board Member

  • 🎥 YouTube Tutorials and Reviews
  • 🏠 We're building a triplex!
  • ⭐️ Life Stack
  • ⚙️ Home Automation
  • All
  • Articles
  • Bookmarks
  • Notes
  • Photos
  • Replies
  • Reviews
  • Trips
  • Videos
  • Contact
© 1999-2025 by Aaron Parecki. Powered by p3k. This site supports Webmention.
Except where otherwise noted, text content on this site is licensed under a Creative Commons Attribution 3.0 License.
IndieWebCamp Microformats Webmention W3C HTML5 Creative Commons
WeChat ID
aaronpk_tv