48°F

Aaron Parecki

  • Articles
  • Notes
  • Photos
  • Day 8: Pinned Posts #100DaysOfIndieWeb

    December 28, 2016

    I've never really been a fan of using pinned posts on my Twitter profile, so I didn't expect this would be something I wanted on my own website. On my own home page I can just write whatever I want above my posts, so I don't really need "pinned posts" there either. However I just found a use for pinned posts, but not on my home page!

    I've been sharing the link to my 100 days tags with people as a way to share the content quickly. I wanted to be able to have a little intro post above the list of posts, and I realized that "pinned posts" matched the pattern of what I wanted pretty nicely! 

    So now, on tag and channel pages on my site, I can mark a post as "pinned" and it will always show up on top! The first post I've pinned is on my #100DaysOfIndieWeb tag page.

    My pinned posts appear with a green corner with a pushpin icon, above the list of other posts. The sparkline for the tag appears below the pinned post. The other thing pinning a post does is removes it from appearing in the list of posts for that tag where it would normally appear. However the pinned post will still appear in the normal positions for any other tags as well as my home page.

    To support pinned posts in p3k, I added custom properties to my Microformats2-based storage, called "p3k-pinned-category" and "p3k-pinned-channel". Any categories or channels listed in those properties will cause the post to be pinned there. Here's what the post looks like in my storage file.

    When my DB index processes this post to sort this post into category and channel lists, it catches the list of pinned categories/channels and adds a flag to the database table to mark that as pinned for the category.

    Another minor change I launched as part of this was fixing the rounded corner for my posts with colored corner flags. Previously, they looked like this:

    Now, the colored corner matches the rounded corners of the rest of the post:

    It's a subtle change but was bothering me for a while, and now that pinned posts means these corners will appear in more places, I wanted to fix it.

    Portland, Oregon
    Wed, Dec 28, 2016 9:06am -08:00 #pinned #100daysofindieweb #p3k #indieweb
    4 mentions

    Other Mentions

    • Greg McVerry quickthoughts.jgregorymcverry.com/profile/jgmac1106
      Other Review: Hello World Badge
      Tue, Dec 11, 2018 12:37am +00:00
    • Aaron Parecki aaronparecki.com
      Week in Review #100DaysOfIndieWeb
      Fri, Dec 30, 2016 2:18pm -08:00
    • Aaron Parecki aaronparecki.com
      Week in Review #100DaysOfIndieWeb
      Fri, Dec 30, 2016 2:18pm -08:00
    • 100 Days of IndieWeb aaronparecki.com/tag/100daysofindieweb
      Day 8: Pinned Posts #100DaysOfIndieWeb: aaronparecki.com/2016/12/28/3/d…
      Wed, Dec 28, 2016 5:06pm +00:00 (via brid-gy.appspot.com)
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