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
+19 -18
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>Beef Brisket</h1>
<h1 itemprop="name">Beef Brisket</h1>
<div class="timing">
prep 10 min,&nbsp;cook 3 hours </div>
prep <span itemprop="prepTime">10 min</span>,&nbsp;cook <span itemprop"cookTime">3 hours</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">This is the classic beef brisket my Jewish grandmother would serve us every Passover.
<div class="description" itemprop="description">This is the classic beef brisket my Jewish grandmother would serve us every Passover.
</div>
</div>
</section>
@@ -30,58 +30,58 @@ prep 10 min,&nbsp;cook 3 hours </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
4 lb
</div>
<div class="item">beef brisket</div>
</ul>
</div>
<div class="detail">In a large Dutch oven, sear the brisket on all sides over a medium-high heat until uniformly browned on all sides.
<div class="detail" itemprop="recipeInstructions">In a large Dutch oven, sear the brisket on all sides over a medium-high heat until uniformly browned on all sides.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1½ cup
</div>
<div class="item">grape jelly</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 cup
</div>
<div class="item">water</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ cup
</div>
<div class="item">ketchup</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ cup
</div>
<div class="item">vinegar</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2
</div>
<div class="item">onions (yellow)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tbsp
</div>
<div class="item">garlic (minced)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tbsp
</div>
<div class="item">salt</div>
</ul>
</div>
<div class="detail">Stir in the remaining ingredients. Cover and allow to simmer until the brisket is tender and pulls apart easily with a fork (23 hours).
<div class="detail" itemprop="recipeInstructions">Stir in the remaining ingredients. Cover and allow to simmer until the brisket is tender and pulls apart easily with a fork (23 hours).
</div>
</div>
<div class="step">
@@ -90,13 +90,14 @@ prep 10 min,&nbsp;cook 3 hours </div>
<ul>
</ul>
</div>
<div class="detail">Allow the brisket to cool, and then slice against the grain of the meat. Lay out the slices in a 9x13" dish and smother with the remaining gravy.
<div class="detail" itemprop="recipeInstructions">Allow the brisket to cool, and then slice against the grain of the meat. Lay out the slices in a 9x13" dish and smother with the remaining gravy.
</div>
</div>
</section>
<section class="credits">
Louise,&nbsp;
<span itemprop="author">Louise</span>
,&nbsp;
<a href="https://www.allrecipes.com/recipe/212741/jewish-style-sweet-and-sour-brisket/">https://www.allrecipes.com/recipe/212741/jewish-style-sweet-and-sour-brisket/</a>
</section>