Modify template to include microdata
This commit is contained in:
Andrew Miner
@@ -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>Caesar Salad</h1>
|
||||
<h1 itemprop="name">Caesar Salad</h1>
|
||||
|
||||
<div class="timing">
|
||||
prep 9 min, cook 30 min </div>
|
||||
prep <span itemprop="prepTime">9 min</span>, cook <span itemprop"cookTime">30 min</span> </div>
|
||||
|
||||
<div class="icons">
|
||||
<div class="icon gluten-free"></div>
|
||||
<div class="icon low-carb"></div>
|
||||
<div class="icon serving"></div>× 4
|
||||
<div class="icon serving"></div>× <span itemprop="recipeYield">4</span>
|
||||
</div>
|
||||
|
||||
<div class="description">This traditional favorite salad recipe has been adjusted to fit the tastes of my family who tend to like a lot more garlic than most people.
|
||||
<div class="description" itemprop="description">This traditional favorite salad recipe has been adjusted to fit the tastes of my family who tend to like a lot more garlic than most people.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -31,71 +31,71 @@ prep 9 min, cook 30 min </div>
|
||||
<h3>1</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
5 tsp
|
||||
</div>
|
||||
<div class="item">garlic (minced)</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
2 tsp
|
||||
</div>
|
||||
<div class="item">lemon juice</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1 tsp
|
||||
</div>
|
||||
<div class="item">anchovy paste</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1
|
||||
</div>
|
||||
<div class="item">egg</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Combine the egg, lemon juice, anchovy paste, and garlic in a large bowl and whisk vigorously until all the ingredients are completely mixed.
|
||||
<div class="detail" itemprop="recipeInstructions">Combine the egg, lemon juice, anchovy paste, and garlic in a large bowl and whisk vigorously until all the ingredients are completely mixed.
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>2</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
6 tbsp
|
||||
</div>
|
||||
<div class="item">olive oil</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Add the olive oil a little at a time, whisking just enough to mix, but still avoiding trapping a lot of air in the process.
|
||||
<div class="detail" itemprop="recipeInstructions">Add the olive oil a little at a time, whisking just enough to mix, but still avoiding trapping a lot of air in the process.
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>3</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
2 heads
|
||||
</div>
|
||||
<div class="item">romaine lettuce</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Chop the romaine into bite-sized pieces. Roll the dressing around in the bowl until it coats the sides, and then drop in the lettuce. Toss until the dressing has been fully mixed.
|
||||
<div class="detail" itemprop="recipeInstructions">Chop the romaine into bite-sized pieces. Roll the dressing around in the bowl until it coats the sides, and then drop in the lettuce. Toss until the dressing has been fully mixed.
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>4</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1/3 cup
|
||||
</div>
|
||||
<div class="item">parmesean (freshly grated)</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Sprinkle the parmesean cheese over the salad. If so desired, chill in the refrigerator for 30 minutes before serving.
|
||||
<div class="detail" itemprop="recipeInstructions">Sprinkle the parmesean cheese over the salad. If so desired, chill in the refrigerator for 30 minutes before serving.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -5,24 +5,24 @@
|
||||
<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>Cucumber Salad</h1>
|
||||
<h1 itemprop="name">Cucumber Salad</h1>
|
||||
|
||||
<div class="timing">
|
||||
prep 20 min </div>
|
||||
prep <span itemprop="prepTime">20 min</span> </div>
|
||||
|
||||
<div class="icons">
|
||||
<div class="icon gluten-free"></div>
|
||||
<div class="icon low-carb"></div>
|
||||
<div class="icon overnight"></div>
|
||||
<div class="icon serving"></div>× 4
|
||||
<div class="icon serving"></div>× <span itemprop="recipeYield">4</span>
|
||||
</div>
|
||||
|
||||
<div class="description">This salad is zesty and refreshing as the vinegar from the pickled onions combines with the flavors of the fresh vegetables, olive oil, and cheese.
|
||||
<div class="description" itemprop="description">This salad is zesty and refreshing as the vinegar from the pickled onions combines with the flavors of the fresh vegetables, olive oil, and cheese.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -32,83 +32,83 @@ prep 20 min </div>
|
||||
<h3>1</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
2 cups
|
||||
</div>
|
||||
<div class="item">onion, red (thinly sliced)</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
½ cup
|
||||
</div>
|
||||
<div class="item">vinegar, white</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
½ cup
|
||||
</div>
|
||||
<div class="item">water</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
2 tbsp
|
||||
</div>
|
||||
<div class="item">sugar</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Combine vinegar, water, and sugar in a small saucepan and bring to a boil. Add the onions and simmer until soft. Bottle onions with their juice overnight before using.
|
||||
<div class="detail" itemprop="recipeInstructions">Combine vinegar, water, and sugar in a small saucepan and bring to a boil. Add the onions and simmer until soft. Bottle onions with their juice overnight before using.
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>2</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
3 cups
|
||||
</div>
|
||||
<div class="item">cucumbers (thinly sliced)</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1½ cups
|
||||
</div>
|
||||
<div class="item">cherry tomatoes (quartered)</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1 cup
|
||||
</div>
|
||||
<div class="item">picked red onion</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
8 oz
|
||||
</div>
|
||||
<div class="item">mozzerella (diced)</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
½ cup
|
||||
</div>
|
||||
<div class="item">basil (shredded)</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
3 tbsp
|
||||
</div>
|
||||
<div class="item">picked red onion juice</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
3 tbsp
|
||||
</div>
|
||||
<div class="item">olive oil, extra-virgin</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">salt</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Combine ingredients in a large bowl and toss. Chill before serving.
|
||||
<div class="detail" itemprop="recipeInstructions">Combine ingredients in a large bowl and toss. Chill before serving.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -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>Ruth's Chris Chop Salad</h1>
|
||||
<h1 itemprop="name">Ruth's Chris Chop Salad</h1>
|
||||
|
||||
<div class="timing">
|
||||
prep 20 min </div>
|
||||
prep <span itemprop="prepTime">20 min</span> </div>
|
||||
|
||||
<div class="icons">
|
||||
<div class="icon gluten-free"></div>
|
||||
<div class="icon low-carb"></div>
|
||||
<div class="icon serving"></div>× 4
|
||||
<div class="icon serving"></div>× <span itemprop="recipeYield">4</span>
|
||||
</div>
|
||||
|
||||
<div class="description">This is complex salad with many textures, flavors, and layers. It's a bit of work to put together, but an absolute delight to eat.
|
||||
<div class="description" itemprop="description">This is complex salad with many textures, flavors, and layers. It's a bit of work to put together, but an absolute delight to eat.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -31,93 +31,93 @@ prep 20 min </div>
|
||||
<h3>1</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
¼ cup
|
||||
</div>
|
||||
<div class="item">basil leaves (dried)</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
4 tbsp
|
||||
</div>
|
||||
<div class="item">lemon juice</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
½ tsp
|
||||
</div>
|
||||
<div class="item">salt</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1 tsp
|
||||
</div>
|
||||
<div class="item">garlic powder</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Put all the ingredients in a blender and purée. Allow to chill in the refrigerator overnight.
|
||||
<div class="detail" itemprop="recipeInstructions">Put all the ingredients in a blender and purée. Allow to chill in the refrigerator overnight.
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>2</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
8 cups
|
||||
</div>
|
||||
<div class="item">lettuce, iceberg (sliced thin)</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1 cup
|
||||
</div>
|
||||
<div class="item">spinach, baby</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
½ cup
|
||||
</div>
|
||||
<div class="item">onion, red (diced)</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
6 oz
|
||||
</div>
|
||||
<div class="item">mushrooms, white (quartered)</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
4
|
||||
</div>
|
||||
<div class="item">eggs (hard-boiled, sliced)</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
½ lb
|
||||
</div>
|
||||
<div class="item">bacon (cooked crispy, crumbled)</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
14 oz
|
||||
</div>
|
||||
<div class="item">heart of palm (chilled, sliced)</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1 cup
|
||||
</div>
|
||||
<div class="item">cheese, gorgonzola (crumbled)</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
½ cup
|
||||
</div>
|
||||
<div class="item">croutons</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
10
|
||||
</div>
|
||||
<div class="item">tomatoes, cherry (halved)</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
½ cup
|
||||
</div>
|
||||
<div class="item">crispy fried onions</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">In a large salad bowl, layer the ingredients in order: lettuce, spinach, red onion, olives, mushrooms, hearts of palm, eggs, and bacon. Top with crispy onions, gorgonzola, and bacon bits. Chill for at least 10 minutes.
|
||||
<div class="detail" itemprop="recipeInstructions">In a large salad bowl, layer the ingredients in order: lettuce, spinach, red onion, olives, mushrooms, hearts of palm, eggs, and bacon. Top with crispy onions, gorgonzola, and bacon bits. Chill for at least 10 minutes.
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
@@ -126,7 +126,7 @@ prep 20 min </div>
|
||||
<ul>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Drizzle the dressing over the salad just before serving.
|
||||
<div class="detail" itemprop="recipeInstructions">Drizzle the dressing over the salad just before serving.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -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>Spinach Feta Salad</h1>
|
||||
<h1 itemprop="name">Spinach Feta Salad</h1>
|
||||
|
||||
<div class="timing">
|
||||
prep 5 minutes </div>
|
||||
prep <span itemprop="prepTime">5 minutes</span> </div>
|
||||
|
||||
<div class="icons">
|
||||
<div class="icon low-carb"></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">This salad is extremely simple to make and very tasty. It is my go-to salad for when I'm in a hurry or have a lot of other dishes in progress at the same time. It's improved by chilling for a while before serving.
|
||||
<div class="description" itemprop="description">This salad is extremely simple to make and very tasty. It is my go-to salad for when I'm in a hurry or have a lot of other dishes in progress at the same time. It's improved by chilling for a while before serving.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -31,34 +31,34 @@ prep 5 minutes </div>
|
||||
<h3>1</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
1 lb
|
||||
</div>
|
||||
<div class="item">spinach, baby</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
½ cup
|
||||
</div>
|
||||
<div class="item">feta cheese</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
¼ cup
|
||||
</div>
|
||||
<div class="item">cranberries, dried</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
½ cup
|
||||
</div>
|
||||
<div class="item">olive oil, extra virgin</div>
|
||||
<li>
|
||||
<li itemprop="recipeIngredient">
|
||||
<div class="amount">
|
||||
¼ cup
|
||||
</div>
|
||||
<div class="item">vinegar, balsamic</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Wash the spinach and place in a large serving bowl. Add the cheese and cranberries, and then the oil and vinegar. Toss by hand so that the cheese is somewhat pulverized and mixed into the oil and vinegar.
|
||||
<div class="detail" itemprop="recipeInstructions">Wash the spinach and place in a large serving bowl. Add the cheese and cranberries, and then the oil and vinegar. Toss by hand so that the cheese is somewhat pulverized and mixed into the oil and vinegar.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user