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,22 +5,22 @@
<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>Clam Chowder</h1>
<h1 itemprop="name">Clam Chowder</h1>
<div class="timing">
prep 15 min,&nbsp;cook 25 min </div>
prep <span itemprop="prepTime">15 min</span>,&nbsp;cook <span itemprop"cookTime">25 min</span> </div>
<div class="icons">
<div class="icon gluten-free"></div>
<div class="icon serving"></div>× 6
<div class="icon serving"></div>× <span itemprop="recipeYield">6</span>
</div>
<div class="description">Clam chowder the is the quinessential comfort food of New England: rich, creamy, and with enough flavor and texture to add real substence. This recipe makes perfect re-creation of the very best I remember from back home.
<div class="description" itemprop="description">Clam chowder the is the quinessential comfort food of New England: rich, creamy, and with enough flavor and texture to add real substence. This recipe makes perfect re-creation of the very best I remember from back home.
</div>
</div>
</section>
@@ -30,58 +30,58 @@ prep 15 min,&nbsp;cook 25 min </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
20 oz
</div>
<div class="item">minced clams</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 cup
</div>
<div class="item">onion, yellow (chopped)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 cup
</div>
<div class="item">celery (chopped)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 cup
</div>
<div class="item">potato (diced)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 cup
</div>
<div class="item">carrots (diced)</div>
</ul>
</div>
<div class="detail">Drain the liquid from the clams into a dutch oven and add the carrots, onions, celery, and potatoes. Add enough water to cover, and then cook over medium-high heat until tender. Set the clams aside for later.
<div class="detail" itemprop="recipeInstructions">Drain the liquid from the clams into a dutch oven and add the carrots, onions, celery, and potatoes. Add enough water to cover, and then cook over medium-high heat until tender. Set the clams aside for later.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
6 oz
</div>
<div class="item">butter</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
6 oz
</div>
<div class="item">gluten-free flour blend</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 qt
</div>
<div class="item">half-n-half</div>
</ul>
</div>
<div class="detail">Melt the butter in a large saucepan, and whisk in the flour until smooth. Whisk in the cream until smooth as well.
<div class="detail" itemprop="recipeInstructions">Melt the butter in a large saucepan, and whisk in the flour until smooth. Whisk in the cream until smooth as well.
</div>
</div>
<div class="step">
@@ -90,31 +90,31 @@ prep 15 min,&nbsp;cook 25 min </div>
<ul>
</ul>
</div>
<div class="detail">Add the flour mixture in with the vegetables, and heat to a simmer, but do not allow to boil.
<div class="detail" itemprop="recipeInstructions">Add the flour mixture in with the vegetables, and heat to a simmer, but do not allow to boil.
</div>
</div>
<div class="step">
<h3>4</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 tbsp
</div>
<div class="item">red wine vinegar</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>
</ul>
</div>
<div class="detail">Add the clams and other remaining ingredients to the dutch oven. Bring up to temperature and serve.
<div class="detail" itemprop="recipeInstructions">Add the clams and other remaining ingredients to the dutch oven. Bring up to temperature and serve.
</div>
</div>
</section>