diff options
Diffstat (limited to 'Recipes/Chickpea, Fregola & Fennel Soup.html')
| -rw-r--r-- | Recipes/Chickpea, Fregola & Fennel Soup.html | 269 |
1 files changed, 269 insertions, 0 deletions
diff --git a/Recipes/Chickpea, Fregola & Fennel Soup.html b/Recipes/Chickpea, Fregola & Fennel Soup.html new file mode 100644 index 0000000..aeb2700 --- /dev/null +++ b/Recipes/Chickpea, Fregola & Fennel Soup.html @@ -0,0 +1,269 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + float: left; + margin-right: 14px; + } + .photo { + max-width: 140px; + max-height: 140px; + width: auto; + height: auto; + } + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + page-break-after: always; + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + <div class="photobox"> + <a href="#"> + <img src="Images/7F6512C5-8AC2-4CFE-AE0E-CED263F63F53/0FBF17EF-2471-4996-93BF-9A70E3199F52.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Chickpea, Fregola & Fennel Soup</h1> + + <!-- Info --> + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + <p itemprop="recipeCategory" class="categories">Soup</p> + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + <b>Prep Time: </b><span itemprop="">15 min</span> + <b>Cook Time: </b><span itemprop="">40 min</span> + <b>Servings: </b><span itemprop="">4-6</span> + + <!-- Source --> + <b>Source: </b> + + <span itemprop="author">Alimentari pg. 99</span> + + </p> + + <div class="clear"></div> + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>125</strong> ml olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> onion, finely diced</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> fennel bulbs, bulbs finely diced and fronds trimmed and chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> carrot, finely diced</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> celery stalks, finely diced</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> garlic cloves, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> bay leaves</p><p class="line" itemprop="recipeIngredient"><strong>500</strong> g drained tinned chickpeas</p><p class="line" itemprop="recipeIngredient"><strong>300</strong> g fregola or pearl cous cous or risoni</p><p class="line" itemprop="recipeIngredient"><strong>5</strong> tomatoes, sliced in half and grated</p><p class="line" itemprop="recipeIngredient"><strong>1.5</strong> litres vegetable stock</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cups baby spinach leaves</p><p class="line" itemprop="recipeIngredient">extra-virgin olive oil, for drizzling</p> + </div> + </div> + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + </div> + + <div class="right-column"> + + <!-- Description --> + <div class="descriptionbox"> + <h3 class="subhead">Description</h3> + <div itemprop="description" class="description text"> + <p>This is based on a traditional Sardinian recipe. You can use chicken, fish, vegetable stock or water, though chicken stock is what we prefer.</p> + </div> + </div> + + <!-- Directions --> + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Heat the oil in a heavy-based saucepan over medium-low heat. Add the onion, diced fennel, carrot, celery, garlic and bay leaves. Sweat, stirring often, for about 5 minutes until the vegetables are translucent (but don't allow them to colour). Add the chickpeas, fregola, grated tomato and the stock or water. Simmer for 30 minutes or until the fregola is al dente.</p><p class="line">Season with salt and pepper and stir in the spinach leaves and the fennel fronds (reserve a few for garnishing).</p><p class="line">Serve the soup in bowls, garnished with fennel fronds and a drizzle of extra-virgin olive oil.</p> + </div> + </div> + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + <!-- Used in two different places depending on the recipe layout --> + + + </div> + + <div class="clear"></div> + +</div> + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + { + msrc: 'Images/7F6512C5-8AC2-4CFE-AE0E-CED263F63F53/5405EF2E-4905-47C9-9C7B-7EDDAB5CDA03.jpg', + src: 'Images/7F6512C5-8AC2-4CFE-AE0E-CED263F63F53/5405EF2E-4905-47C9-9C7B-7EDDAB5CDA03.jpg', + w: 0, + h: 0, + title: '1' + }, + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + </body> +</html> |