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
+24 -24
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>Ricotta Meatballs</h1>
<h1 itemprop="name">Ricotta Meatballs</h1>
<div class="timing">
prep 20 minutes,&nbsp;cook 40 minutes </div>
prep <span itemprop="prepTime">20 minutes</span>,&nbsp;cook <span itemprop"cookTime">40 minutes</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">Ricotta-spiked meatballs are so tender, so flavorful, and so delicious. There are hardly any ingredients. Of course we're going to throw this over some spaghetti, because we're Americans and that's what we do with meatballs.
<div class="description" itemprop="description">Ricotta-spiked meatballs are so tender, so flavorful, and so delicious. There are hardly any ingredients. Of course we're going to throw this over some spaghetti, because we're Americans and that's what we do with meatballs.
</div>
</div>
</section>
@@ -32,80 +32,80 @@ prep 20 minutes,&nbsp;cook 40 minutes </div>
<ul>
</ul>
</div>
<div class="detail">Pre-heat the oven to 400°F.
<div class="detail" itemprop="recipeInstructions">Pre-heat the oven to 400°F.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½
</div>
<div class="item">onion, yellow (diced)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 tbsp
</div>
<div class="item">olive oil</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3 tbsp
</div>
<div class="item">garlic (minced)</div>
</ul>
</div>
<div class="detail">Saute the onions in olive in a medium skillet until translucent and soft (about 5 minutes). The add the garlic and continue to sautee for another 2 minutes.
<div class="detail" itemprop="recipeInstructions">Saute the onions in olive in a medium skillet until translucent and soft (about 5 minutes). The add the garlic and continue to sautee for another 2 minutes.
</div>
</div>
<div class="step">
<h3>3</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 lb
</div>
<div class="item">beef (ground)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 cup
</div>
<div class="item">ricotta cheese, whole milk</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
¼ cup
</div>
<div class="item">parsley, italian (packed)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1
</div>
<div class="item">egg</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1½ tsp
</div>
<div class="item">salt</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ tsp
</div>
<div class="item">black pepper</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
⅛ tsp
</div>
<div class="item">cayenne pepper</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
⅓ cup
</div>
<div class="item">oatmeal, gluten-free</div>
</ul>
</div>
<div class="detail">Combine the sauteed onions and garlic with the beef, cheese, parsley, egg, salt, black pepper, and cayenne pepper. Mix until completely combined. Add the oatmeal, and continue to mix until fully combined.
<div class="detail" itemprop="recipeInstructions">Combine the sauteed onions and garlic with the beef, cheese, parsley, egg, salt, black pepper, and cayenne pepper. Mix until completely combined. Add the oatmeal, and continue to mix until fully combined.
</div>
</div>
<div class="step">
@@ -114,26 +114,26 @@ prep 20 minutes,&nbsp;cook 40 minutes </div>
<ul>
</ul>
</div>
<div class="detail">Form 1" diameter balls out of the meat mixture and set aside on a tray covered in parchment paper.
<div class="detail" itemprop="recipeInstructions">Form 1" diameter balls out of the meat mixture and set aside on a tray covered in parchment paper.
</div>
</div>
<div class="step">
<h3>5</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 tbsp
</div>
<div class="item">olive oil</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
28 oz
</div>
<div class="item">tomato, crushed</div>
</ul>
</div>
<div class="detail">Lightly brown the meatballs in olive oil in batches using a large skillet. Place the finished meatballs in an oven-safe casserole dish. Once they're all browned, pour the tomatoes over the meatballs and cover with foil. Cook in the oven until the centers of the meatballs have reached 130°F.
<div class="detail" itemprop="recipeInstructions">Lightly brown the meatballs in olive oil in batches using a large skillet. Place the finished meatballs in an oven-safe casserole dish. Once they're all browned, pour the tomatoes over the meatballs and cover with foil. Cook in the oven until the centers of the meatballs have reached 130°F.
</div>
</div>
</section>