Add new recipes & fix formatting on mobile

This commit is contained in:
Andrew Miner
2016-12-25 23:07:20 -08:00
parent 306e193021
commit 158bfc2b43
27 changed files with 564 additions and 194 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 193 KiB

+63
View File
@@ -0,0 +1,63 @@
doctype html
html
head
link(href="../style.css" rel="stylesheet" type="text/css")
body.recipe
h1 Caesar Salad
section.ingredients
.image
img(src="final.png")
.list
table
tr
td 6 tbsp
td olive oil
tr
td 1
td egg
tr
td 1 tsp
td anchovy paste
tr
td 5 tsp
td garlic (minced)
tr
td 2 tsp
td lemon juice
tr
td 2 heads
td romaine lettuce
tr
td ⅓ cup
td parmesan cheese
section.directions
table
tr
td 1
td
| Add the olive oil, egg, lemon juice, garlic, and anchovy paste to a large bowl and beat until
| smooth and evenly mixed.
td 3 min
tr
td 2
td Place the dressing the refrigerator to chill.
td 30 min
tr
td 3
td Roll the bowl around on its sides to spread the dressing evenly across the inner surface.
td 1 min
tr
td 4
td Pluck the leaves off the lettuce and tear into bite-sized pieces depositing them in the bowl.
td 3 min
tr
td 5
td Toss the salad throughly, making sure to cover all the lettuce evenly with the dressing.
td 1 min
tr
td 6
td Sprinkle the cheese over the salad.
td 1 min
Binary file not shown.

After

Width:  |  Height:  |  Size: 120 KiB

+71
View File
@@ -0,0 +1,71 @@
doctype html
html
head
link(href="../style.css" rel="stylesheet" type="text/css")
body.recipe
h1 Clam Chowder
section.ingredients
.image
img(src="final.png")
.list
table
tr
td 3 6½ oz cans
td minced clams
tr
td 1 cup
td onion (chopped)
tr
td 1 cup
td celery (diced)
tr
td 1 cups
td potatoes (cubed)
tr
td 1 cup
td carrots (diced)
tr
td ¾ cup
td butter
tr
td ¾ cup
td all-purpose flour
tr
td 1 qt
td half-n-half
tr
td 2 tbsp
td red wine vinegar
tr
td 1½ tsp
td salt
tr
td 1 tsp
td black pepper
section.directions
table
tr
td 1
td
| Drain liquid from clams into a large skillet with the carrots, onions, celery, potatoes. Add
| water to cover, and cook over medium heat until tender.
td 20 min
tr
td 2
td Melt the butter in a large, heavy saucepan over medium heat.
td 2 min
tr
td 3
td Whisk in the flour until smooth. Whisk in cream until smooth.
td 2 min
tr
td 4
td Add vegetables and heat, but do not boil.
td 10 min
tr
td 5
td Remove heat and stir in clams, vinegar, salt and pepper.
td 1 min
Binary file not shown.

After

Width:  |  Height:  |  Size: 165 KiB

