Skip to content

Instantly share code, notes, and snippets.

@rachelandrew
Created July 23, 2014 10:44
Show Gist options
  • Save rachelandrew/9291b6e8c0f04a1c71dc to your computer and use it in GitHub Desktop.
Save rachelandrew/9291b6e8c0f04a1c71dc to your computer and use it in GitHub Desktop.
The output HTML from my Perch Template for a recipe.
<div vocab="http://schema.org/" typeof="Recipe">
<h1 property="name">Mom's World Famous Banana Bread</h1>
<p>By <span property="author">John Smith</span>,
<meta property="datePublished" content="2014-07-23">July 23, 2014</p>
<img property="image" src="/perch/resources/banana-bread-w800.jpg" alt="Banana bread - image credit vialbost on Flickr" />
<div property="description"><p>This classic banana bread recipe comes from my mom — the walnuts add a nice texture and flavor to the banana bread.</p></div>
<p>Prep Time: <meta property="prepTime" content="PT15M" />15 minutes
<br />Cook time: <meta property="cookTime" content="PT60M" />60 minutes
<br />Yield: <span property="recipeYield">1 loaf</span></p>
<div property="nutrition" typeof="NutritionInformation">
<h3>Nutrition facts:</h3>
<p><span property="calories">240 calories</span>,
<span property="fatContent">9 grams fat</span></p>
</div>
<h3>Ingredients:</h3>
<ul>
<li><span property="ingredients">3 or 4 ripe bananas, smashed</span>
<li><span property="ingredients">1 egg</span>
<li><span property="ingredients">3/4 cup of sugar</span>
</ul>
<h3>Instructions:</h3>
<ol property="recipeInstructions">
<li>Preheat the oven to 350 degrees.</li>
<li>Mix in the ingredients in a bowl. Add the flour last.</li>
<li>Pour the mixture into a loaf pan and bake for one hour.</li>
</ol>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment