diff options
| -rw-r--r-- | index.html | 43 | ||||
| -rw-r--r-- | static/about.html | 4 | ||||
| -rw-r--r-- | static/recipes/omurice.html | 4 | ||||
| -rw-r--r-- | static/recipes/oyakodon.html | 4 | ||||
| -rw-r--r-- | static/recipes/pizza.html | 49 | ||||
| -rw-r--r-- | static/style.css | 19 |
6 files changed, 74 insertions, 49 deletions
@@ -31,7 +31,7 @@ <div id="headerwrapper"> <h1>Hello, World!</h1> <p>... and everyone in it.</p> - <a href="https://wiby.me/surprise">Link to a random website</a> + <a href="https://wiby.me/surprise" target="_blank">Link to a random website (opens in new tab)</a> </div> <main id="wrapper-center"> @@ -39,30 +39,43 @@ <h3>favourite foods:</h3> <ul> <li>steak</li> - <li>cheese</li> - <li>rice</li> - <li>tortillas</li> - <li>salmon</li> + <li>mapo tofu</li> + <li>jägerschnitzel</li> + <li>schweinshaxe</li> + <li>teriyaki salmon</li> </ul> <br> - <h3>todo list:</h3> + <h3>favourite video games:</h3> <ol> - <li>Finish Part 1 of Odin Project</li> - <li>Cook something with leftover rice</li> - <li>Read some more One Piece</li> + <li>Monster Hunter 4 Ultimate</li> + <li>Fallout: New Vegas</li> + <li>The Legend of Zelda: Majora's Mask</li> + <li>Devil May Cry 3</li> + <li>Final Fantasy X</li> </ol> <br> - <h3>favourite video games:</h3> + <h3>favourite anime:</h3> <ol> - <li>Monster Hunter 4 Ultimate</li> - <li>Fallout: New Vegas</li> - <li>Final Fantasy X</li> - <li>The Legend of Zelda: Majora's Mask</li> - <li>The Binding of Isaac</li> + <li>Serial Experiments: Lain</li> + <li>Detective Conan</li> + <li>Ergo Proxy</li> + <li>Monogatari Series</li> + <li>Tengen Toppa Gurren Lagann</li> + </ol> + + <br> + + <h3>favourite manga:</h3> + <ol> + <li>Yu Yu Hakusho</li> + <li>Detective Conan</li> + <li>Baki</li> + <li>Killing Stalking</li> + <li>Jojo's Bizzare Adventure</li> </ol> </div> <div id="img-wrapper"> diff --git a/static/about.html b/static/about.html index 5608c25..6e0fc82 100644 --- a/static/about.html +++ b/static/about.html @@ -31,10 +31,10 @@ </div> <main id="wrapper-center"> - <p> + <span> This website will contain all projects related to The Odin Project online course. - </p> + </span> </main> </body> <script src=""></script> diff --git a/static/recipes/omurice.html b/static/recipes/omurice.html index 35eace2..170c00d 100644 --- a/static/recipes/omurice.html +++ b/static/recipes/omurice.html @@ -17,7 +17,7 @@ <a href="../../index.html">Home</a> </li> <li> - <a href="../static/about.html">About</a> + <a href="../about.html">About</a> </li> <li> <a href="./overview.html">Recipes</a> @@ -51,7 +51,7 @@ <li>3 Eggs</li> </ul> - <h2>Directions</h2> + <h2>Instructions</h2> <ol> <li> <p> diff --git a/static/recipes/oyakodon.html b/static/recipes/oyakodon.html index 08d0a61..b8a24c0 100644 --- a/static/recipes/oyakodon.html +++ b/static/recipes/oyakodon.html @@ -17,7 +17,7 @@ <a href="../../index.html">Home</a> </li> <li> - <a href="../static/about.html">About</a> + <a href="../about.html">About</a> </li> <li> <a href="./overview.html">Recipes</a> @@ -52,7 +52,7 @@ <li>Optional: 1 Egg Yolk</li> </ul> - <h2>Directions</h2> + <h2>Instructions</h2> <ol> <li> <p> diff --git a/static/recipes/pizza.html b/static/recipes/pizza.html index b64afca..663ecd2 100644 --- a/static/recipes/pizza.html +++ b/static/recipes/pizza.html @@ -17,7 +17,7 @@ <a href="../../index.html">Home</a> </li> <li> - <a href="../static/about.html">About</a> + <a href="../about.html">About</a> </li> <li> <a href="./overview.html">Recipes</a> @@ -46,10 +46,10 @@ <li>10g Salt</li> <li>7g Active Dry Yeast</li> <li>400g Canned Tomatoes (~1 Can)</li> - <li>200g Mozzarella</li> + <li>100g Mozzarella</li> </ul> - <h2>Directions</h2> + <h2>Instructions</h2> <ol> <li> <p> @@ -58,35 +58,48 @@ </li> <li> <p> - Add the water and knead the dough until no dry flour is left.<br> - Cover the bowl and let it rest a couple hours, until doubled in size.<br> + Add the water and knead the dough until no dry flour is left. + </p> + </li> + <li> + <p> + Cover the bowl and let it rest a couple hours, until doubled in size. You can also let it rest overnight. </p> </li> <li> <p> Once the dough has finished resting, take it out of the bowl onto your working surface - and knead it a bit more, about 2-3 minutes.<br> - Divide the dough into two equally sized portions. Take one portion and lightly cover it - with a damp towel to let it rest for an additional hour.<br> - You can put the other portion into the fridge or freezer. - While the dough is resting one final time, preheat the oven as high as your oven can go.<br> + and knead it a bit more, about 2-3 minutes. + </p> + </li> + <li> + <p> + Divide the dough into four equally sized portions. Take one portion and lightly cover it + with a damp towel to let it rest for an additional hour. + You can put the other portions into the fridge or freezer. + While the dough is resting one final time, preheat your oven as high as it can go.<br> </p> </li> <li> <p> - Meanwhile we're making the pizza sauce.<br> - For this, we're just going to crush the canned tomatoes. You can use - your hands or puree it with a stick blender. Add some salt and pepper to your liking.<br> - If you're feeling fancy, you can add oregano and thyme, or any other additional seasonings you like. + Meanwhile, it's time to make the pizza sauce. + For this, I usually just use canned tomatoes. You can use + your hands to crush them or puree it with a stick blender. + Add some salt and pepper to your liking. + If you're feeling fancy, you can add oregano and thyme, + or any other additional seasonings you like.<br> + This makes enough sauce for multiple pizzas. You can also use it for pasta. </p> </li> <li> <p> - Stretch out the dough as big as you can.<br> - Put the sauce and mozzarella on top. I like to rip the mozzarella by hand.<br> - Then the pizza goes into the oven for about 7-10 minutes, depending how hot you oven goes.<br> - Once the mozzarella starts bubbling and is a nice golden brown it's done! + Stretch out the dough as big as you can. + Put the sauce and mozzarella on top. I like to rip the mozzarella by hand. + Then the pizza goes into the oven for about 7-10 minutes, + depending how hot you oven can go. + Once the mozzarella starts bubbling and is a nice golden + brown it's done! </p> </li> </ol> diff --git a/static/style.css b/static/style.css index a20a529..9824d4c 100644 --- a/static/style.css +++ b/static/style.css @@ -31,8 +31,8 @@ main, #headerwrapper { } #headerwrapper { + padding-top: 2%; text-align: center; - padding-top: 0.1%; padding-bottom: 2%; } @@ -49,26 +49,25 @@ nav li { nav a { text-decoration: none; display: block; - padding: 5px 6px 5px 6px; + padding: 0px 6px 5px 6px; color: white; } #lists { - float: left; - margin-right: 5%; - max-width: 45%; + margin-left: 2%; + flex: 1; } #img-wrapper { - float: right; - padding-top: 2%; - margin-left: 8%; - max-width: 30%; + text-align: right; + margin-right: 2%; + margin-left: 2%; + flex: 1; } img { max-height: 400px; - max-width: 100%; + max-width: 400px; } #recipe-list { |