Modify template to include microdata
This commit is contained in:
+38
-37
@@ -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, cook 3–4 hours </div>
|
||||
prep <span itemprop="prepTime">30 min</span>, cook <span itemprop"cookTime">3–4 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, cook 3–4 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 2–3 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 2–3 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,
|
||||
<span itemprop="author">MIGHTYPURDUE22</span>
|
||||
,
|
||||
<a href="http://allrecipes.com/recipe/78299/boilermaker-tailgate-chili/">http://allrecipes.com/recipe/78299/boilermaker-tailgate-chili/</a>
|
||||
</section>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user