+58
View File
@@ -0,0 +1,58 @@
doctype html
html
head
link(href="../style.css" rel="stylesheet" type="text/css")
body.recipe
h1 Garlic Prime Rib
section.ingredients
.image
img(src="final.png")
.list
table
tr
td 5-10 lb
td prime rib roast (1 rib / 2 people)
tr
td 10 cloves
td garlic (minced)
tr
td 2 tbsp
td olive oil
tr
td 2 tsp
td salt
tr
td 2 tsp
td black pepper
tr
td 2 tsp
td thyme
section.directions
table
tr
td 1
td Mix the garlic, salt, pepper, olive oil and thyme together in a small mixing bowl.
td 2 min
tr
td 2
td
| Place the meat in a roasting pan and cover with the marinade. Leave out on the counter until
| it is room temperature. Preheat the oven to 500°F.
td < 1 hour
tr
td 3
td Add about ½" of water to the bottom of the roasting pan and place in the oven.
td 20 min
tr
td 4
td
| Turn the oven down to 325°F and cover the roasting pan with foil. Cook until the roast reaches
| 130°F in the center.
td 45-75 min
tr
td 5
td Let the roast rest outside the oven before serving.
td 10 min
+113 -98
View File
@@ -4,103 +4,118 @@ html
link(rel="stylesheet" type="text/css" href="style.css")
body.cookbook
section
h1 Soups
a(href="caldo-verde")
img(src="caldo-verde/final.png")
| Caldo Verde
h1 Soups
a(href="caldo-verde")
img(src="caldo-verde/final.png")
| Caldo Verde
a(href="clam-chowder")
img(src="clam-chowder/final.png")
| Clam Chowder
a(href="cream-of-spinach-soup")
img(src="cream-of-spinach-soup/final.png")
| Cream of Spinach Soup
a(href="curry-butternut-squash-and-apple-soup")
img(src="curry-butternut-squash-and-apple-soup/final.png")
| Curry Butternut Squash & Apple Soup
a(href="winter-lentil-soup")
img(src="winter-lentil-soup/final.png")
| Winter Lentil Soup
a(href="cream-of-spinach-soup")
img(src="cream-of-spinach-soup/final.png")
| Cream of Spinach Soup
section
h1 Main Dish
a(href="beef-bourguignon")
img(src="beef-bourguignon/final.png")
| Beef Bourguignon
a(href="chicken-cordon-bleu")
img(src="chicken-cordon-bleu/final.png")
| Chicken Cordon Bleu
a(href="chicken-pot-pie")
img(src="chicken-pot-pie/final.png")
| Chicken Pot Pie
a(href="chicken-breasts-with-caper-cream-sauce")
img(src="chicken-breasts-with-caper-cream-sauce/final.png")
| Chicken Breasts with Caper Cream Sauce
a(href="chole")
img(src="chole/final.png")
| Chole
a(href="kielbasa-and-cabbage")
img(src="kielbasa-and-cabbage/final.png")
| Kielbasa and Cabbage
a(href="kofta-kebabs")
img(src="kofta-kebabs/final.png")
| Kofta Kebabs
a(href="lemon-chicken-with-mushroom-sauce")
img(src="lemon-chicken-with-mushroom-sauce/final.png")
| Lemon Chicken with Mushroom Sauce
a(href="ratatouille")
img(src="ratatouille/final.png")
| Ratatouille
a(href="roast-leg-of-lamb-with-rosemary")
img(src="roast-leg-of-lamb-with-rosemary/final.png")
| Roast Leg of Lamb with Rosemary
a(href="shrimp-with-sweet-potatoes-and-bacon")
img(src="shrimp-with-sweet-potatoes-and-bacon/final.png")
| Shrimp with Sweet Potatoes and Bacon
a(href="sloppy-joe-sandwiches")
img(src="sloppy-joe-sandwiches/final.png")
| Sloppy Joe Sandwiches
section
h1 Sides
a(href="bok-choy-with-garlic")
img(src="bok-choy-with-garlic/final.png")
| Bok Choy with Garlic
a(href="bourbon-glazed-carrots")
img(src="bourbon-glazed-carrots/final.png")
| Bourbon Glazed Carrots
a(href="creamed-spinach")
img(src="creamed-spinach/final.png")
| Creamed Spinach
a(href="garlic-broccoli")
img(src="garlic-broccoli/final.png")
| Garlic Broccoli
a(href="hummus")
img(src="hummus/final.png")
| Hummus
a(href="sweet-potatoes-with-honey-and-rosemary")
img(src="sweet-potatoes-with-honey-and-rosemary/final.png")
| Sweet Potatoes with Honey and Rosemary
a(href="tzatziki")
img(src="tzatziki/final.png")
| Tzatziki
a(href="curry-butternut-squash-and-apple-soup")
img(src="curry-butternut-squash-and-apple-soup/final.png")
| Curry Butternut Squash & Apple Soup
a(href="winter-lentil-soup")
img(src="winter-lentil-soup/final.png")
| Winter Lentil Soup
h1 Salads
a(href="caesar-salad")
img(src="caesar-salad/final.png")
| Caesar Salad
a(href="ruths-chris-chopped-salad")
img(src="ruths-chris-chopped-salad/final.png")
| Ruth's Chris Chopped Salad
h1 Main Dish
a(href="beef-bourguignon")
img(src="beef-bourguignon/final.png")
| Beef Bourguignon
a(href="chicken-cordon-bleu")
img(src="chicken-cordon-bleu/final.png")
| Chicken Cordon Bleu
a(href="chicken-pot-pie")
img(src="chicken-pot-pie/final.png")
| Chicken Pot Pie
a(href="chicken-breasts-with-caper-cream-sauce")
img(src="chicken-breasts-with-caper-cream-sauce/final.png")
| Chicken Breasts with Caper Cream Sauce
a(href="chole")
img(src="chole/final.png")
| Chole
a(href="garlic-prime-rib")
img(src="garlic-prime-rib/final.png")
| Garlic Prime Rib
a(href="kielbasa-and-cabbage")
img(src="kielbasa-and-cabbage/final.png")
| Kielbasa and Cabbage
a(href="kofta-kebabs")
img(src="kofta-kebabs/final.png")
| Kofta Kebabs
a(href="lemon-chicken-with-mushroom-sauce")
img(src="lemon-chicken-with-mushroom-sauce/final.png")
| Lemon Chicken with Mushroom Sauce
a(href="ratatouille")
img(src="ratatouille/final.png")
| Ratatouille
a(href="roast-leg-of-lamb-with-rosemary")
img(src="roast-leg-of-lamb-with-rosemary/final.png")
| Roast Leg of Lamb with Rosemary
a(href="shrimp-with-sweet-potatoes-and-bacon")
img(src="shrimp-with-sweet-potatoes-and-bacon/final.png")
| Shrimp with Sweet Potatoes and Bacon
a(href="sloppy-joe-sandwiches")
img(src="sloppy-joe-sandwiches/final.png")
| Sloppy Joe Sandwiches
h1 Sides
a(href="bok-choy-with-garlic")
img(src="bok-choy-with-garlic/final.png")
| Bok Choy with Garlic
a(href="bourbon-glazed-carrots")
img(src="bourbon-glazed-carrots/final.png")
| Bourbon Glazed Carrots
a(href="creamed-spinach")
img(src="creamed-spinach/final.png")
| Creamed Spinach
a(href="garlic-broccoli")
img(src="garlic-broccoli/final.png")
| Garlic Broccoli
a(href="hummus")
img(src="hummus/final.png")
| Hummus
a(href="sweet-potatoes-with-honey-and-rosemary")
img(src="sweet-potatoes-with-honey-and-rosemary/final.png")
| Sweet Potatoes with Honey and Rosemary
a(href="tzatziki")
img(src="tzatziki/final.png")
| Tzatziki
Binary file not shown.

