Modify template to include microdata

This commit is contained in:
Andrew Miner
2020-02-01 11:14:42 -07:00
parent c3e94e7370
commit 2692e9465a
77 changed files with 1600 additions and 1627 deletions
+15 -15
View File
@@ -5,23 +5,23 @@
<meta charset="UTF-8" />
<meta name="viewport" content="user-scalable=no, width=device-width" />
<body class="recipe">
<body class="recipe" itemscope itemtype="http://schema.org/Recipe">
<section class="header">
<div class="image" style="background-image: url('./image.png')"></div>
<div class="image" style="background-image: url('./image.png')" itemprop="image"></div>
<div class="about">
<h1>Roasted Sweet Potatoes</h1>
<h1 itemprop="name">Roasted Sweet Potatoes</h1>
<div class="timing">
prep 10 minutes,&nbsp;cook 45 minutes </div>
prep <span itemprop="prepTime">10 minutes</span>,&nbsp;cook <span itemprop"cookTime">45 minutes</span> </div>
<div class="icons">
<div class="icon gluten-free"></div>
<div class="icon vegetarian"></div>
<div class="icon serving"></div>× 1
<div class="icon serving"></div>× <span itemprop="recipeYield">1</span>
</div>
<div class="description">So often, they only way you encounter sweet potatoes is puréed with ton of sugar (maple syrup, marshmallow, etc.). This is a delicious alternative which, while still sweet, allows the natural flavor of the sweet potatoes to shine.
<div class="description" itemprop="description">So often, they only way you encounter sweet potatoes is puréed with ton of sugar (maple syrup, marshmallow, etc.). This is a delicious alternative which, while still sweet, allows the natural flavor of the sweet potatoes to shine.
</div>
</div>
</section>
@@ -33,55 +33,55 @@ prep 10 minutes,&nbsp;cook 45 minutes </div>
<ul>
</ul>
</div>
<div class="detail">Pre-heat the oven to 350°F.
<div class="detail" itemprop="recipeInstructions">Pre-heat the oven to 350°F.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 tbsp
</div>
<div class="item">olive oil</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
¼ cup
</div>
<div class="item">honey</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 tbsp
</div>
<div class="item">rosemary, fresh (minced)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">salt, course</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">black pepper</div>
</ul>
</div>
<div class="detail">Mix the olive oil, honey, rosemary, salt, and black pepper in a small mixing bowl.
<div class="detail" itemprop="recipeInstructions">Mix the olive oil, honey, rosemary, salt, and black pepper in a small mixing bowl.
</div>
</div>
<div class="step">
<h3>3</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3
</div>
<div class="item">sweet potatoes / yams (peeled, chopped)</div>
</ul>
</div>
<div class="detail">Add the sweet potatoes to the mixing bowl, and mix until coated with the sauce. Lay out in a single layer on a cooking sheet lined with foil. Cook in the oven until tender (about 45 minutes).
<div class="detail" itemprop="recipeInstructions">Add the sweet potatoes to the mixing bowl, and mix until coated with the sauce. Lay out in a single layer on a cooking sheet lined with foil. Cook in the oven until tender (about 45 minutes).
</div>
</div>
</section>