67°F

Aaron Parecki

  • Articles
  • Notes
  • Photos
  • Day 33: Posting Recipes on my Website #100DaysOfIndieWeb

    January 22, 2017

    Over the last couple years I've occasionally posted a recipe on my website, but I'd always just done it as a plain text post, nothing fancy. Today I updated p3k to support a new post type, h-recipe. Now I can properly format and display recipes on my site!

    I had originally started out by just slightly modifying the HTML templates I use for all my other posts, but then realized that there were quite a few presentational differences I wanted to do and it ended up being better to start from scratch with a new template.

    In particular, I wanted the post's photo to appear under the name of the post and above the ingredients and instructions. This is different from my current note design where the photo appears below the note content.

    In addition to supporting h-recipe as the storage format and in my HTML, I also mark up the recipes with the fallback hRecipe, since that is still in use by a lot of software. This means that if you use the Paprika recipe app, you can parse my recipes into the app directly!

    I then went back through all my recipe posts and converted them to the new storage format so that they render nicely! You can find them all here:

    https://aaronparecki.com/recipes

    Portland, Oregon
    Sun, Jan 22, 2017 4:20pm -08:00 #100daysofindieweb #recipe #p3k
    3 mentions

    Other Mentions

    • Aaron Parecki aaronparecki.com
      My 2017 Year in Review
      Thu, Jan 4, 2018 2:40pm -08:00
    • Jeremy Cherfas vaviblog.com/profile/jeremy

      Very interested to see how @aaronpk built a whole new template to make a new post-type for recipes. As I think about bringing Fornacalia into my main site, this might make a good goal, because it would require me to get to grips with these different kinds of classes that don't affect display as much as enable scraping and suchlike. Day 33: Posting Recipes on my Website #100DaysOfIndieWeb • Aaron Parecki https://aaronparecki.com/2017/01/22/8/day-33-recipes

      Mon, Jan 23, 2017 7:41am +00:00
    • 100 Days of IndieWeb aaronparecki.com/tag/100daysofindieweb
      Day 33: Posting Recipes on my Website #100DaysOfIndieWeb: aaronparecki.com/2017/01/22/8/d…
      Mon, Jan 23, 2017 12:21am +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