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
+16 -15
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>Bacon Shallot Marmalade</h1>
<h1 itemprop="name">Bacon Shallot Marmalade</h1>
<div class="timing">
prep 20 minutes </div>
prep <span itemprop="prepTime">20 minutes</span> </div>
<div class="icons">
<div class="icon gluten-free"></div>
<div class="icon low-carb"></div>
<div class="icon serving"></div>× 12
<div class="icon serving"></div>× <span itemprop="recipeYield">12</span>
</div>
<div class="description">This marmalade has a lot going on! Salty, tangy, sweet, and positively delicious. I've used it to augment beef, lamb, and other strong-flavored dishes.
<div class="description" itemprop="description">This marmalade has a lot going on! Salty, tangy, sweet, and positively delicious. I've used it to augment beef, lamb, and other strong-flavored dishes.
</div>
</div>
</section>
@@ -31,58 +31,59 @@ prep 20 minutes </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 lb
</div>
<div class="item">bacon (diced)</div>
</ul>
</div>
<div class="detail">Fry the bacon on medium high heat until it has released all its fat and become crispy. Set aside in a small bowl.
<div class="detail" itemprop="recipeInstructions">Fry the bacon on medium high heat until it has released all its fat and become crispy. Set aside in a small bowl.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 lb
</div>
<div class="item">shallots (julienned)</div>
</ul>
</div>
<div class="detail">Sautée the shallots in the bacon grease until lightly carmelized. Once finished, add the shallots to the bowl with the bacon.
<div class="detail" itemprop="recipeInstructions">Sautée the shallots in the bacon grease until lightly carmelized. Once finished, add the shallots to the bowl with the bacon.
</div>
</div>
<div class="step">
<h3>3</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 cup
</div>
<div class="item">vinegar, balsamic</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ tsp
</div>
<div class="item">salt</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ tsp
</div>
<div class="item">pepper, black</div>
</ul>
</div>
<div class="detail">Deglaze the pan with the vinegar, salt, and pepper. Reduce the vinegar to approximately half the volume (so that a spoon passed through the pan leaves a clear streak). Pour the vinegar in with rest and mix well.
<div class="detail" itemprop="recipeInstructions">Deglaze the pan with the vinegar, salt, and pepper. Reduce the vinegar to approximately half the volume (so that a spoon passed through the pan leaves a clear streak). Pour the vinegar in with rest and mix well.
</div>
</div>
</section>
<section class="credits">
Emilie Abijanac,&nbsp;
<span itemprop="author">Emilie Abijanac</span>
,&nbsp;
<a href="https://justcook.butcherbox.com/garlic-herb-crusted-ribeye-roast-with-horseradish-cream-and-bacon-shallot-marmalade/">https://justcook.butcherbox.com/garlic-herb-crusted-ribeye-roast-with-horseradish-cream-and-bacon-shallot-marmalade/</a>
</section>