andrew/recipes
1
0
Fork 0
Code Pull Requests Activity

Modify template to include microdata

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
docs/sides/tzatziki/index.html
+16 -16
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>Tzatziki</h1>
<h1 itemprop="name">Tzatziki</h1>
<div class="timing">
prep 10 min,&nbsp;cook 20 min </div>
prep <span itemprop="prepTime">10 min</span>,&nbsp;cook <span itemprop"cookTime">20 min</span> </div>
<div class="icons">
<div class="icon gluten-free"></div>
<div class="icon low-carb"></div>
<div class="icon serving"></div>× 3
<div class="icon serving"></div>× <span itemprop="recipeYield">3</span>
</div>
<div class="description">Tzatziki has a creamy tartness with just a tiny bit of crunch from the cucumber. It makes a great accompaniment to spicy strong dishes to help cool things off. We always serve this with Kofta.
<div class="description" itemprop="description">Tzatziki has a creamy tartness with just a tiny bit of crunch from the cucumber. It makes a great accompaniment to spicy strong dishes to help cool things off. We always serve this with Kofta.
</div>
</div>
</section>
@@ -31,58 +31,58 @@ prep 10 min,&nbsp;cook 20 min </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1
</div>
<div class="item">cucumber</div>
</ul>
</div>
<div class="detail">Peel the cucumber and remove all the seeds. Dice into ¼” cubes.
<div class="detail" itemprop="recipeInstructions">Peel the cucumber and remove all the seeds. Dice into ¼” cubes.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 cup
</div>
<div class="item">greek yogurt</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 cloves
</div>
<div class="item">garlic (minced)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 tbsp
</div>
<div class="item">dill (chopped)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tbsp
</div>
<div class="item">lemon juice</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">lemon zest</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">salt</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1/2 tsp
</div>
<div class="item">black pepper</div>
</ul>
</div>
<div class="detail">Combine all the ingredients with the cucumber and mix. Place in the refrigerator for at least 20 min to chill.
<div class="detail" itemprop="recipeInstructions">Combine all the ingredients with the cucumber and mix. Place in the refrigerator for at least 20 min to chill.
</div>
</div>
</section>