Refactor to use Python for building and YAML for data
This commit is contained in:
Andrew Miner
Binary file not shown.
|
After Width: | Height: | Size: 193 KiB |
@@ -0,0 +1,108 @@
|
||||
<!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>Caesar Salad</h1>
|
||||
|
||||
<div class="timing">
|
||||
prep 9 min, cook 30 min </div>
|
||||
|
||||
<div class="icons">
|
||||
<div class="icon gluten-free"></div>
|
||||
<div class="icon low-carb"></div>
|
||||
<div class="icon serving"></div>× 4
|
||||
</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>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="instructions">
|
||||
<div class="step">
|
||||
<h3>1</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="amount">
|
||||
5 tsp
|
||||
</div>
|
||||
<div class="item">garlic (minced)</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
2 tsp
|
||||
</div>
|
||||
<div class="item">lemon juice</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
1 tsp
|
||||
</div>
|
||||
<div class="item">anchovy paste</div>
|
||||
<li>
|
||||
<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>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>2</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<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>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>3</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<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>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>4</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<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>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="navigation">
|
||||
<a href="../..">« Back</a>
|
||||
</section>
|
||||
</body>
|
||||
</html
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 162 KiB |
@@ -0,0 +1,121 @@
|
||||
<!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>Cucumber Salad</h1>
|
||||
|
||||
<div class="timing">
|
||||
prep 20 min </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>
|
||||
|
||||
<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>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="instructions">
|
||||
<div class="step">
|
||||
<h3>1</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="amount">
|
||||
2 cups
|
||||
</div>
|
||||
<div class="item">onion, red (thinly sliced)</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
½ cup
|
||||
</div>
|
||||
<div class="item">vinegar, white</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
½ cup
|
||||
</div>
|
||||
<div class="item">water</div>
|
||||
<li>
|
||||
<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>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>2</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="amount">
|
||||
3 cups
|
||||
</div>
|
||||
<div class="item">cucumbers (thinly sliced)</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
1½ cups
|
||||
</div>
|
||||
<div class="item">cherry tomatoes (quartered)</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
1 cup
|
||||
</div>
|
||||
<div class="item">picked red onion</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
8 oz
|
||||
</div>
|
||||
<div class="item">mozzerella (diced)</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
½ cup
|
||||
</div>
|
||||
<div class="item">basil (shredded)</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
3 tbsp
|
||||
</div>
|
||||
<div class="item">picked red onion juice</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
3 tbsp
|
||||
</div>
|
||||
<div class="item">olive oil, extra-virgin</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
1 tsp
|
||||
</div>
|
||||
<div class="item">black pepper</div>
|
||||
<li>
|
||||
<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>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="navigation">
|
||||
<a href="../..">« Back</a>
|
||||
</section>
|
||||
</body>
|
||||
</html
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 142 KiB |
@@ -0,0 +1,139 @@
|
||||
<!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>Ruth's Chris Chop Salad</h1>
|
||||
|
||||
<div class="timing">
|
||||
prep 20 min </div>
|
||||
|
||||
<div class="icons">
|
||||
<div class="icon gluten-free"></div>
|
||||
<div class="icon low-carb"></div>
|
||||
<div class="icon serving"></div>× 4
|
||||
</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>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="instructions">
|
||||
<div class="step">
|
||||
<h3>1</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="amount">
|
||||
¼ cup
|
||||
</div>
|
||||
<div class="item">basil leaves (dried)</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
4 tbsp
|
||||
</div>
|
||||
<div class="item">lemon juice</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
½ tsp
|
||||
</div>
|
||||
<div class="item">salt</div>
|
||||
<li>
|
||||
<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>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>2</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="amount">
|
||||
8 cups
|
||||
</div>
|
||||
<div class="item">lettuce, iceberg (sliced thin)</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
1 cup
|
||||
</div>
|
||||
<div class="item">spinach, baby</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
½ cup
|
||||
</div>
|
||||
<div class="item">onion, red (diced)</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
6 oz
|
||||
</div>
|
||||
<div class="item">mushrooms, white (quartered)</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
4
|
||||
</div>
|
||||
<div class="item">eggs (hard-boiled, sliced)</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
½ lb
|
||||
</div>
|
||||
<div class="item">bacon (cooked crispy, crumbled)</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
14 oz
|
||||
</div>
|
||||
<div class="item">heart of palm (chilled, sliced)</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
1 cup
|
||||
</div>
|
||||
<div class="item">cheese, gorgonzola (crumbled)</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
½ cup
|
||||
</div>
|
||||
<div class="item">croutons</div>
|
||||
<li>
|
||||
<div class="amount">
|
||||
10
|
||||
</div>
|
||||
<div class="item">tomatoes, cherry (halved)</div>
|
||||
<li>
|
||||
<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>
|
||||
</div>
|
||||
<div class="step">
|
||||
<h3>3</h3>
|
||||
<div class="ingredients">
|
||||
<ul>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="detail">Drizzle the dressing over the salad just before serving.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="navigation">
|
||||
<a href="../..">« Back</a>
|
||||
</section>
|
||||
</body>
|
||||
</html
|
||||
Reference in New Issue
Block a user