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 -18
View File
@@ -5,25 +5,25 @@
<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>Garlic Broccoli</h1>
<h1 itemprop="name">Garlic Broccoli</h1>
<div class="timing">
prep 10 minutes </div>
prep <span itemprop="prepTime">10 minutes</span> </div>
<div class="icons">
<div class="icon gluten-free"></div>
<div class="icon low-carb"></div>
<div class="icon overnight"></div>
<div class="icon vegetarian"></div>
<div class="icon serving"></div>× 1
<div class="icon serving"></div>× <span itemprop="recipeYield">1</span>
</div>
<div class="description">Broccoli is one of those vegetables which some people like raw, and some people like cooked: but only with a lot of added flavor. Not a lot of people like plain, steamed broccoli. This dish splits the different very successfully. A bit of light steaming sofens the broccoli without turning it into bitter mush, and the marinade adds all the flavor you could want.
<div class="description" itemprop="description">Broccoli is one of those vegetables which some people like raw, and some people like cooked: but only with a lot of added flavor. Not a lot of people like plain, steamed broccoli. This dish splits the different very successfully. A bit of light steaming sofens the broccoli without turning it into bitter mush, and the marinade adds all the flavor you could want.
</div>
</div>
</section>
@@ -33,76 +33,76 @@ prep 10 minutes </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 head
</div>
<div class="item">broccoli (cut into florets)</div>
</ul>
</div>
<div class="detail">Lightly steam the broccoli florets until somewhat sofened, but still al dente.
<div class="detail" itemprop="recipeInstructions">Lightly steam the broccoli florets until somewhat sofened, but still al dente.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
4 cloves
</div>
<div class="item">garlic</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">olive oil, extra virgin</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1½ tsp
</div>
<div class="item">salt</div>
</ul>
</div>
<div class="detail">Use a small food processor to purée the garlic, olive oil, and salt into a paste.
<div class="detail" itemprop="recipeInstructions">Use a small food processor to purée the garlic, olive oil, and salt into a paste.
</div>
</div>
<div class="step">
<h3>3</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
⅓ cup
</div>
<div class="item">olive oil, extra virgin</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
¼ cup
</div>
<div class="item">vinegar, red wine</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tbsp
</div>
<div class="item">mustard, dijon</div>
</ul>
</div>
<div class="detail">In a small mixing bowl, whisk the garlic paste, mustard, vinegar, and olive oil until completely combined. Add the broccoli and toss until completely coated. Cover the bowl and place in the refrigerator for at least 3 hours, and up to overnight.
<div class="detail" itemprop="recipeInstructions">In a small mixing bowl, whisk the garlic paste, mustard, vinegar, and olive oil until completely combined. Add the broccoli and toss until completely coated. Cover the bowl and place in the refrigerator for at least 3 hours, and up to overnight.
</div>
</div>
<div class="step">
<h3>4</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ cup
</div>
<div class="item">parmesan cheese (grated)</div>
</ul>
</div>
<div class="detail">Just before serving, sprinkle the grated cheese over the broccoli.
<div class="detail" itemprop="recipeInstructions">Just before serving, sprinkle the grated cheese over the broccoli.
</div>
</div>
</section>