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
+20 -20
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>Pizza</h1>
<h1 itemprop="name">Pizza</h1>
<div class="timing">
prep 2-3 days,&nbsp;cook 10 min </div>
prep <span itemprop="prepTime">2-3 days</span>,&nbsp;cook <span itemprop"cookTime">10 min</span> </div>
<div class="icons">
<div class="icon overnight"></div>
<div class="icon vegetarian"></div>
<div class="icon serving"></div>× 12
<div class="icon serving"></div>× <span itemprop="recipeYield">12</span>
</div>
<div class="description">This recipe will give you a classic NY-style pizza, but a huge part of the final result is going to come down to the quality of tomato sauce, cheese and toppings you choose... so choose wisely!
<div class="description" itemprop="description">This recipe will give you a classic NY-style pizza, but a huge part of the final result is going to come down to the quality of tomato sauce, cheese and toppings you choose... so choose wisely!
</div>
</div>
</section>
@@ -31,57 +31,57 @@ prep 2-3 days,&nbsp;cook 10 min </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
500 g
</div>
<div class="item">water (110°F115°F)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3½ g
</div>
<div class="item">instant dry yeast</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
8 g
</div>
<div class="item">sugar</div>
</ul>
</div>
<div class="detail">Add the yeast and sugar to the water without stirring and wait about 5 minutes.
<div class="detail" itemprop="recipeInstructions">Add the yeast and sugar to the water without stirring and wait about 5 minutes.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
800 g
</div>
<div class="item">bread flour (King Arthur's)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
16 g
</div>
<div class="item">salt</div>
</ul>
</div>
<div class="detail">Stir the yeast mixture. In a separate bowl, combine the salt and flour. Gradually incorporate the flour mixture into the water until fully mixed.
<div class="detail" itemprop="recipeInstructions">Stir the yeast mixture. In a separate bowl, combine the salt and flour. Gradually incorporate the flour mixture into the water until fully mixed.
</div>
</div>
<div class="step">
<h3>3</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3 tsp
</div>
<div class="item">olive oil</div>
</ul>
</div>
<div class="detail">Add the oil and knead the dough, ensuring that the dough ends up between 75°F80°F. Divide the dough into 3 equal portions and store in the refrigerator in an oiled ziploc bag. It should be allowed to rise slowly over 23 days before use. Freeze if not used in that time.
<div class="detail" itemprop="recipeInstructions">Add the oil and knead the dough, ensuring that the dough ends up between 75°F80°F. Divide the dough into 3 equal portions and store in the refrigerator in an oiled ziploc bag. It should be allowed to rise slowly over 23 days before use. Freeze if not used in that time.
</div>
</div>
<div class="step">
@@ -90,7 +90,7 @@ prep 2-3 days,&nbsp;cook 10 min </div>
<ul>
</ul>
</div>
<div class="detail">Preheat a pizza stone in the oven to 550°F (this can take up to an hour).
<div class="detail" itemprop="recipeInstructions">Preheat a pizza stone in the oven to 550°F (this can take up to an hour).
</div>
</div>
<div class="step">
@@ -99,26 +99,26 @@ prep 2-3 days,&nbsp;cook 10 min </div>
<ul>
</ul>
</div>
<div class="detail">Open up each portion of dough as described <a href='https://youtu.be/GtAeKM_f2WU'>here</a>, taking care not to de-gas the crust. Finish by spreading the dough on two overlapping pieces of parchment paper dusted with flour.
<div class="detail" itemprop="recipeInstructions">Open up each portion of dough as described <a href='https://youtu.be/GtAeKM_f2WU'>here</a>, taking care not to de-gas the crust. Finish by spreading the dough on two overlapping pieces of parchment paper dusted with flour.
</div>
</div>
<div class="step">
<h3>6</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
6 cups
</div>
<div class="item">tomato purée (2 per pizza)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
12 oz
</div>
<div class="item">mozzerella cheese, shredded (4 per pizza)</div>
</ul>
</div>
<div class="detail">Apply sauce, cheese, and your preferred toppings to each of the pizzas. Then, carefully slide the parchment paper with one pizza onto the hot stone, and then slide the parchment paper away, leaving the dough directly on the stone. Return to the oven and bake until the cheese is bubbling and the crust begins to turn golden brown (46 min). Repeat for the remaining pizzas.
<div class="detail" itemprop="recipeInstructions">Apply sauce, cheese, and your preferred toppings to each of the pizzas. Then, carefully slide the parchment paper with one pizza onto the hot stone, and then slide the parchment paper away, leaving the dough directly on the stone. Return to the oven and bake until the cheese is bubbling and the crust begins to turn golden brown (46 min). Repeat for the remaining pizzas.
</div>
</div>
</section>