From 8e9cc12e4806eb830515a585ac481c6f37a92f2f Mon Sep 17 00:00:00 2001 From: yuzu-eva Date: Mon, 20 Mar 2023 23:30:35 +0100 Subject: changed styling some more --- static/about.html | 4 ++-- static/recipes/omurice.html | 4 ++-- static/recipes/oyakodon.html | 4 ++-- static/recipes/pizza.html | 49 ++++++++++++++++++++++++++++---------------- static/style.css | 19 ++++++++--------- 5 files changed, 46 insertions(+), 34 deletions(-) (limited to 'static') 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 @@
-

+ This website will contain all projects related to The Odin Project online course. -

+
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 @@ Home
  • - About + About
  • Recipes @@ -51,7 +51,7 @@
  • 3 Eggs
    • -

    Directions

    +

    Instructions

    1. 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 @@ Home

    2. - About + About
    3. Recipes @@ -52,7 +52,7 @@
    4. Optional: 1 Egg Yolk
      5. -

      Directions

      +

      Instructions

      1. 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 @@ Home

      2. - About + About
      3. Recipes @@ -46,10 +46,10 @@
      4. 10g Salt
      5. 7g Active Dry Yeast
      6. 400g Canned Tomatoes (~1 Can)
        7. -
      7. 200g Mozzarella
        8. +
      8. 100g Mozzarella
        9. -

        Directions

        +

        Instructions

        1. @@ -58,35 +58,48 @@

        2. - Add the water and knead the dough until no dry flour is left.
          - Cover the bowl and let it rest a couple hours, until doubled in size.
          + Add the water and knead the dough until no dry flour is left. +

          +
          3. +
        3. +

          + Cover the bowl and let it rest a couple hours, until doubled in size. You can also let it rest overnight.

        4. 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.
          - 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.
          - 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.
          + and knead it a bit more, about 2-3 minutes. +

          +
          5. +
        5. +

          + 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.

        6. - Meanwhile we're making the pizza sauce.
          - 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.
          - 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.
          + This makes enough sauce for multiple pizzas. You can also use it for pasta.

        7. - 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 goes.
          - 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!

        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 { -- cgit v1.2.3