After

Width:  |  Height:  |  Size: 142 KiB

+95
View File
@@ -0,0 +1,95 @@
doctype html
html
head
link(href="../style.css" rel="stylesheet" type="text/css")
body.recipe
h1 Ruth's Chris Chopped Salad
section.ingredients
.image
img(src="final.png")
.list
h2 For the Salad
table
tr
td 8 cups
td iceberg lettuce (sliced thin)
tr
td 1 cup
td spinach (sliced thin)
tr
td ⅓ cup
td red onion (diced)
tr
td ½ cup
td green olives (minced)
tr
td 6 oz
td white mushrooms (quartered)
tr
td 4
td eggs (hard boiled, sliced)
tr
td ½ lb
td bacon (cooked & crumbled)
tr
td 1 × 14 oz can
td hearts of palm (chilled)
tr
td 1 cup
td crumbled bleu cheese
tr
td ½ cup
td croutons
tr
td 10
td cherry tomatoes (halved)
tr
td ½ cup
td crispy fried onions
h2 For the Dressing
table
tr
td ¼ cup
td basil leaves
tr
td 4-5 tbsp
td lemon juice
tr
td (to taste)
td salt
tr
td (to taste)
td garlic powder
section.directions
h2 For the Salad
table
tr
td 1
td
| In a large salad bowl, layer in the ingredients in order: lettuce, spinach, red onions,
| olives, mushrooms, hearts of palm, eggs & bacon
td 2 min
tr
td 2
td Top with the crispy onions, crumbled bleu cheese, and croutons
td 1 min
tr
td 3
td
| Just before serving, top with a small amount of dressing. Serve the remainder of dressing on
| the side.
h2 For the Dressing
table
tr
td 1
td Place all ingredients in a blender and purée on high.
td 1 min
tr
td 2
td Allow the dressing to set in the refrigerator.
td overnight
+66 -52
View File
@@ -1,50 +1,47 @@
.cookbook {
display: flex;
flex-wrap: wrap;
column-count: 2;
column-gap: 0.25in;
section {
padding: 0 0.125in;
h1 {
font-family: sans-serif;
font-size: 24pt;
font-weight: bold;
}
a {
flex: 1 1 auto;
min-width: 2in;
max-width: 3.5in;
h1 {
font-family: sans-serif;
font-size: 24pt;
font-weight: bold;
border-radius: 0.0625in;
break-inside: avoid;
color: black;
font-family: serif;
font-size: 18pt;
text-decoration: none;
display: flex;
align-items: center;
padding: 0.0625in;
padding-right: 0.125in;
transition: all 0.25s;
&:visited {
color: black;
}
a {
flex: 1 1 auto;
min-width: 2in;
max-width: 3.5in;
&:hover {
background: #23B7F2;
color: white;
}
img {
border: 0.01in solid silver;
border-radius: 0.0625in;
color: black;
font-family: serif;
font-size: 18pt;
text-decoration: none;
display: flex;
align-items: center;
padding: 0.0625in;
padding-right: 0.125in;
transition: all 0.25s;
&:visited {
color: black;
}
&:hover {
background: #23B7F2;
color: white;
}
img {
border: 0.01in solid silver;
border-radius: 0.0625in;
margin-right: 0.125in;
max-height: 0.5in;
width: 0.5in;
}
margin-right: 0.125in;
max-height: 0.5in;
width: 0.5in;
}
}
}
@@ -63,6 +60,13 @@
font-family: serif;
font-size: 24pt;
}
h2 {
font-size: 12pt;
margin: 0;
margin-bottom: 0.125in;
text-transform: uppercase;
}
.ingredients {
display: flex;
@@ -79,19 +83,23 @@
.list {
margin-left: 0.25in;
tr {
vertical-align: top;
table {
margin-bottom: 0.25in;
tr {
vertical-align: top;
td:nth-child(1) {
font-family: sans-serif;
font-size: 12pt;
padding-right: 0.125in;
text-align: right;
}
td:nth-child(1) {
font-family: sans-serif;
font-size: 12pt;
padding-right: 0.125in;
text-align: right;
}
td:nth-child(2) {
font-family: sans-serif;
font-size: 12pt;
td:nth-child(2) {
font-family: sans-serif;
font-size: 12pt;
}
}
}
}
@@ -136,3 +144,9 @@
}
}
}
@media (max-width: 900px) {
.cookbook {
column-count: 1;
}
}