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
+23 -23
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>Chole</h1>
<h1 itemprop="name">Chole</h1>
<div class="timing">
prep 20 min </div>
prep <span itemprop="prepTime">20 min</span> </div>
<div class="icons">
<div class="icon gluten-free"></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">Chole is an Indian dish featuring garbanzo beans in a highly-seasoned, tomato-based sauce.
<div class="description" itemprop="description">Chole is an Indian dish featuring garbanzo beans in a highly-seasoned, tomato-based sauce.
</div>
</div>
</section>
@@ -31,97 +31,97 @@ prep 20 min </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tbsp
</div>
<div class="item">olive oil</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 cup
</div>
<div class="item">onions, yellow (diced)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">garlic (minced)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ cup
</div>
<div class="item">tomatoes (diced)</div>
</ul>
</div>
<div class="detail">Sautée the onions in olive oil in a large skillet over medium-high heat until soft and transluscent. Then stir in the garlic and continue to sautée until the garlic has browned as well. Finally, add the tomatoes and cook covered for a further 5 minutes.
<div class="detail" itemprop="recipeInstructions">Sautée the onions in olive oil in a large skillet over medium-high heat until soft and transluscent. Then stir in the garlic and continue to sautée until the garlic has browned as well. Finally, add the tomatoes and cook covered for a further 5 minutes.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
¼ cups
</div>
<div class="item">water</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ tsp
</div>
<div class="item">chili powder</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1½ tsp
</div>
<div class="item">coriander powder</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ tsp
</div>
<div class="item">cumin powder</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
¾ tsp
</div>
<div class="item">garam masala</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">salt</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ tsp
</div>
<div class="item">tumeric</div>
</ul>
</div>
<div class="detail">Add in the dry spices and a little water. Allow to cook for a further 5 minutes.
<div class="detail" itemprop="recipeInstructions">Add in the dry spices and a little water. Allow to cook for a further 5 minutes.
</div>
</div>
<div class="step">
<h3>3</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
16 oz
</div>
<div class="item">garbanzo beans (rinsed, drained)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1¼ cups
</div>
<div class="item">water</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 tbsp
</div>
<div class="item">cilantro (minced)</div>
</ul>
</div>
<div class="detail">Add in the remaining water, garbanzo beans, and cilantro. Cook, uncovered, until the sauce has thickened.
<div class="detail" itemprop="recipeInstructions">Add in the remaining water, garbanzo beans, and cilantro. Cook, uncovered, until the sauce has thickened.
</div>
</div>
</section>