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
+17 -17
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>Caesar Salad</h1>
<h1 itemprop="name">Caesar Salad</h1>
<div class="timing">
prep 9 min,&nbsp;cook 30 min </div>
prep <span itemprop="prepTime">9 min</span>,&nbsp;cook <span itemprop"cookTime">30 min</span> </div>
<div class="icons">
<div class="icon gluten-free"></div>
<div class="icon low-carb"></div>
<div class="icon serving"></div>× 4
<div class="icon serving"></div>× <span itemprop="recipeYield">4</span>
</div>
<div class="description">This traditional favorite salad recipe has been adjusted to fit the tastes of my family who tend to like a lot more garlic than most people.
<div class="description" itemprop="description">This traditional favorite salad recipe has been adjusted to fit the tastes of my family who tend to like a lot more garlic than most people.
</div>
</div>
</section>
@@ -31,71 +31,71 @@ prep 9 min,&nbsp;cook 30 min </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
5 tsp
</div>
<div class="item">garlic (minced)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 tsp
</div>
<div class="item">lemon juice</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">anchovy paste</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1
</div>
<div class="item">egg</div>
</ul>
</div>
<div class="detail">Combine the egg, lemon juice, anchovy paste, and garlic in a large bowl and whisk vigorously until all the ingredients are completely mixed.
<div class="detail" itemprop="recipeInstructions">Combine the egg, lemon juice, anchovy paste, and garlic in a large bowl and whisk vigorously until all the ingredients are completely mixed.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
6 tbsp
</div>
<div class="item">olive oil</div>
</ul>
</div>
<div class="detail">Add the olive oil a little at a time, whisking just enough to mix, but still avoiding trapping a lot of air in the process.
<div class="detail" itemprop="recipeInstructions">Add the olive oil a little at a time, whisking just enough to mix, but still avoiding trapping a lot of air in the process.
</div>
</div>
<div class="step">
<h3>3</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 heads
</div>
<div class="item">romaine lettuce</div>
</ul>
</div>
<div class="detail">Chop the romaine into bite-sized pieces. Roll the dressing around in the bowl until it coats the sides, and then drop in the lettuce. Toss until the dressing has been fully mixed.
<div class="detail" itemprop="recipeInstructions">Chop the romaine into bite-sized pieces. Roll the dressing around in the bowl until it coats the sides, and then drop in the lettuce. Toss until the dressing has been fully mixed.
</div>
</div>
<div class="step">
<h3>4</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1/3 cup
</div>
<div class="item">parmesean (freshly grated)</div>
</ul>
</div>
<div class="detail">Sprinkle the parmesean cheese over the salad. If so desired, chill in the refrigerator for 30 minutes before serving.
<div class="detail" itemprop="recipeInstructions">Sprinkle the parmesean cheese over the salad. If so desired, chill in the refrigerator for 30 minutes before serving.
</div>
</div>
</section>