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,24 +5,24 @@
<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>French Onion Dip</h1>
<h1 itemprop="name">French Onion Dip</h1>
<div class="timing">
prep 30 minutes,&nbsp;cook 30 minutes </div>
prep <span itemprop="prepTime">30 minutes</span>,&nbsp;cook <span itemprop"cookTime">30 minutes</span> </div>
<div class="icons">
<div class="icon gluten-free"></div>
<div class="icon low-carb"></div>
<div class="icon vegetarian"></div>
<div class="icon serving"></div>× 6
<div class="icon serving"></div>× <span itemprop="recipeYield">6</span>
</div>
<div class="description">Stirring a packet of onion soup mix into sour cream has long been the go-to method for this popular party dip; we were determined to do better. By dicing onions instead of slicing them (more surface area) and starting them over medium heat, we create deep color and caramelized flavor in only 30 minutes. A base of sour cream and mayonnaise provides balanced flavor and creaminess, and a pinch of cayenne adds heat, while balsamic vinegar lends sweetness and mellow tang.
<div class="description" itemprop="description">Stirring a packet of onion soup mix into sour cream has long been the go-to method for this popular party dip; we were determined to do better. By dicing onions instead of slicing them (more surface area) and starting them over medium heat, we create deep color and caramelized flavor in only 30 minutes. A base of sour cream and mayonnaise provides balanced flavor and creaminess, and a pinch of cayenne adds heat, while balsamic vinegar lends sweetness and mellow tang.
</div>
</div>
</section>
@@ -32,91 +32,91 @@ prep 30 minutes,&nbsp;cook 30 minutes </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3 tbsp
</div>
<div class="item">butter, unsalted</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 lbs
</div>
<div class="item">onions, yellow (diced)</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">black pepper</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
⅛ tsp
</div>
<div class="item">cayenne pepper</div>
</ul>
</div>
<div class="detail">Melt the butter in a large skillet over medium heat. Add the onions, salt, pepper, and cayenne. Cook, stirring occasionally, until the onions are translucent (about 10 minutes). Reduce the heat to medium-low, and continue to cook until the onions are golden (about 10 minutes).
<div class="detail" itemprop="recipeInstructions">Melt the butter in a large skillet over medium heat. Add the onions, salt, pepper, and cayenne. Cook, stirring occasionally, until the onions are translucent (about 10 minutes). Reduce the heat to medium-low, and continue to cook until the onions are golden (about 10 minutes).
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
¼ cup
</div>
<div class="item">water</div>
</ul>
</div>
<div class="detail">Add 2 tbsp of water to the skillet, and cook, scraping up any browned bits, until the water has evaporated (about 5 minutes). Add the remaining water and cook until the onions are caramelized and the water has again evaporated (about 5 more minutes).
<div class="detail" itemprop="recipeInstructions">Add 2 tbsp of water to the skillet, and cook, scraping up any browned bits, until the water has evaporated (about 5 minutes). Add the remaining water and cook until the onions are caramelized and the water has again evaporated (about 5 more minutes).
</div>
</div>
<div class="step">
<h3>3</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2½ tsp
</div>
<div class="item">balsamic vinegar</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 cup
</div>
<div class="item">sour cream</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ cup
</div>
<div class="item">mayonnaise</div>
</ul>
</div>
<div class="detail">Remove from the heat and transfer to a medium mixing bowl. Add the vinegar, and allow to cool (about 10 minutes).
<div class="detail" itemprop="recipeInstructions">Remove from the heat and transfer to a medium mixing bowl. Add the vinegar, and allow to cool (about 10 minutes).
</div>
</div>
<div class="step">
<h3>4</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 cup
</div>
<div class="item">sour cream</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ cup
</div>
<div class="item">mayonnaise</div>
</ul>
</div>
<div class="detail">Add the sour cream and mayonnaise, and stir to combine completely. Season with salt & pepper to taste. Refrigerate for at least 30 minutes before serving.
<div class="detail" itemprop="recipeInstructions">Add the sour cream and mayonnaise, and stir to combine completely. Season with salt & pepper to taste. Refrigerate for at least 30 minutes before serving.
</div>
</div>
</section>