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,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>Creamed Spinach</h1>
<h1 itemprop="name">Creamed Spinach</h1>
<div class="timing">
prep 5 min,&nbsp;cook 15 min </div>
prep <span itemprop="prepTime">5 min</span>,&nbsp;cook <span itemprop"cookTime">15 min</span> </div>
<div class="icons">
<div class="icon gluten-free"></div>
<div class="icon vegetarian"></div>
<div class="icon serving"></div>× 5
<div class="icon serving"></div>× <span itemprop="recipeYield">5</span>
</div>
<div class="description">Both tasty and simple to make, this recipe is a great way to add a little green to any meal.
<div class="description" itemprop="description">Both tasty and simple to make, this recipe is a great way to add a little green to any meal.
</div>
</div>
</section>
@@ -31,72 +31,72 @@ prep 5 min,&nbsp;cook 15 min </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
40 oz
</div>
<div class="item">spinach, frozen</div>
</ul>
</div>
<div class="detail">In a medium stock pot, heat the frozen spinach on a low heat. Once defrosted, squeeze the spinach dry, reserving about a half cup of the liquid and setting the spinach aside.
<div class="detail" itemprop="recipeInstructions">In a medium stock pot, heat the frozen spinach on a low heat. Once defrosted, squeeze the spinach dry, reserving about a half cup of the liquid and setting the spinach aside.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1½ cups
</div>
<div class="item">milk, whole</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3 tbsp
</div>
<div class="item">butter</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3 tbsp
</div>
<div class="item">flour</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3 cloves
</div>
<div class="item">garlic (minced)</div>
</ul>
</div>
<div class="detail">Melt the butter in now-empty stock pot. When foaming, add the garlic and cook until softened and browned. Pour in the milk, and slowly add the flour: whisking constantly until smooth and steaming.
<div class="detail" itemprop="recipeInstructions">Melt the butter in now-empty stock pot. When foaming, add the garlic and cook until softened and browned. Pour in the milk, and slowly add the flour: whisking constantly until smooth and steaming.
</div>
</div>
<div class="step">
<h3>3</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ cup
</div>
<div class="item">parmesean cheese (grated)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">nutmeg</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 spinach and reserved water back into the stock pot along with the remaining ingredients. Cook until heated through and serve.
<div class="detail" itemprop="recipeInstructions">Add the spinach and reserved water back into the stock pot along with the remaining ingredients. Cook until heated through and serve.
</div>
</div>
</section>