-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Updated ingredients layout on all recipe pages.
- Loading branch information
1 parent
42b9431
commit 90bfa7e
Showing
5 changed files
with
556 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,123 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>Roast Duck with Seasonal Vegetables</title> | ||
| <link rel="stylesheet" type="text/css" href="recipes-style.css"> | ||
| <link rel="stylesheet" type="text/css" href="style.css"> | ||
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" crossorigin="anonymous"> | ||
| <link href="https://fonts.googleapis.com/css?family=Berkshire+Swash" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
|
|
||
| </head> | ||
| <body> | ||
| <header> | ||
| <div class="container-fluid"> | ||
| <div class="inner"> | ||
| <div class="row"> | ||
| <div class="col-xs-12"> | ||
| <div class="contact-info"> | ||
| <!-- Add font awesome icons --> | ||
| <a href="#" class="fa fa-envelope"></a> | ||
| <a href="#" class="fa fa-twitter"></a> | ||
| <a href="#" class="fa fa-instagram"></a> | ||
| <a href="#" class="fa fa-facebook"></a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="intro-container text-center"> | ||
| <!--<img class="logo" src=/iCloud Drive/Documents/GitHub/Leftover-recipes/logo.svg> --> | ||
| <div class="row"> | ||
| <div class="col-xs-12"> | ||
| <img class="logo" src="/assets/logo2.png"> | ||
| <!-- Navigation menu --> | ||
| <div class="nav-menu"> | ||
| <ul> | ||
| <li><a href="../index.html#About-Us">About us</a></li> | ||
| <li><a href="../index.html#Recipes">The Recipes</a></li> | ||
| <li><a href="../submit-recipe.html">Share Your Recipe</a></li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </header> | ||
|
|
||
| <h1>Roast Duck with Seasonal Vegetables</h1> | ||
| <img src="images/interface/DuckConfit.jpg" alt="Roasted Duck Garnished with Seasonal Vegetable and a Fiery Sauce" class="align-center medium"/> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="col-sm-12 text-center"> | ||
|
|
||
| <h2 class="intro">INGREDIENTS</h2> | ||
| <ul class="ingredients"> | ||
| <li>2 Duck Legs (Organic or Free-Range)</li> | ||
| <li>1 red onion, peeled & cut in half</li> | ||
| <li>1 large parsnip, peeled & cut into 2cm chunks</li> | ||
| <li>1 large carrot, peeled & cut into 2 cm chunks</li> | ||
| <li>1 large potato, peeled & cut into 2cm chunks</li> | ||
| <li>1 bulb garlic, cut in half widthways</li> | ||
| <li>Fresh rosemary & thyme</li> | ||
| <li>2 tbsp of balsamic syrup</li> | ||
| <li>4 tbsp of olive oil</li> | ||
| <li>Salt & Pepper</li> | ||
| </ul> | ||
|
|
||
|
|
||
| <h2>INSTRUCTIONS</h2> | ||
| <ol> | ||
| <li>Pre-heat oven 200°C, Fan 180°C, Gas Mark 6</li> | ||
| <li>Put the onion, beetroot, carrot, potatoes, garlic, and herbs into a roasting tray and season them well with salt and pepper and add olive oil.<br/> | ||
| Mix well so that all the vegetables are covered in oil. (Add a little more if necessary).</li> | ||
| <li>Place into the oven and cook for approx 40-50 mins, stirring once halfway through cooking. The spinach will need to be added to these vegetables.<br/> | ||
| (5 mins from completion of cooking time.)</li> | ||
| <li>When the vegetables have been in the oven for 20 minutes, start cooking the Gressingham duck breasts. <br/> | ||
| Place an empty roasting tray in to the oven to keep it warm.</li> | ||
| <li>Take the breasts and lightly score the skin and pat dry. Place the breasts skin side down in a frying pan on a low to medium heat with no oil.</br> | ||
| Cook for 6-8 minutes until the skin is golden and crispy. Be sure to carefully pour off any excess fat as it is cooking.</li> | ||
| <li>Once the skin is crispy, flip the duck over and sear the meat for 30 seconds.Transfer to the warm baking tray and place in the oven to <br/> | ||
| cook for 12 mins for a medium rare result (leave in the oven for longer if you like your duck well done.)</li> | ||
| <li>Remove from the oven and allow to rest until the vegetables are cooked.</li> | ||
| <li>Once the spinach has been added and cooked through, remove from the oven, pour over the balsamic syrup, mix well with</br> | ||
| the vegetables and serve onto 2 plates. Carve the duck and place on top of the vegetables. Serve.</li> | ||
| </ol> | ||
|
|
||
| </div class="col-sm-12 text-center"></div> | ||
| </div class="row"></div> | ||
| <div class="container"></div> | ||
| <br> | ||
| <br> | ||
| <br> | ||
|
|
||
| <footer> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="col-sm-2"></div> | ||
| <div class="col-sm-8"> | ||
| <p class="block-title">Search here for a "LeftLover Recipe"</p> | ||
| <input type="text" name="search" placeholder="..."> | ||
| <div class="views-exposed-form"> | ||
| <div class="views-exposed-widgets clearfix"> | ||
| <div id="edit-search-api-views-fulltext-wrapper" class="views-exposed-widget views-widget-filter-search_api_views_fulltext"> | ||
| <div class="views-exposed-widget views-submit-button"> | ||
| <button type="submit" id="edit-submit-recipes-landing-block" name="" value="Search" class="btn btn-primary form-submit">Search</button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="col-sm-2"></div> | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| <div class="container-fluid"></div> | ||
| <div class="row"></div> | ||
| <div class="col-sx-6 text-center"></div> | ||
|
|
||
| </footer> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,109 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>Congolese 'Jollof Rice' with Spicy Chicken and Fresh Peppers</title> | ||
| <link rel="stylesheet" type="text/css" href="recipes-style.css"> | ||
| <link rel="stylesheet" type="text/css" href="style.css"> | ||
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" crossorigin="anonymous"> | ||
| <link href="https://fonts.googleapis.com/css?family=Berkshire+Swash" rel="stylesheet"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
|
|
||
| </head> | ||
| <body> | ||
| <header> | ||
| <div class="container-fluid"> | ||
| <div class="inner"> | ||
| <div class="row"> | ||
| <div class="col-xs-12"> | ||
| <div class="contact-info"> | ||
| <!-- Add font awesome icons --> | ||
| <a href="#" class="fa fa-envelope"></a> | ||
| <a href="#" class="fa fa-twitter"></a> | ||
| <a href="#" class="fa fa-instagram"></a> | ||
| <a href="#" class="fa fa-facebook"></a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="intro-container text-center"> | ||
| <!--<img class="logo" src=/iCloud Drive/Documents/GitHub/Leftover-recipes/logo.svg> --> | ||
| <div class="row"> | ||
| <div class="col-xs-12"> | ||
| <img class="logo" src="/assets/logo2.png"> | ||
| <!-- Navigation menu --> | ||
| <div class="nav-menu"> | ||
| <ul> | ||
| <li><a href="../index.html#About-Us">About us</a></li> | ||
| <li><a href="../index.html#Recipes">The Recipes</a></li> | ||
| <li><a href="../submit-recipe.html">Share Your Recipe</a></li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </header> | ||
|
|
||
| <h1>Congolese 'Jollof Rice' with Spicy Chicken and Fresh Peppers</h1> | ||
| <img src="images/interface/ChickenRice.jpg" alt="Congolese 'Jollof Rice' with Spicy Chicken and Fresh Peppers" class="align-center medium"/> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="col-sm-12 text-center"> | ||
|
|
||
| <h2 class="intro">INGREDIENTS</h2> | ||
| <ul class="ingredients"> | ||
| <li>750g basmati rice</li> | ||
| <li>500g Chopped Tomatoes</li> | ||
| <li>Chicken (thigh and legs preferred)</li> | ||
| <li>Salt & Pepper</li> | ||
| <li>2 white onions</li> | ||
| <li>3 Maggi Cubes</li> | ||
| <li>2 teaspoons thyme</li> | ||
| <li>Scotch Bonnet (to taste)</li> | ||
| </ul> | ||
|
|
||
| <h2>INSTRUCTIONS</h2> | ||
| <ol> | ||
| <li>Pour the chicken stock and the chopped tomatoes into a sizeable pot and leave to boil.</li> | ||
| <li>Wash your rice thoroughly and then bring to the boil.</li> | ||
| <li>Add the Maggi Cubes, salt and pepper to your taste.</br></li> | ||
| <li>Cover the pot and leave to cook on low to medium heat. This way the rice does not burn before the water dries up.</li> | ||
| <li>Take the chicken pieces, lightly score the skin and pat dry. Place the pieces skin side down in a frying pan on a low to medium heat with no oil.</br></li> | ||
| <li>Cook for 6-8 minutes until the skin is golden and crispy. Be sure to carefully pour off any excess fat as it is cooking.</li> | ||
| </ol> | ||
|
|
||
| </div class="col-sm-12 text-center"></div> | ||
| </div class="row"></div> | ||
| <div class="container"></div> | ||
| <br> | ||
| <br> | ||
| <br> | ||
|
|
||
| <footer> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="col-sm-2"></div> | ||
| <div class="col-sm-8"> | ||
| <p class="block-title">Search here for a "LeftLover Recipe"</p> | ||
| <input type="text" name="search" placeholder="..."> | ||
| <div class="views-exposed-form"> | ||
| <div class="views-exposed-widgets clearfix"> | ||
| <div id="edit-search-api-views-fulltext-wrapper" class="views-exposed-widget views-widget-filter-search_api_views_fulltext"> | ||
| <div class="views-exposed-widget views-submit-button"> | ||
| <button type="submit" id="edit-submit-recipes-landing-block" name="" value="Search" class="btn btn-primary form-submit">Search</button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="col-sm-2"></div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="container-fluid"></div> | ||
| <div class="row"></div> | ||
| <div class="col-sx-6 text-center"></div> | ||
|
|
||
| </footer> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,105 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>Warm Apple Turnover</title> | ||
| <link rel="stylesheet" type="text/css" href="recipes-style.css"> | ||
| <link rel="stylesheet" type="text/css" href="style.css"> | ||
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" crossorigin="anonymous"> | ||
| <link href="https://fonts.googleapis.com/css?family=Berkshire+Swash" rel="stylesheet"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
|
|
||
| </head> | ||
| <body> | ||
| <header> | ||
| <div class="container-fluid"> | ||
| <div class="inner"> | ||
| <div class="row"> | ||
| <div class="col-xs-12"> | ||
| <div class="contact-info"> | ||
| <!-- Add font awesome icons --> | ||
| <a href="#" class="fa fa-envelope"></a> | ||
| <a href="#" class="fa fa-twitter"></a> | ||
| <a href="#" class="fa fa-instagram"></a> | ||
| <a href="#" class="fa fa-facebook"></a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="intro-container text-center"> | ||
| <!--<img class="logo" src=/iCloud Drive/Documents/GitHub/Leftover-recipes/logo.svg> --> | ||
| <div class="row"> | ||
| <div class="col-xs-12"> | ||
| <img class="logo" src="/assets/logo2.png"> | ||
| <!-- Navigation menu --> | ||
| <div class="nav-menu"> | ||
| <ul> | ||
| <li><a href="../index.html#About-Us">About us</a></li> | ||
| <li><a href="../index.html#Recipes">The Recipes</a></li> | ||
| <li><a href="../submit-recipe.html">Share Your Recipe</a></li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </header> | ||
|
|
||
| <h1>Warm Apple Turnover</h1> | ||
| <img src="images/interface/AppleTurnover.jpeg" alt="Warm Apple Turnover" class="align-center medium"/> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="col-sm-12 text-center"> | ||
|
|
||
| <h2 class="intro">INGREDIENTS</h2> | ||
| <ul class="ingredients"> | ||
| <li>4 medium apples, peeled and chopped</li> | ||
| <li>2 tablespoons of butter</li> | ||
| <li>500g of brown sugar</li> | ||
| <li>1 teaspoon of ground cinnamon</li> | ||
| <li>2 teaspoons of cornflour</li> | ||
| <li>1 sheet of puff pastry</li> | ||
| <li>Egg wash (1 egg beaten with 1 teaspoon water)</li> | ||
| </ul> | ||
|
|
||
| <h2>INSTRUCTIONS</h2> | ||
| <ol> | ||
| <li>Heat oven to 400°F. Line a baking tray with greaseproof baking paper.</li> | ||
| <li>In a saucepan, heat apples, butter, brown sugar, cinnamon and cornflour to the boil over medium-high heat.</li> | ||
| <li>Reduce the heat to a simmer for about 5 minutes or until thickened and the apples are tender. Set it aside to cool slightly.</br></li> | ||
| <li>Sprinkle work surface lightly with flour. Roll out thawed puff pastry into 15-inch squares then further</br> | ||
| cut into 4 smaller squares.</li> | ||
| <li>Brush each square with egg wash and spoon the apple mixture onto the center of each square.</br></li> | ||
| <li>Fold each in half diagonally to form a triangle and press the edges together to seal them. Use the back of the fork to crimp the edges.</li> | ||
| <li>PLace the uncooked pastries onto the baking tray; brush again with egg wash. Use a sharp knife to cut a few vents into each turnover.</li> | ||
| <li>Bake for 25 to 30 minutes or until golden.</li> | ||
| </ol> | ||
|
|
||
| </div class="col-sm-12 text-center"></div> | ||
| </div class="row"></div> | ||
| <div class="container"></div> | ||
| <br> | ||
| <br> | ||
| <br> | ||
|
|
||
| <footer> | ||
| <p class="block-title">"Search here for a "LeftLover Recipe"</p> | ||
|
|
||
| <input type="text" name="search" placeholder="..."> | ||
| <div class="views-exposed-form"> | ||
| <div class="views-exposed-widgets clearfix"> | ||
| <div id="edit-search-api-views-fulltext-wrapper" class="views-exposed-widget views-widget-filter-search_api_views_fulltext"> | ||
| <div class="views-exposed-widget views-submit-button"> | ||
| <button type="submit" id="edit-submit-recipes-landing-block" name="" value="Search" class="btn btn-primary form-submit">Search</button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="container-fluid"></div> | ||
| <div class="row"></div> | ||
| <div class="col-sx-6 text-center"></div> | ||
|
|
||
| </footer> | ||
| </body> | ||
| </html> |
Oops, something went wrong.