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
+28 -28
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>Orange Chicken</h1>
<h1 itemprop="name">Orange Chicken</h1>
<div class="timing">
prep 45 minutes </div>
prep <span itemprop="prepTime">45 minutes</span> </div>
<div class="icons">
<div class="icon gluten-free"></div>
<div class="icon overnight"></div>
<div class="icon serving"></div>× 1
<div class="icon serving"></div>× <span itemprop="recipeYield">1</span>
</div>
<div class="description">Zesty, tangy, sweet, and altogether marvelous. It is, however, a lot of preparation and work to cook, so it's not one you'll want to make except for a special treat.
<div class="description" itemprop="description">Zesty, tangy, sweet, and altogether marvelous. It is, however, a lot of preparation and work to cook, so it's not one you'll want to make except for a special treat.
</div>
</div>
</section>
@@ -31,130 +31,130 @@ prep 45 minutes </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3 cups
</div>
<div class="item">water</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2
</div>
<div class="item">oranges</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ cup
</div>
<div class="item">lemon juice</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
¾ cup
</div>
<div class="item">rice vinegar</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
5 tbsp
</div>
<div class="item">tamari</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 cups
</div>
<div class="item">sugar, brown</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">ginger root (minced)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">garlic (minced)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
4 tbsp
</div>
<div class="item">green onions (chopped)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ tsp
</div>
<div class="item">red pepper flakes</div>
</ul>
</div>
<div class="detail">Zest the oranges and squeeze all their juice into a large saucepan. Add the remaining ingredients and bring the whole mixture to a boil. Once at a boil, remove from the heat and allow to cool.
<div class="detail" itemprop="recipeInstructions">Zest the oranges and squeeze all their juice into a large saucepan. Add the remaining ingredients and bring the whole mixture to a boil. Once at a boil, remove from the heat and allow to cool.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
4
</div>
<div class="item">chicken breasts, boneless, skinless</div>
</ul>
</div>
<div class="detail">Cut the chicken into bite-sized pieces and set aside. Once the marinade is cool, place it and the chicken in a sealed container and refrigerate overnight.
<div class="detail" itemprop="recipeInstructions">Cut the chicken into bite-sized pieces and set aside. Once the marinade is cool, place it and the chicken in a sealed container and refrigerate overnight.
</div>
</div>
<div class="step">
<h3>3</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 cups
</div>
<div class="item">flour, gluten-free mixture</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>
</ul>
</div>
<div class="detail">Separate the flour, salt, and pepper into two zip-loc bags and place half the chicken in each, reserving the excess marinade. Shake well, until the chicken is evenly covered and dry.
<div class="detail" itemprop="recipeInstructions">Separate the flour, salt, and pepper into two zip-loc bags and place half the chicken in each, reserving the excess marinade. Shake well, until the chicken is evenly covered and dry.
</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">cooking oil</div>
</ul>
</div>
<div class="detail">Fill the bottom of a large skillet with ¼” of a high-heat frying oil. Heat until quite hot. Working in batches, fry the chicken until crisp and lightly browned on all sides. Once cooked, set aside the chicken on a plate lined with paper towels.
<div class="detail" itemprop="recipeInstructions">Fill the bottom of a large skillet with ¼” of a high-heat frying oil. Heat until quite hot. Working in batches, fry the chicken until crisp and lightly browned on all sides. Once cooked, set aside the chicken on a plate lined with paper towels.
</div>
</div>
<div class="step">
<h3>5</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3 tbsp
</div>
<div class="item">cornstarch</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
⅓ cup
</div>
<div class="item">water, cold</div>
</ul>
</div>
<div class="detail">Mix the cornstarch and water in a small dish. Drain the skillet of oil and wipe clean. Pour in half of the reserved marinade and heat on medium-high. Once it starts to bubble, slowly whisk in the cornstarch mixture. Reduce the marinade until it is the desired thickness. Then add in the reserved chicken and cook until heated through.
<div class="detail" itemprop="recipeInstructions">Mix the cornstarch and water in a small dish. Drain the skillet of oil and wipe clean. Pour in half of the reserved marinade and heat on medium-high. Once it starts to bubble, slowly whisk in the cornstarch mixture. Reduce the marinade until it is the desired thickness. Then add in the reserved chicken and cook until heated through.
</div>
</div>
</section>