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
+18 -17
View File
@@ -5,21 +5,21 @@
<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>Buffalo Wings</h1>
<h1 itemprop="name">Buffalo Wings</h1>
<div class="timing">
prep 15 min,&nbsp;cook 2 hours </div>
prep <span itemprop="prepTime">15 min</span>,&nbsp;cook <span itemprop"cookTime">2 hours</span> </div>
<div class="icons">
<div class="icon serving"></div>× 4
<div class="icon serving"></div>× <span itemprop="recipeYield">4</span>
</div>
<div class="description">These spicy, tangy wings are maded with the original Buffalo sauce (a strong mix of vinegar and cayenne pepper), but baked instead of deep-fried.
<div class="description" itemprop="description">These spicy, tangy wings are maded with the original Buffalo sauce (a strong mix of vinegar and cayenne pepper), but baked instead of deep-fried.
</div>
</div>
</section>
@@ -29,53 +29,53 @@ prep 15 min,&nbsp;cook 2 hours </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
20
</div>
<div class="item">chicken wings</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3/4 cup
</div>
<div class="item">flour</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1/2 tsp
</div>
<div class="item">cayenne pepper</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1/2 tsp
</div>
<div class="item">garlic powder</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1/2 tsp
</div>
<div class="item">salt</div>
</ul>
</div>
<div class="detail">Prepare a large ziploc bag with the flour and spices. Then, cover a baking sheet with aluminum foil and grease lightly with oil. A few at a time, drop the chicken wings into the bag, seal, and shake to cover the chicken. Lay out the wings on the tray as you go along. Place the tray in the refigerator for an hour to set.
<div class="detail" itemprop="recipeInstructions">Prepare a large ziploc bag with the flour and spices. Then, cover a baking sheet with aluminum foil and grease lightly with oil. A few at a time, drop the chicken wings into the bag, seal, and shake to cover the chicken. Lay out the wings on the tray as you go along. Place the tray in the refigerator for an hour to set.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1/2 cup
</div>
<div class="item">Frank's RedHot Buffalo Sauce</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1/2 cup
</div>
<div class="item">butter</div>
</ul>
</div>
<div class="detail">Melt the better and hot sauce in a tall, narrow container (e.g., a coffee mug). Using tongs, dunk the wings, one at a time, and return to the baking sheet. Reserve the remaining sauce.
<div class="detail" itemprop="recipeInstructions">Melt the better and hot sauce in a tall, narrow container (e.g., a coffee mug). Using tongs, dunk the wings, one at a time, and return to the baking sheet. Reserve the remaining sauce.
</div>
</div>
<div class="step">
@@ -84,13 +84,14 @@ prep 15 min,&nbsp;cook 2 hours </div>
<ul>
</ul>
</div>
<div class="detail">Pre-heat the oven to 400°F. Bake the wings for 45 minutes, turning them over mid-way. The remaining sauce can be placed in a small bowl to serve with the wings along with some ranch dressing.
<div class="detail" itemprop="recipeInstructions">Pre-heat the oven to 400°F. Bake the wings for 45 minutes, turning them over mid-way. The remaining sauce can be placed in a small bowl to serve with the wings along with some ranch dressing.
</div>
</div>
</section>
<section class="credits">
Leesah,&nbsp;
<span itemprop="author">Leesah</span>
,&nbsp;
<a href="https://www.allrecipes.com/recipe/166638/baked-buffalo-wings">https://www.allrecipes.com/recipe/166638/baked-buffalo-wings</a>
</section>
+17 -16
View File
@@ -5,21 +5,21 @@
<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>Chicken Pastries</h1>
<h1 itemprop="name">Chicken Pastries</h1>
<div class="timing">
prep 15 min,&nbsp;cook 30 min </div>
prep <span itemprop="prepTime">15 min</span>,&nbsp;cook <span itemprop"cookTime">30 min</span> </div>
<div class="icons">
<div class="icon serving"></div>× 4
<div class="icon serving"></div>× <span itemprop="recipeYield">4</span>
</div>
<div class="description"></div>
<div class="description" itemprop="description"></div>
</div>
</section>
@@ -28,24 +28,24 @@ prep 15 min,&nbsp;cook 30 min </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
4
</div>
<div class="item">chicken breasts</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
4 tbsp
</div>
<div class="item">butter</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
</div>
<div class="item">salt & pepper</div>
</ul>
</div>
<div class="detail">Preheat the oven to 375°F. Place the chicken in an oven-safe pan and cover with small slices of butter. Season with salt and pepper to taste. Cover with aluminum foil and place in the oven. Cook until the chicken breasts have reached 160°F in the centers (about 20 min)."
<div class="detail" itemprop="recipeInstructions">Preheat the oven to 375°F. Place the chicken in an oven-safe pan and cover with small slices of butter. Season with salt and pepper to taste. Cover with aluminum foil and place in the oven. Cook until the chicken breasts have reached 160°F in the centers (about 20 min)."
</div>
</div>
<div class="step">
@@ -54,26 +54,26 @@ prep 15 min,&nbsp;cook 30 min </div>
<ul>
</ul>
</div>
<div class="detail">Remove the chicken from the oven and allow to cool slightly. Then pull the chicken apart into shreds.
<div class="detail" itemprop="recipeInstructions">Remove the chicken from the oven and allow to cool slightly. Then pull the chicken apart into shreds.
</div>
</div>
<div class="step">
<h3>3</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
5 oz
</div>
<div class="item">Boursin Garlic & Herb cheese</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
16
</div>
<div class="item">crescent roll dough wedges</div>
</ul>
</div>
<div class="detail">Cover a cookie sheet with aluminum foil. Working on at a time, take the crescent roll dough and stretch it slightly until it is roughly an equilateral triangle. Place a teaspoon of cheese in the center, and then about ¾oz of chicken. This should form a small lump in the center of the dough. Then fold up the corners over the center, and pinch any remaining openings closed. Place each pastry on the cookie sheet.
<div class="detail" itemprop="recipeInstructions">Cover a cookie sheet with aluminum foil. Working on at a time, take the crescent roll dough and stretch it slightly until it is roughly an equilateral triangle. Place a teaspoon of cheese in the center, and then about ¾oz of chicken. This should form a small lump in the center of the dough. Then fold up the corners over the center, and pinch any remaining openings closed. Place each pastry on the cookie sheet.
</div>
</div>
<div class="step">
@@ -82,13 +82,14 @@ prep 15 min,&nbsp;cook 30 min </div>
<ul>
</ul>
</div>
<div class="detail">Place the cookie sheet in the oven and cook until the tops of the pastries have turned golden brown (anywhere from 812 minutes, depending upon your oven).
<div class="detail" itemprop="recipeInstructions">Place the cookie sheet in the oven and cook until the tops of the pastries have turned golden brown (anywhere from 812 minutes, depending upon your oven).
</div>
</div>
</section>
<section class="credits">
Lynne Miner </section>
<span itemprop="author">Lynne Miner</span>
</section>
<section class="navigation">
<a href="../..">« Back</a>
+16 -16
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>Deviled Eggs</h1>
<h1 itemprop="name">Deviled Eggs</h1>
<div class="timing">
prep 30 minutes </div>
prep <span itemprop="prepTime">30 minutes</span> </div>
<div class="icons">
<div class="icon gluten-free"></div>
<div class="icon low-carb"></div>
<div class="icon serving"></div>× 6
<div class="icon serving"></div>× <span itemprop="recipeYield">6</span>
</div>
<div class="description">Deviled eggs are one of my favorite appetizers, and very easy to make. If you like to hurry the process along, buy hard-boiled eggs from the grocery store so you can skip straight to the last step.
<div class="description" itemprop="description">Deviled eggs are one of my favorite appetizers, and very easy to make. If you like to hurry the process along, buy hard-boiled eggs from the grocery store so you can skip straight to the last step.
</div>
</div>
</section>
@@ -31,58 +31,58 @@ prep 30 minutes </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
12
</div>
<div class="item">eggs</div>
</ul>
</div>
<div class="detail">Place the eggs in a medium-sized pot, cover with 1" of water, and bring to a boil over high heat. As soon as it gets to a rolling boil, turn off the heat and allow the pot to rest. While it is resting, fill a large bowl with ice and water (1 ice cube per egg). After the eggs have rested for 10 minutes, transfer them to the ice water.
<div class="detail" itemprop="recipeInstructions">Place the eggs in a medium-sized pot, cover with 1" of water, and bring to a boil over high heat. As soon as it gets to a rolling boil, turn off the heat and allow the pot to rest. While it is resting, fill a large bowl with ice and water (1 ice cube per egg). After the eggs have rested for 10 minutes, transfer them to the ice water.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
¾ tsp
</div>
<div class="item">mustard, yellow</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3 tbsp
</div>
<div class="item">mayonnaise</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1½ tsp
</div>
<div class="item">vinegar, white</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
¼ tsp
</div>
<div class="item">Worcestershire sauce</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">white pepper</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">paprika</div>
</ul>
</div>
<div class="detail">Peel the eggs, and very carefully slice in half with a sharp knife. Gently pop out the yolks into mixing bowl, and set the whites aside on a platter. Add the the remaining ingredients and whisk until creamy and smooth. Transfer the mixture into a pastry bag (or a ziploc bag with a corner cut off). Gently squeeze the bag and pipe the mixture into the remaining egg halves. Dust the finished eggs with paprika.
<div class="detail" itemprop="recipeInstructions">Peel the eggs, and very carefully slice in half with a sharp knife. Gently pop out the yolks into mixing bowl, and set the whites aside on a platter. Add the the remaining ingredients and whisk until creamy and smooth. Transfer the mixture into a pastry bag (or a ziploc bag with a corner cut off). Gently squeeze the bag and pipe the mixture into the remaining egg halves. Dust the finished eggs with paprika.
</div>
</div>
</section>
+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>