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
+11 -11
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>Gluten-Free Flour</h1>
<h1 itemprop="name">Gluten-Free Flour</h1>
<div class="timing">
prep 5 min </div>
prep <span itemprop="prepTime">5 min</span> </div>
<div class="icons">
<div class="icon gluten-free"></div>
<div class="icon vegetarian"></div>
</div>
<div class="description">This gluten-free flour recipe serves well for most general-purpose cooking needs in thickening soups, making roux, and similar uses. It works adequetely for deep-frying, but doesn't replace the real thing for baking, pie crusts, etc.
<div class="description" itemprop="description">This gluten-free flour recipe serves well for most general-purpose cooking needs in thickening soups, making roux, and similar uses. It works adequetely for deep-frying, but doesn't replace the real thing for baking, pie crusts, etc.
</div>
</div>
</section>
@@ -30,34 +30,34 @@ prep 5 min </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
24 oz
</div>
<div class="item">white rice flour</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
7½ oz
</div>
<div class="item">brown rice flour</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
7 oz
</div>
<div class="item">potato starch</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3 oz
</div>
<div class="item">tapioca starch</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
¾ oz
</div>
<div class="item">nonfat dry milk powder</div>
</ul>
</div>
<div class="detail">Mix all the ingredients and store, refrigerated, in an airtight container.
<div class="detail" itemprop="recipeInstructions">Mix all the ingredients and store, refrigerated, in an airtight container.
</div>
</div>
</section>