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
+19 -18
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>Eggnog</h1>
<h1 itemprop="name">Eggnog</h1>
<div class="timing">
prep 15 min </div>
prep <span itemprop="prepTime">15 min</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">This makes a very lovely, rich eggnog (with or without the alcohol), but you'll definitely want a mixer for it!
<div class="description" itemprop="description">This makes a very lovely, rich eggnog (with or without the alcohol), but you'll definitely want a mixer for it!
</div>
</div>
</section>
@@ -32,62 +32,62 @@ prep 15 min </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
4
</div>
<div class="item">eggs</div>
</ul>
</div>
<div class="detail">In a mixer bowl, beat the egg yolks until the lighten in color. Set aside the whites for later.
<div class="detail" itemprop="recipeInstructions">In a mixer bowl, beat the egg yolks until the lighten in color. Set aside the whites for later.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1/3 cup
</div>
<div class="item">sugar (white)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 cups
</div>
<div class="item">milk (whole)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 cup
</div>
<div class="item">heavy cream</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3 oz
</div>
<div class="item">bourbon</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">nutmeg (ground)</div>
</ul>
</div>
<div class="detail">Turn the mixer on low, and gradually add the sugar while beating until it is fully dissolved. Stop the mixer and add the milk, cream, bourbon, and nutmeg. Stir well to combine.
<div class="detail" itemprop="recipeInstructions">Turn the mixer on low, and gradually add the sugar while beating until it is fully dissolved. Stop the mixer and add the milk, cream, bourbon, and nutmeg. Stir well to combine.
</div>
</div>
<div class="step">
<h3>3</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tbsp
</div>
<div class="item">sugar (white)</div>
</ul>
</div>
<div class="detail">Using a mixer, but with a separate bowl, beat the egg whites until they form soft peaks. Gradually add the sugar while the mixer is still running until stiff peaks form.
<div class="detail" itemprop="recipeInstructions">Using a mixer, but with a separate bowl, beat the egg whites until they form soft peaks. Gradually add the sugar while the mixer is still running until stiff peaks form.
</div>
</div>
<div class="step">
@@ -96,13 +96,14 @@ prep 15 min </div>
<ul>
</ul>
</div>
<div class="detail">Mix the two bowls together, stirring to combine them fully. Chill before serving.
<div class="detail" itemprop="recipeInstructions">Mix the two bowls together, stirring to combine them fully. Chill before serving.
</div>
</div>
</section>
<section class="credits">
Alton Brown,&nbsp;
<span itemprop="author">Alton Brown</span>
,&nbsp;
<a href="https://www.foodnetwork.com/recipes/alton-brown/eggnog-recipe2-2013745">https://www.foodnetwork.com/recipes/alton-brown/eggnog-recipe2-2013745</a>
</section>
+15 -14
View File
@@ -5,22 +5,22 @@
<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>Limoncello</h1>
<h1 itemprop="name">Limoncello</h1>
<div class="timing">
prep 30 min,&nbsp;cook 7 days </div>
prep <span itemprop="prepTime">30 min</span>,&nbsp;cook <span itemprop"cookTime">7 days</span> </div>
<div class="icons">
<div class="icon gluten-free"></div>
<div class="icon serving"></div>× 32
<div class="icon serving"></div>× <span itemprop="recipeYield">32</span>
</div>
<div class="description">One of the most delightful treats when travelling in Italy is to have fresh Limoncello available after nearly every meal! Fortunately, it's quite simple to make your own at home, so you can always have it available there as well.
<div class="description" itemprop="description">One of the most delightful treats when travelling in Italy is to have fresh Limoncello available after nearly every meal! Fortunately, it's quite simple to make your own at home, so you can always have it available there as well.
</div>
</div>
</section>
@@ -30,38 +30,38 @@ prep 30 min,&nbsp;cook 7 days </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
10
</div>
<div class="item">lemons (fresh)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
750 ml
</div>
<div class="item">pure alcohol (e.g., Everclear)</div>
</ul>
</div>
<div class="detail">Using a microplane zester, remove the zest from all the lemons, and drop into a sealable, glass jar. Leave the jar to steep for a week at room temperature in an out-of-the-way location.
<div class="detail" itemprop="recipeInstructions">Using a microplane zester, remove the zest from all the lemons, and drop into a sealable, glass jar. Leave the jar to steep for a week at room temperature in an out-of-the-way location.
</div>
</div>
<div class="step">
<h3>2</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½ cups
</div>
<div class="item">white sugar</div>
</ul>
</div>
<div class="detail">Heat the water and sugar mixture until all the sugar has been completely absorbed. Allow the water to return to room temperature and then pour into the jar with the alcohol and lemon mixture. Allow to steep again overnight.
<div class="detail" itemprop="recipeInstructions">Heat the water and sugar mixture until all the sugar has been completely absorbed. Allow the water to return to room temperature and then pour into the jar with the alcohol and lemon mixture. Allow to steep again overnight.
</div>
</div>
<div class="step">
@@ -70,13 +70,14 @@ prep 30 min,&nbsp;cook 7 days </div>
<ul>
</ul>
</div>
<div class="detail">Strain the final mixture through a fine mesh (e.g., cheesecloth, paper towel, etc.) until all the pieces of lemon zest have been completely removed, and only liquid remains. For storage, pour into bottles with an airtight stopper.
<div class="detail" itemprop="recipeInstructions">Strain the final mixture through a fine mesh (e.g., cheesecloth, paper towel, etc.) until all the pieces of lemon zest have been completely removed, and only liquid remains. For storage, pour into bottles with an airtight stopper.
</div>
</div>
</section>
<section class="credits">
Glada De Laurentils,&nbsp;
<span itemprop="author">Glada De Laurentils</span>
,&nbsp;
<a href="https://www.foodnetwork.com/recipes/giada-de-laurentiis/limoncello-recipe-1916618">https://www.foodnetwork.com/recipes/giada-de-laurentiis/limoncello-recipe-1916618</a>
</section>