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,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>Kofta Kebabs</h1>
<h1 itemprop="name">Kofta Kebabs</h1>
<div class="timing">
prep 20 min,&nbsp;cook 30 min </div>
prep <span itemprop="prepTime">20 min</span>,&nbsp;cook <span itemprop"cookTime">30 min</span> </div>
<div class="icons">
<div class="icon gluten-free"></div>
<div class="icon low-carb"></div>
<div class="icon serving"></div>× 4
<div class="icon serving"></div>× <span itemprop="recipeYield">4</span>
</div>
<div class="description">Kofta is really a form of sausage, but what a sausage! The recipe started as long, skinny kebabs but we've found it more convenient to make it as meatballs. Whichever way, they go fast! We always pair them with Tzatziki, which you can make while the meat chills.
<div class="description" itemprop="description">Kofta is really a form of sausage, but what a sausage! The recipe started as long, skinny kebabs but we've found it more convenient to make it as meatballs. Whichever way, they go fast! We always pair them with Tzatziki, which you can make while the meat chills.
</div>
</div>
</section>
@@ -31,87 +31,87 @@ prep 20 min,&nbsp;cook 30 min </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1
</div>
<div class="item">onion, yellow</div>
</ul>
</div>
<div class="detail">Roughly chop the onion and purée in a blender.
<div class="detail" itemprop="recipeInstructions">Roughly chop the onion and purée in a blender.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 lbs
</div>
<div class="item">lamb (ground)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
4 stems
</div>
<div class="item">parsley (minced)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3 cloves
</div>
<div class="item">garlic (minced)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
5 leaves
</div>
<div class="item">mint (minced)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">white pepper (ground)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">cumin (ground)</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">red pepper flakes</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ tsp
</div>
<div class="item">coriander (ground)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ tsp
</div>
<div class="item">cloves (ground)</div>
</ul>
</div>
<div class="detail">In a large mixing bowl, knead the meat until reduced to a somewhat sticky mass of completely homogeneous paste. Mix in the onion purée, herbs, and spices and knead until completely mixed. Cover and refrigerate for 20 min.
<div class="detail" itemprop="recipeInstructions">In a large mixing bowl, knead the meat until reduced to a somewhat sticky mass of completely homogeneous paste. Mix in the onion purée, herbs, and spices and knead until completely mixed. Cover and refrigerate for 20 min.
</div>
</div>
<div class="step">
<h3>3</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tbsp
</div>
<div class="item">olive oil</div>
</ul>
</div>
<div class="detail">Cover a cooking sheet with tin foil and coat your hands with olive oil. Roll out the meat into meatballs about 2-3” in diameter. Place in on the cooking sheet in a single layer leaving a little room between each one. Cook at 400°F until they reach 140°F in the center.
<div class="detail" itemprop="recipeInstructions">Cover a cooking sheet with tin foil and coat your hands with olive oil. Roll out the meat into meatballs about 2-3” in diameter. Place in on the cooking sheet in a single layer leaving a little room between each one. Cook at 400°F until they reach 140°F in the center.
</div>
</div>
</section>