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/mains/gnocchi/index.html
+13 -13
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>Gnocchi</h1>
<h1 itemprop="name">Gnocchi</h1>
<div class="timing">
prep 20 minutes,&nbsp;cook 30 minutes </div>
prep <span itemprop="prepTime">20 minutes</span>,&nbsp;cook <span itemprop"cookTime">30 minutes</span> </div>
<div class="icons">
<div class="icon gluten-free"></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">Gnocchi is a delicate potato-based form of pasta. When prepared well, each piece is light and fluffy, and a perfect delight whether served with a flavorful sauce (e.g., pesto, marinara) or simply on its own with a little butter.
<div class="description" itemprop="description">Gnocchi is a delicate potato-based form of pasta. When prepared well, each piece is light and fluffy, and a perfect delight whether served with a flavorful sauce (e.g., pesto, marinara) or simply on its own with a little butter.
</div>
</div>
</section>
@@ -31,47 +31,47 @@ prep 20 minutes,&nbsp;cook 30 minutes </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 lbs
</div>
<div class="item">potatoes, yukon gold (roughly chopped)</div>
</ul>
</div>
<div class="detail">Bring a pot of water to a boil and drop in the potatoes. Cook until tender (about 10 minutes). Then drain the water and mash the potatoes. Allow the potatoes to cool until they aren't too warm to handle.
<div class="detail" itemprop="recipeInstructions">Bring a pot of water to a boil and drop in the potatoes. Cook until tender (about 10 minutes). Then drain the water and mash the potatoes. Allow the potatoes to cool until they aren't too warm to handle.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 cups
</div>
<div class="item">flour, all-purpose</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1
</div>
<div class="item">egg</div>
</ul>
</div>
<div class="detail">Combine the potatoes, flour, and egg in a large mixing bowl. Knead until the dough forms a ball. On a floured surface, roll out small portions of the dough into long, ½" diameter cylinders. Cut these into 1" segments and set aside.
<div class="detail" itemprop="recipeInstructions">Combine the potatoes, flour, and egg in a large mixing bowl. Knead until the dough forms a ball. On a floured surface, roll out small portions of the dough into long, ½" diameter cylinders. Cut these into 1" segments and set aside.
</div>
</div>
<div class="step">
<h3>3</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">salt</div>
</ul>
</div>
<div class="detail">Bring a pot of lightly-salted water to a boil and drop in the gnocchi a handful at a time. They will sink to the bottom initially, but then rise to the surface when fully cooked. Use a skimmer to remove them when the rise to the surface.
<div class="detail" itemprop="recipeInstructions">Bring a pot of lightly-salted water to a boil and drop in the gnocchi a handful at a time. They will sink to the bottom initially, but then rise to the surface when fully cooked. Use a skimmer to remove them when the rise to the surface.
</div>
</div>
</section>