diff options
| -rw-r--r-- | index.html | 5 | ||||
| -rw-r--r-- | recipes.html | 41 | ||||
| -rw-r--r-- | recipes/butternut_squash_soup.html | 58 | ||||
| -rw-r--r-- | recipes/quick_pickled_onions.html | 48 | ||||
| -rw-r--r-- | style.css | 18 |
5 files changed, 161 insertions, 9 deletions
@@ -11,6 +11,7 @@ <body> <main> <img class="icon" src="img/HPR.png" alt="Heilich Pennsylfaanisch Reich" title="Heilich Pennsylfaanisch Reich"/> + <h1>Dustin Walker's Webpage</h1> <p>This website runs under a self hosted raspberry pi 3, configured under the guidance of <a href="https://landchad.net">LandChad.net</a>. Go here to learn more. Currently under construction, more content will be added at a later date. @@ -21,7 +22,7 @@ <li><a href="https://git.dwalker.xyz">self hosted git</a></li> <li><a href="https://lukesmith.xyz">Luke Smith</a></li> <li><a href="https://wttr.in">Weather</a></li> - <li>Recipes (soon™)</li> + <li><a href="recipes.html">Recipes</a></li> </ul> </div> <div class="column"> @@ -34,7 +35,7 @@ </div> <footer> - <a href="https://landchad.net"><img src="img/landchad.gif" alt="LandChad.net" title="LandChad.net"></a> + <a href="https://landchad.net"><img src="img/landchad.gif" alt="LandChad.net" title="LandChad.net"></a> </footer> </main> </body> diff --git a/recipes.html b/recipes.html new file mode 100644 index 0000000..62ec95f --- /dev/null +++ b/recipes.html @@ -0,0 +1,41 @@ +<!DOCTYPE HTML> +<html lang="en"> + + <head> + <title>Dustin Walker's Webpage</title> + <meta charset="utf-8"/> + <meta name="viewport" content="width=device-width, initial-scale=1"/> + <link rel="stylesheet" type="text/css" href="style.css"/> + <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/> + </head> + <body> + <main> + <img class="icon" src="img/HPR.png" alt="Heilich Pennsylfaanisch Reich" title="Heilich Pennsylfaanisch Reich"/> + <h1>Recipe Index</h1> + + <p>This index hosts a list of recipes I use and trust. At a minimum each recipe provides a list of ingredients and instructions. They may also include pictures and historical information, if I got around to it.</p> + + <p>The list of ingredients and instructions that make up the core part of any recipe are not copyrightable (under U.S. law). See <a href="https://www.copyright.gov/circs/circ33.pdf">here</a> for more information.</p> + + <div class="row"> + <div class="column"> + <h2>Meals</h2> + <ul> + <li><a href="recipes/butternut_squash_soup.html">Butternut Squash Soup</a></li> + </ul> + </div> + <div class="column"> + <h2>Sides</h2> + <ul> + <li><a href="recipes/quick_pickled_onions.html">Quick Pickled Onions</a></li> + </ul> + </div> + </div> + + <footer> + <a href="index.html">Home</a> + </footer> + </main> + </body> + +</html> diff --git a/recipes/butternut_squash_soup.html b/recipes/butternut_squash_soup.html new file mode 100644 index 0000000..504249a --- /dev/null +++ b/recipes/butternut_squash_soup.html @@ -0,0 +1,58 @@ +<!DOCTYPE HTML> +<html lang="en"> + + <head> + <title>Butternut Squash Soup</title> + <meta charset="utf-8"/> + <meta name="viewport" content="width=device-width, initial-scale=1"/> + <link rel="stylesheet" type="text/css" href="../style.css"/> + <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico"/> + </head> + <body> + <main> + <img class="icon" src="../img/HPR.png" alt="Heilich Pennsylfaanisch Reich" title="Heilich Pennsylfaanisch Reich"/> + <h1>Butternut Squash Soup</h1> + + <p>Squash has been eaten in the Americas since prehistory, but the butternut squash itself (a winter squash) was developed in 1944.</p> + + <div class="row"> + <div class="column"> + <h2>Ingredients</h2> + <ul> + <li>1 small butternut squash (halved lengthwise)</li> + <li>2 carrots (chopped to 1" pieces)</li> + <li>1 onion (quartered)</li> + <li>1 bulb of garlic</li> + <li>2 tsp olive oil</li> + <li>2 tsp maple syrup (more optional later)</li> + <li>5/2 cups chicken broth</li> + <li>2/3 cup milk</li> + <li>1/4 tsp ground cinnamon</li> + <li>1 pinch ground nutmeg (optional)</li> + <li>1 pinch ground cayenne (optional)</li> + <li>1 pinch ground black pepper</li> + <li>1 pinch salt</li> + </ul> + </div> + <div class="column"> + <h2>Instructions</h2> + <ol> + <li>Heat oven to 400F.</li> + <li>Add squash (face down), carrots, onion, and garlic to baking pans.</li> + <li>Drizzle vegetables with oil and maple syrup, season with salt and pepper.</li> + <li>Bake vegetables until squash and carrots are tender (30 minutes minimum).</li> + <li>Transfer vegetables to large pot, and add broth, milk, cinnamon, nutmeg, cayenne.</li> + <li>Stir to combine, head to medium heat and simmer on low head for 5-10 minutes.</li> + <li>Blend ingredients with immersion blender, high speed blender, or a simple masher.</li> + <li>Season to taste with salt, pepper, syrup, etc.</li> + </ol> + </div> + </div> + + <footer> + <a href="../index.html">Home</a> | <a href="../recipes.html">Recipes</a> + </footer> + </main> + </body> + +</html> diff --git a/recipes/quick_pickled_onions.html b/recipes/quick_pickled_onions.html new file mode 100644 index 0000000..6c411dd --- /dev/null +++ b/recipes/quick_pickled_onions.html @@ -0,0 +1,48 @@ +<!DOCTYPE HTML> +<html lang="en"> + + <head> + <title>Quick Pickled Onions</title> + <meta charset="utf-8"/> + <meta name="viewport" content="width=device-width, initial-scale=1"/> + <link rel="stylesheet" type="text/css" href="../style.css"/> + <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico"/> + </head> + <body> + <main> + <img class="icon" src="../img/HPR.png" alt="Heilich Pennsylfaanisch Reich" title="Heilich Pennsylfaanisch Reich"/> + <h1>Quick Pickled Onions</h1> + + <p>This is not a true pickle, and therefore not a true preservation method. Normally this is made on demand to go with meats.</p> + + <div class="row"> + <div class="column"> + <h2>Ingredients</h2> + <ul> + <li>1 red onion (thinly sliced)</li> + <li>1 cup water</li> + <li>1 cup white vinegar</li> + <li>1 pinch of sugar (optional)</li> + <li>1 tbs salt</li> + <li>2 tsp black peppercorns</li> + </ul> + </div> + <div class="column"> + <h2>Instructions</h2> + <ol> + <li>Place the sliced onion in a mason jar. Fill as tightly as possible.</li> + <li>In a pot/pan, bring the other ingredients to a boil, reduce to a simmer, letting the salt and sugar dissolve (about 1 minute).</li> + <li>Let the mixture cool.</li> + <li>Pour the mixture into the jar, making sure to cover all the onions.</li> + <li>Refrigerate. Ready in one hour, lasts for a month.</li> + </ol> + </div> + </div> + + <footer> + <a href="../index.html">Home</a> | <a href="../recipes.html">Recipes</a> + </footer> + </main> + </body> + +</html> @@ -21,6 +21,10 @@ p, h1, h2, h3, h4 { color: #dedede; } +h1 { + text-align: center; +} + li { color: #dedede; text-align: left; @@ -36,14 +40,14 @@ footer { } .column { - box-sizing: border-box; - float: left; - width: 50%; - padding: 10px; + box-sizing: border-box; + float: left; + width: 50%; + padding: 10px; } .row:after { - content: ""; - display: table; - clear: both; + content: ""; + display: table; + clear: both; } |