diff --git a/index.html b/index.html index 612c1cb..5f4c203 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,7 @@ Recipes +

Odin Recipes

@@ -15,20 +16,22 @@
  • Avocado Toast
  • Stove Popped Popcorn
    • -

    - Welcome to my first Odin project! The purpose of this site is to - simply showcase what I have learned in the course thus far. Which is just - some HTML stuff. So at the moment it looks a bit of a hot mess. Please excuse it lol. -

    -

    - Accoring to the site, we should be revisiting this bare bones site - after learning more CSS, so it won't look like this forever. Unless, of - course I get shiny object syndrome, which has been known to happen, more - often than I care to admit. -

    -

    - At any rate, make yourself at home and have a look around! And then we'll see - if in few weeks' or months' time if I've continued with the project. -

    +
    +

    + Welcome to my first Odin project! The purpose of this site is to + simply showcase what I have learned in the course thus far. Which is just + some HTML stuff. So at the moment it looks a bit of a hot mess. Please excuse it lol. +

    +

    + Accoring to the site, we should be revisiting this bare bones site + after learning more CSS, so it won't look like this forever. Unless, of + course I get shiny object syndrome, which has been known to happen, more + often than I care to admit. +

    +

    + At any rate, make yourself at home and have a look around! And then we'll see + if in few weeks' or months' time if I've continued with the project. +

    +
    \ No newline at end of file diff --git a/recipes/avocado-toast.html b/recipes/avocado-toast.html index 30aa6c8..51d0685 100644 --- a/recipes/avocado-toast.html +++ b/recipes/avocado-toast.html @@ -6,6 +6,7 @@ Recipes - Avocado Toast +

    Odin Recipes

    @@ -17,61 +18,63 @@
  • Stove Popped Popcorn
    • -

    Avocado Toast

    - Avocado Toast - -

    Description

    -

    - Yes, I'm a millenial and yes I love me some avocado toast. - Bite me. :p What I love even more, though, is just how versatile - this dish is. -

    -

    - Avocado toast can be as simple or as complex as you want it to be. - Sometimes, I just want just the bread and avacado. Other times, I'm - gormet it up, taking as much as a half hour to get my toast ready! -

    -

    This recipe will focus on the basics, but you can do up your avocado - toast however you want to. -

    -

    And with that in mind, let's get to it!

    +
    +

    Avocado Toast

    + Avocado Toast + +

    Description

    +

    + Yes, I'm a millenial and yes I love me some avocado toast. + Bite me. :p What I love even more, though, is just how versatile + this dish is. +

    +

    + Avocado toast can be as simple or as complex as you want it to be. + Sometimes, I just want just the bread and avacado. Other times, I'm + gormet it up, taking as much as a half hour to get my toast ready! +

    +

    This recipe will focus on the basics, but you can do up your avocado + toast however you want to. +

    +

    And with that in mind, let's get to it!

    -

    Ingredients

    - +

    Ingredients

    + -

    Steps

    -
      -
    1. Heat up some butter or olive oil in a pan.
      2. -
    2. Soak up that melted butter or oil with the bread.
      3. -
    3. Toast it. Now you have a few options here: -
        -
      • You can leave it in the pan and let it toast that way, or/li> -
      • You can remove the bread and toast in an oven or toaster.
        • -
      - Personally, I prefer letting my bread toast on the stove on medium heat. -
      4. -
    4. While your bread toasts, slice up your avocado. I know some - people like to smush the avocado to hell. If you're one of those - people, more power to you, but I'm not about that life. If I - wanted guacamole, then I'd make that... properly --- but you do you. ;) - Also, keep an eye your toast! Toasty bread has a - way of sneaking up on you. -
      5. -
    5. Add the avocado to your toasty bread and enjoy! Ooorr...
      6. -
    6. Gourmet it up and add some of your favorite toppings to it. - I personally enjoy fresh greens, roasted tomato, cheese, mustard, - and sometimes the occasional fried egg and hot sauce - but that's - getting into sandwich territory lol. -
      7. -
    +

    Steps

    +
      +
    1. Heat up some butter or olive oil in a pan.
      2. +
    2. Soak up that melted butter or oil with the bread.
      3. +
    3. Toast it. Now you have a few options here: +
        +
      • You can leave it in the pan and let it toast that way, or/li> +
      • You can remove the bread and toast in an oven or toaster.
        • +
      + Personally, I prefer letting my bread toast on the stove on medium heat. +
      4. +
    4. While your bread toasts, slice up your avocado. I know some + people like to smush the avocado to hell. If you're one of those + people, more power to you, but I'm not about that life. If I + wanted guacamole, then I'd make that... properly --- but you do you. ;) + Also, keep an eye your toast! Toasty bread has a + way of sneaking up on you. +
      5. +
    5. Add the avocado to your toasty bread and enjoy! Ooorr...
      6. +
    6. Gourmet it up and add some of your favorite toppings to it. + I personally enjoy fresh greens, roasted tomato, cheese, mustard, + and sometimes the occasional fried egg and hot sauce - but that's + getting into sandwich territory lol. +
      7. +
    -

    Anyway, I have blabbed enough. Go off and enjoy your avocado toast my - fellow "entitled" millenial! I know I'm going to enjoy mine! -

    +

    Anyway, I have blabbed enough. Go off and enjoy your avocado toast my + fellow "entitled" millenial! I know I'm going to enjoy mine! +

    +
    \ No newline at end of file diff --git a/recipes/greenbean-casserole.html b/recipes/greenbean-casserole.html index 9ed512b..1f6bb8f 100644 --- a/recipes/greenbean-casserole.html +++ b/recipes/greenbean-casserole.html @@ -5,7 +5,8 @@ Recipes - Green Bean Casserole - + +

    Odin Recipes

    @@ -16,52 +17,55 @@
  • Avocado Toast
  • Stove Popped Popcorn
    • -

    Green Bean Casserole

    - Green Bean Casserole - -

    Description

    -

    - Green bean casserole has been a favorite of mine since childhood. - It's creamy, cheesy, crunchy, fresh and super easy to make! - It only takes a few minutes of prep and about 30 minutes of cook time --- - depending on your oven of course. -

    -

    So without further ado, let's dive in to the recipe!

    -

    Ingredients

    - +
    +

    Green Bean Casserole

    + Green Bean Casserole + +

    Description

    +

    + Green bean casserole has been a favorite of mine since childhood. + It's creamy, cheesy, crunchy, fresh and super easy to make! + It only takes a few minutes of prep and about 30 minutes of cook time --- + depending on your oven of course. +

    +

    So without further ado, let's dive in to the recipe!

    -

    Steps

    -
      -
    1. Preheat your oven to 350 degrees.
      2. -
    2. Carefully open all the cans
      3. -
    3. Drain three all the canned green beans, keeping 1-2 cans of the - water from the green beans in reserve. -
      4. -
    4. In a large baking pan or oven safe skillet, add the cream of - mushroom soup and green beans. Mix evenly. -
      5. -
    5. Take half of the french onions and mix them in with green beans.
      6. -
    6. Take the reserved water and gradually mix it in with - the ingredients in the pan to your desired thickness. However, - be careful not to make it too runny or you run the risk of the - casserole not holding together well. -
      7. -
    7. Place the dish in the oven for 15-20 minutes.
      8. -
    8. Shred the cheese.
      9. -
    9. After the initial bake time, add the remainder of the french onions - to the top of the dish and place it back in the oven for another 5-10 - minutes. Watch it carefully so as not to burn the top layer of onions. -
      10. -
    10. Once the bake time is over, take the casserole out of the oven and let - it rest for about 2-5 minutes. -
      11. -
    11. Serve it up on a plate add cheese and enjoy!
      12. -
    +

    Ingredients

    + + +

    Steps

    +
      +
    1. Preheat your oven to 350 degrees.
      2. +
    2. Carefully open all the cans
      3. +
    3. Drain three all the canned green beans, keeping 1-2 cans of the + water from the green beans in reserve. +
      4. +
    4. In a large baking pan or oven safe skillet, add the cream of + mushroom soup and green beans. Mix evenly. +
      5. +
    5. Take half of the french onions and mix them in with green beans.
      6. +
    6. Take the reserved water and gradually mix it in with + the ingredients in the pan to your desired thickness. However, + be careful not to make it too runny or you run the risk of the + casserole not holding together well. +
      7. +
    7. Place the dish in the oven for 15-20 minutes.
      8. +
    8. Shred the cheese.
      9. +
    9. After the initial bake time, add the remainder of the french onions + to the top of the dish and place it back in the oven for another 5-10 + minutes. Watch it carefully so as not to burn the top layer of onions. +
      10. +
    10. Once the bake time is over, take the casserole out of the oven and let + it rest for about 2-5 minutes. +
      11. +
    11. Serve it up on a plate add cheese and enjoy!
      12. +
    +
    \ No newline at end of file diff --git a/recipes/stove-popped-popcorn.html b/recipes/stove-popped-popcorn.html index 7c81283..300bc15 100644 --- a/recipes/stove-popped-popcorn.html +++ b/recipes/stove-popped-popcorn.html @@ -6,6 +6,7 @@ Recipes - Stove Popped Popcorn +

    Odin Recipes

    @@ -17,47 +18,49 @@
  • Stove Popped Popcorn
    • -

    Stove Popped Popcorn

    - Stove Popped Popcorn - -

    Description

    -

    - This one is extremely easy! All you need is vegetable oil, - salt, and popcorn kernals. That's it! Of course if you want to - get fancy and add black pepper, replace the salt entirely with - your choice of popcorn seasoning, or even get extra fancy and make - caramel popcorn, that is entirely up to you. But if you're just looking - for a simple delicious popcorn, three ingredients is all you need -

    -

    So let's dive in!

    +
    +

    Stove Popped Popcorn

    + Stove Popped Popcorn -

    Ingredients

    - +

    Description

    +

    + This one is extremely easy! All you need is vegetable oil, + salt, and popcorn kernals. That's it! Of course if you want to + get fancy and add black pepper, replace the salt entirely with + your choice of popcorn seasoning, or even get extra fancy and make + caramel popcorn, that is entirely up to you. But if you're just looking + for a simple delicious popcorn, three ingredients is all you need +

    +

    So let's dive in!

    -

    Steps

    -
      -
    1. Cover the bottom of a small pot generously with vegetable oil.
      2. -
    2. Put the oil on medium heat and add 3-4 kernals to the pan.
      3. -
    3. Puts some kernals in 1/4 to 1/2 measuring cup, depending on the size - of the pot and the amount of oil in the pot for easy acacess. -
      4. -
    4. Chill or catch up on some stuff and listen out for the sound of a - kernal popping. -
      5. -
    5. Once you hear a kernal pop, return to the stove and pour a - single layer of kernals in the pot. The kernals should be - barely emmersed in the oil. -
      6. -
    6. Let the kernals pop and shake the pan regularly as they do.
      7. -
    7. Once the popping starts to slow down, immediately turn of the stove, - remove the popcorn from the heat and carefully pour it into a - serving bowl. -
      8. -
    8. Add your desired amount of salt and/or seasonings and enjoy!
      9. -
    +

    Ingredients

    + + +

    Steps

    +
      +
    1. Cover the bottom of a small pot generously with vegetable oil.
      2. +
    2. Put the oil on medium heat and add 3-4 kernals to the pan.
      3. +
    3. Puts some kernals in 1/4 to 1/2 measuring cup, depending on the size + of the pot and the amount of oil in the pot for easy acacess. +
      4. +
    4. Chill or catch up on some stuff and listen out for the sound of a + kernal popping. +
      5. +
    5. Once you hear a kernal pop, return to the stove and pour a + single layer of kernals in the pot. The kernals should be + barely emmersed in the oil. +
      6. +
    6. Let the kernals pop and shake the pan regularly as they do.
      7. +
    7. Once the popping starts to slow down, immediately turn of the stove, + remove the popcorn from the heat and carefully pour it into a + serving bowl. +
      8. +
    8. Add your desired amount of salt and/or seasonings and enjoy!
      9. +
    +
    \ No newline at end of file diff --git a/style.css b/style.css index 497ecd5..ae3553f 100644 --- a/style.css +++ b/style.css @@ -31,7 +31,6 @@ h3{ border: 5px solid green; text-align: center; list-style-type: none; - width: fit-content; margin: auto; } @@ -39,4 +38,9 @@ h3{ margin: 8px; display: inline-block; font-size: 20px; +} + +.content{ + font-family: 'Assistant', sans-serif; + font-size: 20px; } \ No newline at end of file