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
@@ -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>Ruth's Chris Chop Salad</h1>
<h1 itemprop="name">Ruth's Chris Chop Salad</h1>
<div class="timing">
prep 20 min </div>
prep <span itemprop="prepTime">20 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 is complex salad with many textures, flavors, and layers. It's a bit of work to put together, but an absolute delight to eat.
<div class="description" itemprop="description">This is complex salad with many textures, flavors, and layers. It's a bit of work to put together, but an absolute delight to eat.
</div>
</div>
</section>
@@ -31,93 +31,93 @@ prep 20 min </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
¼ cup
</div>
<div class="item">basil leaves (dried)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
4 tbsp
</div>
<div class="item">lemon juice</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ tsp
</div>
<div class="item">salt</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">garlic powder</div>
</ul>
</div>
<div class="detail">Put all the ingredients in a blender and purée. Allow to chill in the refrigerator overnight.
<div class="detail" itemprop="recipeInstructions">Put all the ingredients in a blender and purée. Allow to chill in the refrigerator overnight.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
8 cups
</div>
<div class="item">lettuce, iceberg (sliced thin)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 cup
</div>
<div class="item">spinach, baby</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ cup
</div>
<div class="item">onion, red (diced)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
6 oz
</div>
<div class="item">mushrooms, white (quartered)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
4
</div>
<div class="item">eggs (hard-boiled, sliced)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ lb
</div>
<div class="item">bacon (cooked crispy, crumbled)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
14 oz
</div>
<div class="item">heart of palm (chilled, sliced)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 cup
</div>
<div class="item">cheese, gorgonzola (crumbled)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ cup
</div>
<div class="item">croutons</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
10
</div>
<div class="item">tomatoes, cherry (halved)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ cup
</div>
<div class="item">crispy fried onions</div>
</ul>
</div>
<div class="detail">In a large salad bowl, layer the ingredients in order: lettuce, spinach, red onion, olives, mushrooms, hearts of palm, eggs, and bacon. Top with crispy onions, gorgonzola, and bacon bits. Chill for at least 10 minutes.
<div class="detail" itemprop="recipeInstructions">In a large salad bowl, layer the ingredients in order: lettuce, spinach, red onion, olives, mushrooms, hearts of palm, eggs, and bacon. Top with crispy onions, gorgonzola, and bacon bits. Chill for at least 10 minutes.
</div>
</div>
<div class="step">
@@ -126,7 +126,7 @@ prep 20 min </div>
<ul>
</ul>
</div>
<div class="detail">Drizzle the dressing over the salad just before serving.
<div class="detail" itemprop="recipeInstructions">Drizzle the dressing over the salad just before serving.
</div>
</div>
</section>