79°F

Aaron Parecki

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

    Sun, Jan 22, 2017 4:20pm -08:00

    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
    #100daysofindieweb #recipe #p3k
    Sun, Jan 22, 2017 4:20pm -08:00
    3 mentions

    Other Mentions

    • 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)
    • 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
    • Aaron Parecki aaronparecki.com
      My 2017 Year in Review
      Thu, Jan 4, 2018 2:40pm -08:00
Posted in /articles using quill.p3k.io

Hi, I'm Aaron Parecki, co-founder of IndieWebCamp. I maintain oauth.net, write and consult about OAuth, and am the editor of several W3C specfications. I record videos for local conferences and help run a podcast studio in Portland.

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

Follow
  • Okta Developer Advocate
  • IndieWebCamp Founder
  • W3C Editor
  • Stream PDX Co-Founder
  • backpedal.tv

  • W7APK
  • ⭐️ Life Stack
  • All
  • Articles
  • Bookmarks
  • Notes
  • Photos
  • Replies
  • Reviews
  • Sleep
  • Travel
  • Contact
© 1999-2018 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