Modify template to include microdata
This commit is contained in:
@@ -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>Cream of Spinach Soup</h1>
|
||||
<h1 itemprop="name">Cream of Spinach Soup</h1>
|
||||
|
||||
<div class="timing">
|
||||
prep 15 min, cook 25 min </div>
|
||||
prep <span itemprop="prepTime">15 min</span>, cook <span itemprop"cookTime">25 min</span> </div>
|
||||
|
||||
<div class="icons">
|
||||
<div class="icon gluten-free"></div>
|
||||
<div class="icon serving"></div>× 8
|
||||
<div class="icon serving"></div>× <span itemprop="recipeYield">8</span>
|
||||
</div>
|
||||
|
||||
<div class="description"></div>
|
||||
<div class="description" itemprop="description"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -29,150 +29,150 @@ prep 15 min, cook 25 min </div>
|
||||
<h3>1</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1½ cups
|
||||
</div>
|
||||
<div class="item">water</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
3 tsp
|
||||
</div>
|
||||
<div class="item">chicken stock</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
10 oz
|
||||
</div>
|
||||
<div class="item">spinach</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Add the spinach, water, and chicken stock to a dutch oven and cook until the spinach is soft.
|
||||
<div class="detail" itemprop="recipeInstructions">Add the spinach, water, and chicken stock to a dutch oven and cook until the spinach is soft.
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>2</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
3 tbsp
|
||||
</div>
|
||||
<div class="item">butter (unsalted)</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1
|
||||
</div>
|
||||
<div class="item">onion, yellow (diced)</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
3 cloves
|
||||
</div>
|
||||
<div class="item">garlic</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
¼ cup
|
||||
</div>
|
||||
<div class="item">gluten-free flour blend</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
2 cups
|
||||
</div>
|
||||
<div class="item">whole milk</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1 cup
|
||||
</div>
|
||||
<div class="item">heavy cream</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
¼ cup
|
||||
</div>
|
||||
<div class="item">parmesan cheese (shredded)</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1 tsp
|
||||
</div>
|
||||
<div class="item">salt</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1 tsp
|
||||
</div>
|
||||
<div class="item">black pepper</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Set the spinach aside in a bowl. Sautée the onion in the butter until golden and translucent. Add the garlic and continue to sautée until browned.
|
||||
<div class="detail" itemprop="recipeInstructions">Set the spinach aside in a bowl. Sautée the onion in the butter until golden and translucent. Add the garlic and continue to sautée until browned.
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>3</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
¼ cup
|
||||
</div>
|
||||
<div class="item">gluten-free flour blend</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Slowly add in the flour while stirring constantly. Continue to cook until it turns a golden brown.
|
||||
<div class="detail" itemprop="recipeInstructions">Slowly add in the flour while stirring constantly. Continue to cook until it turns a golden brown.
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>4</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
2 cups
|
||||
</div>
|
||||
<div class="item">whole milk</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1 cup
|
||||
</div>
|
||||
<div class="item">heavy cream</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
¼ cup
|
||||
</div>
|
||||
<div class="item">parmesan cheese (shredded)</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1 tsp
|
||||
</div>
|
||||
<div class="item">salt</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1 tsp
|
||||
</div>
|
||||
<div class="item">black pepper</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Whisk in the milk and cream, breaking up any lumps until the entire mixture is smooth and slightly thickened.
|
||||
<div class="detail" itemprop="recipeInstructions">Whisk in the milk and cream, breaking up any lumps until the entire mixture is smooth and slightly thickened.
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>5</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
¼ cup
|
||||
</div>
|
||||
<div class="item">parmesan cheese (shredded)</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1 tsp
|
||||
</div>
|
||||
<div class="item">salt</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1 tsp
|
||||
</div>
|
||||
<div class="item">black pepper</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Add back the reserved spinach along with the parmesan cheese, salt, and pepper. Bring back to temperature, and then purée in a blender, working in batches as necessary.
|
||||
<div class="detail" itemprop="recipeInstructions">Add back the reserved spinach along with the parmesan cheese, salt, and pepper. Bring back to temperature, and then purée in a blender, working in batches as necessary.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user