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
+38 -37
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>Chili</h1>
<h1 itemprop="name">Chili</h1>
<div class="timing">
prep 30 min,&nbsp;cook 34 hours </div>
prep <span itemprop="prepTime">30 min</span>,&nbsp;cook <span itemprop"cookTime">34 hours</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">This is a pretty servicable chili recipe, though nothing particularly special. It produces a thick, hearty chili which is tasty without being overly spicy.
<div class="description" itemprop="description">This is a pretty servicable chili recipe, though nothing particularly special. It produces a thick, hearty chili which is tasty without being overly spicy.
</div>
</div>
</section>
@@ -30,172 +30,173 @@ prep 30 min,&nbsp;cook 34 hours </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 slice
</div>
<div class="item">bacon</div>
</ul>
</div>
<div class="detail">Heat a large stock pot on medium-high heat. Dice the bacon and cook until crispy. (about 5 min)
<div class="detail" itemprop="recipeInstructions">Heat a large stock pot on medium-high heat. Dice the bacon and cook until crispy. (about 5 min)
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 lb
</div>
<div class="item">ground beef</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 lb
</div>
<div class="item">italian sausage</div>
</ul>
</div>
<div class="detail">Add the meat and cook until crumbled and brown throughout. Drain excess grease. (about 10 min)
<div class="detail" itemprop="recipeInstructions">Add the meat and cook until crumbled and brown throughout. Drain excess grease. (about 10 min)
</div>
</div>
<div class="step">
<h3>3</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3 (15 oz) can
</div>
<div class="item">chili beans (drained)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 (15 oz) can
</div>
<div class="item">kidney beans (drained)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 (28 oz) can
</div>
<div class="item">diced tomatoes</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 (6 oz) can
</div>
<div class="item">tomato paste</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1
</div>
<div class="item">yellow onion (diced)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3 stalks
</div>
<div class="item">celery (diced)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1
</div>
<div class="item">green pepper (diced)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1
</div>
<div class="item">red pepper (diced)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
4 cups
</div>
<div class="item">beef stock</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1/4 cup
</div>
<div class="item">chili powder</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tbsp
</div>
<div class="item">Worcestershire sauce</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tbsp
</div>
<div class="item">garlic (minced)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tbsp
</div>
<div class="item">dried oregano</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 tsp
</div>
<div class="item">ground cumin</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 tsp
</div>
<div class="item">Tabasco sauce</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1½ tsp
</div>
<div class="item">cayenne pepper</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">dried basil</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">salt</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">black pepper</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">paprika</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">white sugar</div>
</ul>
</div>
<div class="detail">Add all the new ingredients to the pot and stir until blended completely. Simmer over low heat for at least 23 hours (preferably more), stirring occasionally.
<div class="detail" itemprop="recipeInstructions">Add all the new ingredients to the pot and stir until blended completely. Simmer over low heat for at least 23 hours (preferably more), stirring occasionally.
</div>
</div>
<div class="step">
<h3>4</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
8 oz
</div>
<div class="item">cheddar cheese</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
~
</div>
<div class="item">corn tortilla chips</div>
</ul>
</div>
<div class="detail">Adjust seasonings to taste, and serve with shredded cheese and chips.
<div class="detail" itemprop="recipeInstructions">Adjust seasonings to taste, and serve with shredded cheese and chips.
</div>
</div>
</section>
<section class="credits">
MIGHTYPURDUE22,&nbsp;
<span itemprop="author">MIGHTYPURDUE22</span>
,&nbsp;
<a href="http://allrecipes.com/recipe/78299/boilermaker-tailgate-chili/">http://allrecipes.com/recipe/78299/boilermaker-tailgate-chili/</a>
</section>