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
+12 -12
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>Spinach Feta Salad</h1>
<h1 itemprop="name">Spinach Feta Salad</h1>
<div class="timing">
prep 5 minutes </div>
prep <span itemprop="prepTime">5 minutes</span> </div>
<div class="icons">
<div class="icon low-carb"></div>
<div class="icon vegetarian"></div>
<div class="icon serving"></div>× 4
<div class="icon serving"></div>× <span itemprop="recipeYield">4</span>
</div>
<div class="description">This salad is extremely simple to make and very tasty. It is my go-to salad for when I'm in a hurry or have a lot of other dishes in progress at the same time. It's improved by chilling for a while before serving.
<div class="description" itemprop="description">This salad is extremely simple to make and very tasty. It is my go-to salad for when I'm in a hurry or have a lot of other dishes in progress at the same time. It's improved by chilling for a while before serving.
</div>
</div>
</section>
@@ -31,34 +31,34 @@ prep 5 minutes </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 lb
</div>
<div class="item">spinach, baby</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ cup
</div>
<div class="item">feta cheese</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
¼ cup
</div>
<div class="item">cranberries, dried</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ cup
</div>
<div class="item">olive oil, extra virgin</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
¼ cup
</div>
<div class="item">vinegar, balsamic</div>
</ul>
</div>
<div class="detail">Wash the spinach and place in a large serving bowl. Add the cheese and cranberries, and then the oil and vinegar. Toss by hand so that the cheese is somewhat pulverized and mixed into the oil and vinegar.
<div class="detail" itemprop="recipeInstructions">Wash the spinach and place in a large serving bowl. Add the cheese and cranberries, and then the oil and vinegar. Toss by hand so that the cheese is somewhat pulverized and mixed into the oil and vinegar.
</div>
</div>
</section>