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
+26 -26
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>Winter Lentil Soup</h1>
<h1 itemprop="name">Winter Lentil Soup</h1>
<div class="timing">
prep 20 min,&nbsp;cook 60 min </div>
prep <span itemprop="prepTime">20 min</span>,&nbsp;cook <span itemprop"cookTime">60 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,116 +29,116 @@ prep 20 min,&nbsp;cook 60 min </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
4 tbsp
</div>
<div class="item">butter, unsalted</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1
</div>
<div class="item">onion, yellow</div>
</ul>
</div>
<div class="detail">Heat the oil in a dutch oven and sautée the onion until golden and translucent.
<div class="detail" itemprop="recipeInstructions">Heat the oil in a dutch oven and sautée the onion until golden and translucent.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
10 cups
</div>
<div class="item">water</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
5 cups
</div>
<div class="item">chicken broth</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3 cups
</div>
<div class="item">lentils, brown</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1
</div>
<div class="item">butternut squash (peeled, cubed)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 bunch
</div>
<div class="item">swiss chard (chopped)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3 stalks
</div>
<div class="item">celery (diced)</div>
</ul>
</div>
<div class="detail">Add the water, broth, vegetables, and lentils. Bring to a boil, and reduce to a simmer.
<div class="detail" itemprop="recipeInstructions">Add the water, broth, vegetables, and lentils. Bring to a boil, and reduce to a simmer.
</div>
</div>
<div class="step">
<h3>3</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3 tbsp
</div>
<div class="item">curry powder</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 tbsp
</div>
<div class="item">honey</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2
</div>
<div class="item">bay leaves</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 sprig
</div>
<div class="item">thyme, fresh</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 tsp
</div>
<div class="item">salt</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 tsp
</div>
<div class="item">black pepper</div>
</ul>
</div>
<div class="detail">Add the next set of ingredients and simmer until the squash is soft (about an hour).
<div class="detail" itemprop="recipeInstructions">Add the next set of ingredients and simmer until the squash is soft (about an hour).
</div>
</div>
<div class="step">
<h3>4</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
8 tsp
</div>
<div class="item">coconut oil</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 tsp
</div>
<div class="item">red pepper flakes</div>
</ul>
</div>
<div class="detail">Add coconut oil and red pepper flakes immediately before serving.
<div class="detail" itemprop="recipeInstructions">Add coconut oil and red pepper flakes immediately before serving.
</div>
</div>
</section>