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
+21 -21
View File
@@ -5,20 +5,20 @@
<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>Chicken Cordon Bleu</h1>
<h1 itemprop="name">Chicken Cordon Bleu</h1>
<div class="timing">
prep 25 min,&nbsp;cook 40 min </div>
prep <span itemprop="prepTime">25 min</span>,&nbsp;cook <span itemprop"cookTime">40 min</span> </div>
<div class="icons">
</div>
<div class="description">This classic dish provides a delightful mixture of flavors and textures, although its a bit of work to get it.
<div class="description" itemprop="description">This classic dish provides a delightful mixture of flavors and textures, although its a bit of work to get it.
</div>
</div>
</section>
@@ -30,98 +30,98 @@ prep 25 min,&nbsp;cook 40 min </div>
<ul>
</ul>
</div>
<div class="detail">Pre-heat the oven to 400°F.
<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">
8 slices
</div>
<div class="item">ham</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
8 slices
</div>
<div class="item">swiss cheese (2" lardons)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">salt</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">black pepper</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">thyme</div>
</ul>
</div>
<div class="detail">Place slivers of cheese in the center of a piece of ham and sprinkle with the salt, pepper, and thyme. Roll up each slice and put aside.
<div class="detail" itemprop="recipeInstructions">Place slivers of cheese in the center of a piece of ham and sprinkle with the salt, pepper, and thyme. Roll up each slice and put aside.
</div>
</div>
<div class="step">
<h3>3</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
8 None
</div>
<div class="item">chicken breasts (skinless</div>
</ul>
</div>
<div class="detail">Place each chicken breast between two pieces of parchment paper and pound with a meat hammer until about ¼" thick. Wrap each chicken breast around a a ham and cheese roll and pin closed with toothpicks.
<div class="detail" itemprop="recipeInstructions">Place each chicken breast between two pieces of parchment paper and pound with a meat hammer until about ¼" thick. Wrap each chicken breast around a a ham and cheese roll and pin closed with toothpicks.
</div>
</div>
<div class="step">
<h3>4</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
¼ cup
</div>
<div class="item">butter (melted)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ cup
</div>
<div class="item">cornflakes (crushed)</div>
</ul>
</div>
<div class="detail">Place the chicken breasts in a baking dish and brush with butter. Coat with the crushed cornflakes. Bake at 400°F until the chicken has reached 170°F at the center (about 40 min).
<div class="detail" itemprop="recipeInstructions">Place the chicken breasts in a baking dish and brush with butter. Coat with the crushed cornflakes. Bake at 400°F until the chicken has reached 170°F at the center (about 40 min).
</div>
</div>
<div class="step">
<h3>5</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
10 oz
</div>
<div class="item">cream of chicken soup</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">lemon juice</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ cup
</div>
<div class="item">sour cream</div>
</ul>
</div>
<div class="detail">Mix the soup, lemon juice, and sour cream in a small saucepan. Simmer over a low heat until heated all the way through. Pour over the cooked checken breasts and serve.
<div class="detail" itemprop="recipeInstructions">Mix the soup, lemon juice, and sour cream in a small saucepan. Simmer over a low heat until heated all the way through. Pour over the cooked checken breasts and serve.
</div>
</div>
</section>