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
+16 -15
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>Bacon Shallot Marmalade</h1>
<h1 itemprop="name">Bacon Shallot Marmalade</h1>
<div class="timing">
prep 20 minutes </div>
prep <span itemprop="prepTime">20 minutes</span> </div>
<div class="icons">
<div class="icon gluten-free"></div>
<div class="icon low-carb"></div>
<div class="icon serving"></div>× 12
<div class="icon serving"></div>× <span itemprop="recipeYield">12</span>
</div>
<div class="description">This marmalade has a lot going on! Salty, tangy, sweet, and positively delicious. I've used it to augment beef, lamb, and other strong-flavored dishes.
<div class="description" itemprop="description">This marmalade has a lot going on! Salty, tangy, sweet, and positively delicious. I've used it to augment beef, lamb, and other strong-flavored dishes.
</div>
</div>
</section>
@@ -31,58 +31,59 @@ prep 20 minutes </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 lb
</div>
<div class="item">bacon (diced)</div>
</ul>
</div>
<div class="detail">Fry the bacon on medium high heat until it has released all its fat and become crispy. Set aside in a small bowl.
<div class="detail" itemprop="recipeInstructions">Fry the bacon on medium high heat until it has released all its fat and become crispy. Set aside in a small bowl.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 lb
</div>
<div class="item">shallots (julienned)</div>
</ul>
</div>
<div class="detail">Sautée the shallots in the bacon grease until lightly carmelized. Once finished, add the shallots to the bowl with the bacon.
<div class="detail" itemprop="recipeInstructions">Sautée the shallots in the bacon grease until lightly carmelized. Once finished, add the shallots to the bowl with the bacon.
</div>
</div>
<div class="step">
<h3>3</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 cup
</div>
<div class="item">vinegar, balsamic</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ tsp
</div>
<div class="item">salt</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ tsp
</div>
<div class="item">pepper, black</div>
</ul>
</div>
<div class="detail">Deglaze the pan with the vinegar, salt, and pepper. Reduce the vinegar to approximately half the volume (so that a spoon passed through the pan leaves a clear streak). Pour the vinegar in with rest and mix well.
<div class="detail" itemprop="recipeInstructions">Deglaze the pan with the vinegar, salt, and pepper. Reduce the vinegar to approximately half the volume (so that a spoon passed through the pan leaves a clear streak). Pour the vinegar in with rest and mix well.
</div>
</div>
</section>
<section class="credits">
Emilie Abijanac,&nbsp;
<span itemprop="author">Emilie Abijanac</span>
,&nbsp;
<a href="https://justcook.butcherbox.com/garlic-herb-crusted-ribeye-roast-with-horseradish-cream-and-bacon-shallot-marmalade/">https://justcook.butcherbox.com/garlic-herb-crusted-ribeye-roast-with-horseradish-cream-and-bacon-shallot-marmalade/</a>
</section>
@@ -1,55 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<link href="../../style2.css" rel="stylesheet" type="text/css" />
<meta charset="UTF-8" />
<meta name="viewport" content="user-scalable=no, width=device-width" />
<body class="recipe">
<section class="header">
<div class="image" style="background-image: url('./image.png')"></div>
<div class="about">
<h1>Bacon Shallot Marmalade</h1>
<div class="timing">
prep 0 minutes,&nbsp;cook 0 minutes </div>
<div class="icons">
<div class="icon gluten-free"></div>
<div class="icon low-carb"></div>
<div class="icon overnight"></div>
<div class="icon vegetarian"></div>
<div class="icon serving"></div>× 1
</div>
<div class="description">pass
</div>
</div>
</section>
<section class="instructions">
<div class="step">
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<div class="amount">
None
</div>
<div class="item"></div>
</ul>
</div>
<div class="detail">pass
</div>
</div>
</section>
<section class="credits">
</section>
<section class="navigation">
<a href="../..">« Back</a>
</section>
</body>
</html
+14 -14
View File
@@ -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>Bok Choy with Garlic</h1>
<h1 itemprop="name">Bok Choy with Garlic</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 vegetarian"></div>
<div class="icon serving"></div>× 3
<div class="icon serving"></div>× <span itemprop="recipeYield">3</span>
</div>
<div class="description">This treatment of bok choy yield a soft and lightly flavored vegetable which makes a good companion to almost any other dish.
<div class="description" itemprop="description">This treatment of bok choy yield a soft and lightly flavored vegetable which makes a good companion to almost any other dish.
</div>
</div>
</section>
@@ -32,48 +32,48 @@ prep 20 min </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 tbsp
</div>
<div class="item">butter</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
¼ cup
</div>
<div class="item">garlic (minced)</div>
</ul>
</div>
<div class="detail">Melt the butter in a large saucepan over medium heat. Once it foams, add the garlic and cook until it browns (about 5 min).
<div class="detail" itemprop="recipeInstructions">Melt the butter in a large saucepan over medium heat. Once it foams, add the garlic and cook until it browns (about 5 min).
</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">chicken broth</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
6 heads
</div>
<div class="item">baby bok choy</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>
</ul>
</div>
<div class="detail">Add the chicken broth and bok choy. Season with salt & pepper to taste, and then bring to a boil and then reduce to a simmer until the bok choy is soft (about 5 min).
<div class="detail" itemprop="recipeInstructions">Add the chicken broth and bok choy. Season with salt & pepper to taste, and then bring to a boil and then reduce to a simmer until the bok choy is soft (about 5 min).
</div>
</div>
</section>
+14 -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>Bourbon Glazed Carrots</h1>
<h1 itemprop="name">Bourbon Glazed Carrots</h1>
<div class="timing">
prep 10 min,&nbsp;cook 20 min </div>
prep <span itemprop="prepTime">10 min</span>,&nbsp;cook <span itemprop"cookTime">20 min</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">These carrots are covered with a thick, syrupy sauce which is delicious, but definitely not low-calorie!
<div class="description" itemprop="description">These carrots are covered with a thick, syrupy sauce which is delicious, but definitely not low-calorie!
</div>
</div>
</section>
@@ -31,44 +31,45 @@ prep 10 min,&nbsp;cook 20 min </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 lbs
</div>
<div class="item">carrots</div>
</ul>
</div>
<div class="detail">Cut carrots into bite-sized pieces and place in a steamer. Cook until soft (about 10 minutes).
<div class="detail" itemprop="recipeInstructions">Cut carrots into bite-sized pieces and place in a steamer. Cook until soft (about 10 minutes).
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
¼ cup
</div>
<div class="item">butter</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
¼ cup
</div>
<div class="item">brown sugar</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 tbsp
</div>
<div class="item">bourbon</div>
</ul>
</div>
<div class="detail">When the carrots are finished, drain and set aside. Combine the butter, sugar, and boubon in same pot and heat on medium until thickened. Return the carrots to the pot and mix.
<div class="detail" itemprop="recipeInstructions">When the carrots are finished, drain and set aside. Combine the butter, sugar, and boubon in same pot and heat on medium until thickened. Return the carrots to the pot and mix.
</div>
</div>
</section>
<section class="credits">
Flipper,&nbsp;
<span itemprop="author">Flipper</span>
,&nbsp;
<a href="http://allrecipes.com/recipe/229583/bourbon-glazed-carrots/">http://allrecipes.com/recipe/229583/bourbon-glazed-carrots/</a>
</section>
+18 -18
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>Creamed Spinach</h1>
<h1 itemprop="name">Creamed Spinach</h1>
<div class="timing">
prep 5 min,&nbsp;cook 15 min </div>
prep <span itemprop="prepTime">5 min</span>,&nbsp;cook <span itemprop"cookTime">15 min</span> </div>
<div class="icons">
<div class="icon gluten-free"></div>
<div class="icon vegetarian"></div>
<div class="icon serving"></div>× 5
<div class="icon serving"></div>× <span itemprop="recipeYield">5</span>
</div>
<div class="description">Both tasty and simple to make, this recipe is a great way to add a little green to any meal.
<div class="description" itemprop="description">Both tasty and simple to make, this recipe is a great way to add a little green to any meal.
</div>
</div>
</section>
@@ -31,72 +31,72 @@ prep 5 min,&nbsp;cook 15 min </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
40 oz
</div>
<div class="item">spinach, frozen</div>
</ul>
</div>
<div class="detail">In a medium stock pot, heat the frozen spinach on a low heat. Once defrosted, squeeze the spinach dry, reserving about a half cup of the liquid and setting the spinach aside.
<div class="detail" itemprop="recipeInstructions">In a medium stock pot, heat the frozen spinach on a low heat. Once defrosted, squeeze the spinach dry, reserving about a half cup of the liquid and setting the spinach aside.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1½ cups
</div>
<div class="item">milk, whole</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3 tbsp
</div>
<div class="item">butter</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3 tbsp
</div>
<div class="item">flour</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3 cloves
</div>
<div class="item">garlic (minced)</div>
</ul>
</div>
<div class="detail">Melt the butter in now-empty stock pot. When foaming, add the garlic and cook until softened and browned. Pour in the milk, and slowly add the flour: whisking constantly until smooth and steaming.
<div class="detail" itemprop="recipeInstructions">Melt the butter in now-empty stock pot. When foaming, add the garlic and cook until softened and browned. Pour in the milk, and slowly add the flour: whisking constantly until smooth and steaming.
</div>
</div>
<div class="step">
<h3>3</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ cup
</div>
<div class="item">parmesean cheese (grated)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">nutmeg</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>
</ul>
</div>
<div class="detail">Add the spinach and reserved water back into the stock pot along with the remaining ingredients. Cook until heated through and serve.
<div class="detail" itemprop="recipeInstructions">Add the spinach and reserved water back into the stock pot along with the remaining ingredients. Cook until heated through and serve.
</div>
</div>
</section>
+18 -18
View File
@@ -5,25 +5,25 @@
<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>Garlic Broccoli</h1>
<h1 itemprop="name">Garlic Broccoli</h1>
<div class="timing">
prep 10 minutes </div>
prep <span itemprop="prepTime">10 minutes</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 vegetarian"></div>
<div class="icon serving"></div>× 1
<div class="icon serving"></div>× <span itemprop="recipeYield">1</span>
</div>
<div class="description">Broccoli is one of those vegetables which some people like raw, and some people like cooked: but only with a lot of added flavor. Not a lot of people like plain, steamed broccoli. This dish splits the different very successfully. A bit of light steaming sofens the broccoli without turning it into bitter mush, and the marinade adds all the flavor you could want.
<div class="description" itemprop="description">Broccoli is one of those vegetables which some people like raw, and some people like cooked: but only with a lot of added flavor. Not a lot of people like plain, steamed broccoli. This dish splits the different very successfully. A bit of light steaming sofens the broccoli without turning it into bitter mush, and the marinade adds all the flavor you could want.
</div>
</div>
</section>
@@ -33,76 +33,76 @@ prep 10 minutes </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 head
</div>
<div class="item">broccoli (cut into florets)</div>
</ul>
</div>
<div class="detail">Lightly steam the broccoli florets until somewhat sofened, but still al dente.
<div class="detail" itemprop="recipeInstructions">Lightly steam the broccoli florets until somewhat sofened, but still al dente.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
4 cloves
</div>
<div class="item">garlic</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">olive oil, extra virgin</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1½ tsp
</div>
<div class="item">salt</div>
</ul>
</div>
<div class="detail">Use a small food processor to purée the garlic, olive oil, and salt into a paste.
<div class="detail" itemprop="recipeInstructions">Use a small food processor to purée the garlic, olive oil, and salt into a paste.
</div>
</div>
<div class="step">
<h3>3</h3>
<div class="ingredients">
<ul>
<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, red wine</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tbsp
</div>
<div class="item">mustard, dijon</div>
</ul>
</div>
<div class="detail">In a small mixing bowl, whisk the garlic paste, mustard, vinegar, and olive oil until completely combined. Add the broccoli and toss until completely coated. Cover the bowl and place in the refrigerator for at least 3 hours, and up to overnight.
<div class="detail" itemprop="recipeInstructions">In a small mixing bowl, whisk the garlic paste, mustard, vinegar, and olive oil until completely combined. Add the broccoli and toss until completely coated. Cover the bowl and place in the refrigerator for at least 3 hours, and up to overnight.
</div>
</div>
<div class="step">
<h3>4</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ cup
</div>
<div class="item">parmesan cheese (grated)</div>
</ul>
</div>
<div class="detail">Just before serving, sprinkle the grated cheese over the broccoli.
<div class="detail" itemprop="recipeInstructions">Just before serving, sprinkle the grated cheese over the broccoli.
</div>
</div>
</section>
+16 -15
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>Hasselback Potatoes</h1>
<h1 itemprop="name">Hasselback Potatoes</h1>
<div class="timing">
prep 20 min,&nbsp;cook 60 min </div>
prep <span itemprop="prepTime">20 min</span>,&nbsp;cook <span itemprop"cookTime">60 min</span> </div>
<div class="icons">
<div class="icon gluten-free"></div>
<div class="icon vegetarian"></div>
<div class="icon serving"></div>× 8
<div class="icon serving"></div>× <span itemprop="recipeYield">8</span>
</div>
<div class="description">This Swedish dish takes its name from Hasselbacken, the Stockholm restaurant where it was first served. The seasoned potatoes turn out crisp on hte outside and tender on the inside.
<div class="description" itemprop="description">This Swedish dish takes its name from Hasselbacken, the Stockholm restaurant where it was first served. The seasoned potatoes turn out crisp on hte outside and tender on the inside.
</div>
</div>
</section>
@@ -31,58 +31,59 @@ prep 20 min,&nbsp;cook 60 min </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
4 None
</div>
<div class="item">potatoes (large)</div>
</ul>
</div>
<div class="detail">Preheat the oven to 425°F. Wash, but do not peel the potatoes. Place two wooden spoons on either side of the potato, and slice down to the spoon (taking care not to complete cut through) about every 1/8th of an inch along the length of the potato.
<div class="detail" itemprop="recipeInstructions">Preheat the oven to 425°F. Wash, but do not peel the potatoes. Place two wooden spoons on either side of the potato, and slice down to the spoon (taking care not to complete cut through) about every 1/8th of an inch along the length of the potato.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 tbsp
</div>
<div class="item">olive oil</div>
</ul>
</div>
<div class="detail">Place the potatoes in a baking dish, and drizzle all over with olive oil. Place in the oven to cook until the start to spread open naturally (about 3540 minutes).
<div class="detail" itemprop="recipeInstructions">Place the potatoes in a baking dish, and drizzle all over with olive oil. Place in the oven to cook until the start to spread open naturally (about 3540 minutes).
</div>
</div>
<div class="step">
<h3>3</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
4 tbsp
</div>
<div class="item">butter</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 cup
</div>
<div class="item">cheddar cheese (shredded)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
</div>
<div class="item">salt & pepper</div>
</ul>
</div>
<div class="detail">Cut the butter into slivers and wedge them in between each leaf of the potato. Sprinkle with shredded cheese, salt, and pepper. Add other toppings as desired (e.g., bacon, chives, etc.). Continue cook until nicely browned (about 20 minutes).
<div class="detail" itemprop="recipeInstructions">Cut the butter into slivers and wedge them in between each leaf of the potato. Sprinkle with shredded cheese, salt, and pepper. Add other toppings as desired (e.g., bacon, chives, etc.). Continue cook until nicely browned (about 20 minutes).
</div>
</div>
</section>
<section class="credits">
POMPIER850,&nbsp;
<span itemprop="author">POMPIER850</span>
,&nbsp;
<a href="https://www.allrecipes.com/recipe/79518/hasselback-potatoes/">https://www.allrecipes.com/recipe/79518/hasselback-potatoes/</a>
</section>
+13 -12
View File
@@ -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>Horseradish Cream</h1>
<h1 itemprop="name">Horseradish Cream</h1>
<div class="timing">
prep 5 minutes </div>
prep <span itemprop="prepTime">5 minutes</span> </div>
<div class="icons">
<div class="icon gluten-free"></div>
<div class="icon low-carb"></div>
<div class="icon vegetarian"></div>
<div class="icon serving"></div>× 8
<div class="icon serving"></div>× <span itemprop="recipeYield">8</span>
</div>
<div class="description">Most horseradish sauces are pretty overwhelming, but this one is so subtle that you could almost eat it by itself. It makes a great addition to any rich, meaty dish (roasts, prime rib, etc.). Even better, this can be made up to several days ahead of time and stored in the refrigerator.
<div class="description" itemprop="description">Most horseradish sauces are pretty overwhelming, but this one is so subtle that you could almost eat it by itself. It makes a great addition to any rich, meaty dish (roasts, prime rib, etc.). Even better, this can be made up to several days ahead of time and stored in the refrigerator.
</div>
</div>
</section>
@@ -32,35 +32,36 @@ prep 5 minutes </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 cup
</div>
<div class="item">yogurt, plain greek</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 cup
</div>
<div class="item">mayonnaise</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2½ oz
</div>
<div class="item">horseradish, creamed</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ tsp
</div>
<div class="item">pepper, black</div>
</ul>
</div>
<div class="detail">Combine all ingredients in a mixing bowl, whisking vigorously until smooth, creamy, and completely blended.
<div class="detail" itemprop="recipeInstructions">Combine all ingredients in a mixing bowl, whisking vigorously until smooth, creamy, and completely blended.
</div>
</div>
</section>
<section class="credits">
Emilie Abijanac,&nbsp;
<span itemprop="author">Emilie Abijanac</span>
,&nbsp;
<a href="https://justcook.butcherbox.com/garlic-herb-crusted-ribeye-roast-with-horseradish-cream-and-bacon-shallot-marmalade/">https://justcook.butcherbox.com/garlic-herb-crusted-ribeye-roast-with-horseradish-cream-and-bacon-shallot-marmalade/</a>
</section>
+15 -15
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>Hummus</h1>
<h1 itemprop="name">Hummus</h1>
<div class="timing">
prep 10 minutes </div>
prep <span itemprop="prepTime">10 minutes</span> </div>
<div class="icons">
<div class="icon gluten-free"></div>
<div class="icon vegetarian"></div>
<div class="icon serving"></div>× 6
<div class="icon serving"></div>× <span itemprop="recipeYield">6</span>
</div>
<div class="description">Fresh hummus is pretty amazing stuff, but you'll definitely need a powerful blender or food processor to manage as it gets very thick by the end. This recipe deliberately keeps it very simple, but hummus is a great platform to experiment with adding various other flavors (e.g., red pepper flakes, dill, etc.).
<div class="description" itemprop="description">Fresh hummus is pretty amazing stuff, but you'll definitely need a powerful blender or food processor to manage as it gets very thick by the end. This recipe deliberately keeps it very simple, but hummus is a great platform to experiment with adding various other flavors (e.g., red pepper flakes, dill, etc.).
</div>
</div>
</section>
@@ -31,53 +31,53 @@ prep 10 minutes </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
5 cloves
</div>
<div class="item">garlic</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
30 oz
</div>
<div class="item">garbanzo beans (pre-cooked, canned)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 cups
</div>
<div class="item">olive oil, extra-virgin</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 cup
</div>
<div class="item">tahini</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ cup
</div>
<div class="item">lemon juice</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">salt</div>
</ul>
</div>
<div class="detail">Using a food processor or a powerful blender, add one ingredient at a time, blending to a purée after each.
<div class="detail" itemprop="recipeInstructions">Using a food processor or a powerful blender, add one ingredient at a time, blending to a purée after each.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
¼ cups
</div>
<div class="item">olive oil, extra-virgin</div>
</ul>
</div>
<div class="detail">Transfer to a serving bowl, and drizzle the remaining olive oil over the top.
<div class="detail" itemprop="recipeInstructions">Transfer to a serving bowl, and drizzle the remaining olive oil over the top.
</div>
</div>
</section>
+14 -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>Pommes Purée</h1>
<h1 itemprop="name">Pommes Purée</h1>
<div class="timing">
prep 25 min,&nbsp;cook 20 min </div>
prep <span itemprop="prepTime">25 min</span>,&nbsp;cook <span itemprop"cookTime">20 min</span> </div>
<div class="icons">
<div class="icon gluten-free"></div>
<div class="icon vegetarian"></div>
<div class="icon serving"></div>× 6
<div class="icon serving"></div>× <span itemprop="recipeYield">6</span>
</div>
<div class="description">These are the most superb mashed potatoes I've ever experienced. Completely smooth, indescribably rich, and perfectly creamy, these potatoes are well worth pulling the food processor out of the cupboard.
<div class="description" itemprop="description">These are the most superb mashed potatoes I've ever experienced. Completely smooth, indescribably rich, and perfectly creamy, these potatoes are well worth pulling the food processor out of the cupboard.
</div>
</div>
</section>
@@ -31,44 +31,45 @@ prep 25 min,&nbsp;cook 20 min </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 lb
</div>
<div class="item">yukon potatoes</div>
</ul>
</div>
<div class="detail">Peel and chop the potatoes into 1” cubes. Rise and set aside to drain.
<div class="detail" itemprop="recipeInstructions">Peel and chop the potatoes into 1” cubes. Rise and set aside to drain.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1⅓ cups
</div>
<div class="item">whole milk (+ a little extra)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
20 tbsp
</div>
<div class="item">butter</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 tsp
</div>
<div class="item">salt</div>
</ul>
</div>
<div class="detail">Re-combine thoroughly, adding just enough milk to make them <i>almost</i> pourable (like a thick pudding), and bring back to temperature.
<div class="detail" itemprop="recipeInstructions">Re-combine thoroughly, adding just enough milk to make them <i>almost</i> pourable (like a thick pudding), and bring back to temperature.
</div>
</div>
</section>
<section class="credits">
Joël Robuchon,&nbsp;
<span itemprop="author">Joël Robuchon</span>
,&nbsp;
<a href="http://www.foodandwine.com/recipes/pommes-puree">http://www.foodandwine.com/recipes/pommes-puree</a>
</section>
+15 -15
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>Roasted Sweet Potatoes</h1>
<h1 itemprop="name">Roasted Sweet Potatoes</h1>
<div class="timing">
prep 10 minutes,&nbsp;cook 45 minutes </div>
prep <span itemprop="prepTime">10 minutes</span>,&nbsp;cook <span itemprop"cookTime">45 minutes</span> </div>
<div class="icons">
<div class="icon gluten-free"></div>
<div class="icon vegetarian"></div>
<div class="icon serving"></div>× 1
<div class="icon serving"></div>× <span itemprop="recipeYield">1</span>
</div>
<div class="description">So often, they only way you encounter sweet potatoes is puréed with ton of sugar (maple syrup, marshmallow, etc.). This is a delicious alternative which, while still sweet, allows the natural flavor of the sweet potatoes to shine.
<div class="description" itemprop="description">So often, they only way you encounter sweet potatoes is puréed with ton of sugar (maple syrup, marshmallow, etc.). This is a delicious alternative which, while still sweet, allows the natural flavor of the sweet potatoes to shine.
</div>
</div>
</section>
@@ -33,55 +33,55 @@ prep 10 minutes,&nbsp;cook 45 minutes </div>
<ul>
</ul>
</div>
<div class="detail">Pre-heat the oven to 350°F.
<div class="detail" itemprop="recipeInstructions">Pre-heat the oven to 350°F.
</div>
</div>
<div class="step">
<h3>2</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">
¼ cup
</div>
<div class="item">honey</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 tbsp
</div>
<div class="item">rosemary, fresh (minced)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">salt, course</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">black pepper</div>
</ul>
</div>
<div class="detail">Mix the olive oil, honey, rosemary, salt, and black pepper in a small mixing bowl.
<div class="detail" itemprop="recipeInstructions">Mix the olive oil, honey, rosemary, salt, and black pepper in a small mixing bowl.
</div>
</div>
<div class="step">
<h3>3</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3
</div>
<div class="item">sweet potatoes / yams (peeled, chopped)</div>
</ul>
</div>
<div class="detail">Add the sweet potatoes to the mixing bowl, and mix until coated with the sauce. Lay out in a single layer on a cooking sheet lined with foil. Cook in the oven until tender (about 45 minutes).
<div class="detail" itemprop="recipeInstructions">Add the sweet potatoes to the mixing bowl, and mix until coated with the sauce. Lay out in a single layer on a cooking sheet lined with foil. Cook in the oven until tender (about 45 minutes).
</div>
</div>
</section>
+17 -16
View File
@@ -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>Sauteed Mushrooms</h1>
<h1 itemprop="name">Sauteed Mushrooms</h1>
<div class="timing">
prep 10 min,&nbsp;cook 15 min </div>
prep <span itemprop="prepTime">10 min</span>,&nbsp;cook <span itemprop"cookTime">15 min</span> </div>
<div class="icons">
<div class="icon gluten-free"></div>
<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">These are the best sauteed mushrooms I've ever had. Slighly salty, and very savory, they serve very well as a topping for steak, baked potatoes and whatever else needs a strong flavor.
<div class="description" itemprop="description">These are the best sauteed mushrooms I've ever had. Slighly salty, and very savory, they serve very well as a topping for steak, baked potatoes and whatever else needs a strong flavor.
</div>
</div>
</section>
@@ -32,59 +32,60 @@ prep 10 min,&nbsp;cook 15 min </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3 tbsp
</div>
<div class="item">olive oil</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
3 tbsp
</div>
<div class="item">butter</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 lb
</div>
<div class="item">button mushrooms (sliced)</div>
</ul>
</div>
<div class="detail">Heat the olive oil and butter in a large saucepan over medium heat until it foams. Add the mushrooms and cook until reduced somewhat in size and slightly yellowed (about 5 minutes).
<div class="detail" itemprop="recipeInstructions">Heat the olive oil and butter in a large saucepan over medium heat until it foams. Add the mushrooms and cook until reduced somewhat in size and slightly yellowed (about 5 minutes).
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 clove
</div>
<div class="item">garlic</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tbsp
</div>
<div class="item">tamair (or soy sauce)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1/4 tsp
</div>
<div class="item">garlic salt</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
None
</div>
<div class="item">black pepper</div>
</ul>
</div>
<div class="detail">Add the remaining ingredients and cook until the mushrooms are slightly browned and the sauced thickened (about 5-10 minutes).
<div class="detail" itemprop="recipeInstructions">Add the remaining ingredients and cook until the mushrooms are slightly browned and the sauced thickened (about 5-10 minutes).
</div>
</div>
</section>
<section class="credits">
IrishMountainGirl,&nbsp;
<span itemprop="author">IrishMountainGirl</span>
,&nbsp;
<a href="http://allrecipes.com/recipe/222795/superb-sauteed-mushrooms">http://allrecipes.com/recipe/222795/superb-sauteed-mushrooms</a>
</section>
+23 -23
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>Scalloped Sweet Potatoes</h1>
<h1 itemprop="name">Scalloped Sweet Potatoes</h1>
<div class="timing">
prep 15 minutes,&nbsp;cook 45 minutes </div>
prep <span itemprop="prepTime">15 minutes</span>,&nbsp;cook <span itemprop"cookTime">45 minutes</span> </div>
<div class="icons">
<div class="icon gluten-free"></div>
<div class="icon vegetarian"></div>
<div class="icon serving"></div>× 12
<div class="icon serving"></div>× <span itemprop="recipeYield">12</span>
</div>
<div class="description">Au Gratin potatoes are delicious, but swapping them out for sweet potatoes takes things to an entirely new level. I've never yet failed to get surprised and delighted responses from this dish.
<div class="description" itemprop="description">Au Gratin potatoes are delicious, but swapping them out for sweet potatoes takes things to an entirely new level. I've never yet failed to get surprised and delighted responses from this dish.
</div>
</div>
</section>
@@ -33,94 +33,94 @@ prep 15 minutes,&nbsp;cook 45 minutes </div>
<ul>
</ul>
</div>
<div class="detail">Preheat the oven to 400°F.
<div class="detail" itemprop="recipeInstructions">Preheat the oven to 400°F.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1½ lb
</div>
<div class="item">sweet potatoes, orange</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1½ lb
</div>
<div class="item">sweet potatoes, white</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 cups
</div>
<div class="item">cheese, gruyere (shredded)</div>
</ul>
</div>
<div class="detail">Peel and slice the sweet potatoes into ¼” slices. Arrange in a 9”⨉13” backing dish so that each slice overlaps slightly with the prior one, alternating colors to create a pleasing pattern. Sprinkle with cheese, and then create a second layer of potato.
<div class="detail" itemprop="recipeInstructions">Peel and slice the sweet potatoes into ¼” slices. Arrange in a 9”⨉13” backing dish so that each slice overlaps slightly with the prior one, alternating colors to create a pleasing pattern. Sprinkle with cheese, and then create a second layer of potato.
</div>
</div>
<div class="step">
<h3>3</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2½ cups
</div>
<div class="item">heavy cream</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">thyme, dried</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">pepper, black</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">mustard powder</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
½ tsp
</div>
<div class="item">nutmeg, ground</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
¼ tsp
</div>
<div class="item">garlic powder</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
¼ tsp
</div>
<div class="item">onion powder</div>
</ul>
</div>
<div class="detail">Combine the cream and spices in a small saucepan. Cook over medium-high heat until bubble just start to form.
<div class="detail" itemprop="recipeInstructions">Combine the cream and spices in a small saucepan. Cook over medium-high heat until bubble just start to form.
</div>
</div>
<div class="step">
<h3>4</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 cups
</div>
<div class="item">cheese, gruyere (shredded)</div>
</ul>
</div>
<div class="detail">Pour the cream mixture over the sweet potatoes in the baking dish. Sprinkle with the remaining cheese. Cover loosely with foil, and bake until the potatoes can be pierced effortlessly with a knife (about 45 minutes).
<div class="detail" itemprop="recipeInstructions">Pour the cream mixture over the sweet potatoes in the baking dish. Sprinkle with the remaining cheese. Cover loosely with foil, and bake until the potatoes can be pierced effortlessly with a knife (about 45 minutes).
</div>
</div>
<div class="step">
@@ -129,7 +129,7 @@ prep 15 minutes,&nbsp;cook 45 minutes </div>
<ul>
</ul>
</div>
<div class="detail">Remove the foil, and switch the oven to broil on its highest setting. Carefully Watch until the top layer has just started to brown, and then remove from the oven (about 1 minute). Allow to cool for 10 minutes before serving.
<div class="detail" itemprop="recipeInstructions">Remove the foil, and switch the oven to broil on its highest setting. Carefully Watch until the top layer has just started to brown, and then remove from the oven (about 1 minute). Allow to cool for 10 minutes before serving.
</div>
</div>
</section>
+16 -16
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>Tzatziki</h1>
<h1 itemprop="name">Tzatziki</h1>
<div class="timing">
prep 10 min,&nbsp;cook 20 min </div>
prep <span itemprop="prepTime">10 min</span>,&nbsp;cook <span itemprop"cookTime">20 min</span> </div>
<div class="icons">
<div class="icon gluten-free"></div>
<div class="icon low-carb"></div>
<div class="icon serving"></div>× 3
<div class="icon serving"></div>× <span itemprop="recipeYield">3</span>
</div>
<div class="description">Tzatziki has a creamy tartness with just a tiny bit of crunch from the cucumber. It makes a great accompaniment to spicy strong dishes to help cool things off. We always serve this with Kofta.
<div class="description" itemprop="description">Tzatziki has a creamy tartness with just a tiny bit of crunch from the cucumber. It makes a great accompaniment to spicy strong dishes to help cool things off. We always serve this with Kofta.
</div>
</div>
</section>
@@ -31,58 +31,58 @@ prep 10 min,&nbsp;cook 20 min </div>
<h3>1</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1
</div>
<div class="item">cucumber</div>
</ul>
</div>
<div class="detail">Peel the cucumber and remove all the seeds. Dice into ¼” cubes.
<div class="detail" itemprop="recipeInstructions">Peel the cucumber and remove all the seeds. Dice into ¼” cubes.
</div>
</div>
<div class="step">
<h3>2</h3>
<div class="ingredients">
<ul>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 cup
</div>
<div class="item">greek yogurt</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 cloves
</div>
<div class="item">garlic (minced)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
2 tbsp
</div>
<div class="item">dill (chopped)</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tbsp
</div>
<div class="item">lemon juice</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">lemon zest</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1 tsp
</div>
<div class="item">salt</div>
<li>
<li itemprop="recipeIngredient">
<div class="amount">
1/2 tsp
</div>
<div class="item">black pepper</div>
</ul>
</div>
<div class="detail">Combine all the ingredients with the cucumber and mix. Place in the refrigerator for at least 20 min to chill.
<div class="detail" itemprop="recipeInstructions">Combine all the ingredients with the cucumber and mix. Place in the refrigerator for at least 20 min to chill.
</div>
</div>
</section>