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
@@ -5,12 +5,12 @@
<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>Lemon Chicken with Mushroom Sauce</h1>
<h1 itemprop="name">Lemon Chicken with Mushroom Sauce</h1>
<div class="timing">
</div>
@@ -18,10 +18,10 @@
<div class="icons">
<div class="icon gluten-free"></div>
<div class="icon low-carb"></div>
<div class="icon serving"></div>× 4
<div class="icon serving"></div>× <span itemprop="recipeYield">4</span>
</div>
<div class="description">This preparation for chicken has a light and zesty taste, and the mushrooms add a lovely earthy contrast.
<div class="description" itemprop="description">This preparation for chicken has a light and zesty taste, and the mushrooms add a lovely earthy contrast.
</div>
</div>
</section>
@@ -33,73 +33,73 @@
<ul>
</ul>
</div>
<div class="detail">Pre-heat the oven to 400°F.</div>
<div class="detail" itemprop="recipeInstructions">Pre-heat the oven to 400°F.</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tbsp
</div>
<div class="item">olive oil</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
8
</div>
<div class="item">chicken breasts</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1
</div>
<div class="item">lemon</div>
</ul>
</div>
<div class="detail">Coat each chicken breast in olive oil and arrange in a single layer in a baking dish. Squeeze the juice from half a lemon over them. Slice the other half and arrange the slices on top of the chicken. Place in the oven and cook until the centers reach 170°F (around 15 minutes).
<div class="detail" itemprop="recipeInstructions">Coat each chicken breast in olive oil and arrange in a single layer in a baking dish. Squeeze the juice from half a lemon over them. Slice the other half and arrange the slices on top of the chicken. Place in the oven and cook until the centers reach 170°F (around 15 minutes).
</div>
</div>
<div class="step">
<h3>3</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
¼ cup
</div>
<div class="item">butter, unsalted</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3 cups
</div>
<div class="item">mushrooms, crimini (sliced)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 tbsp
</div>
<div class="item">flour, gluten-free</div>
</ul>
</div>
<div class="detail">While the chicken is cooking, melt the butter in a large saucepan. Add the mushrooms and cook until they are golden brown and the liquid has evaporated. Sprinkle flour over the mushrooms and cook while stirring constantly for about 1 minute.
<div class="detail" itemprop="recipeInstructions">While the chicken is cooking, melt the butter in a large saucepan. Add the mushrooms and cook until they are golden brown and the liquid has evaporated. Sprinkle flour over the mushrooms and cook while stirring constantly for about 1 minute.
</div>
</div>
<div class="step">
<h3>4</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ cup
</div>
<div class="item">chicken broth</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tbsp
</div>
<div class="item">parsley, fresh (minced)</div>
</ul>
</div>
<div class="detail">Add the chicken broth to the saucepan and stir until all the flour is evenly incorporated. Cook over a medium heat until the sauce begins to thicken. Add the parsley just as the sauce is finishing up.
<div class="detail" itemprop="recipeInstructions">Add the chicken broth to the saucepan and stir until all the flour is evenly incorporated. Cook over a medium heat until the sauce begins to thicken. Add the parsley just as the sauce is finishing up.
</div>
</div>
<div class="step">
@@ -108,7 +108,7 @@
<ul>
</ul>
</div>
<div class="detail">Once the chicken is out of the oven, plate each piece and cover with the mushroom sauce.
<div class="detail" itemprop="recipeInstructions">Once the chicken is out of the oven, plate each piece and cover with the mushroom sauce.
</div>
</div>
</section>