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
+18 -18
View File
@@ -5,24 +5,24 @@
<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>Egg & Onion Pie</h1>
<h1 itemprop="name">Egg & Onion Pie</h1>
<div class="timing">
prep 20 min,&nbsp;cook 40 min </div>
prep <span itemprop="prepTime">20 min</span>,&nbsp;cook <span itemprop"cookTime">40 min</span> </div>
<div class="icons">
<div class="icon gluten-free"></div>
<div class="icon low-carb"></div>
<div class="icon vegetarian"></div>
<div class="icon serving"></div>× 4
<div class="icon serving"></div>× <span itemprop="recipeYield">4</span>
</div>
<div class="description">Egg and Onion Pie is served as a appetizer at Colonial Williamsburg in Virgina. Outwardly, it strongly resembles a quiche, but it actually winds up being quite a bit sweeter and composed in multiple layers with the onions on the bottom.
<div class="description" itemprop="description">Egg and Onion Pie is served as a appetizer at Colonial Williamsburg in Virgina. Outwardly, it strongly resembles a quiche, but it actually winds up being quite a bit sweeter and composed in multiple layers with the onions on the bottom.
</div>
</div>
</section>
@@ -32,68 +32,68 @@ prep 20 min,&nbsp;cook 40 min </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 tbsp
</div>
<div class="item">butter (unsalted)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2
</div>
<div class="item">yellow onions</div>
</ul>
</div>
<div class="detail">In a heavy skillet, over a medium heat, melt the butter. Then add the onions, reduce the heat and cook until golden and soft. Then transfer to a small bowl to cool. (about 20 min)
<div class="detail" itemprop="recipeInstructions">In a heavy skillet, over a medium heat, melt the butter. Then add the onions, reduce the heat and cook until golden and soft. Then transfer to a small bowl to cool. (about 20 min)
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2
</div>
<div class="item">eggs</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2
</div>
<div class="item">egg yolks</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 cup
</div>
<div class="item">milk (whole)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1/2 cup
</div>
<div class="item">cream</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tbsp
</div>
<div class="item">chives</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tbsp
</div>
<div class="item">parsley</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
tsp
</div>
<div class="item">salt</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
tsp
</div>
<div class="item">black pepper</div>
</ul>
</div>
<div class="detail">In a small bowl, beat the eggs, egg yolks, milk, cream, chives, parsley, salt, and pepper. <br><br>Evenly layer the onions in the bottom of an oven-safe pie dish, and then gently pour over the egg mixture. Bake at 400°F until the filling is browned and just set. (about 30 min) Allow to cool for 10 minutes before serving.
<div class="detail" itemprop="recipeInstructions">In a small bowl, beat the eggs, egg yolks, milk, cream, chives, parsley, salt, and pepper. <br><br>Evenly layer the onions in the bottom of an oven-safe pie dish, and then gently pour over the egg mixture. Bake at 400°F until the filling is browned and just set. (about 30 min) Allow to cool for 10 minutes before serving.
</div>
</div>
</section>