<turbo-stream action="append" target="truncated-recipe-list"><template>


  <div class="column is-one-third-tablet is-one-quarter-desktop is-half-mobile is-flex is-justify-content-center">
    <div class="box image-container has-text-centered ">
      <a href="/mums-tomato-soup" title="Mum&#39;s Tomato Soup" data-preload-target="link" data-turbo="false">
        

<picture class="image-container">
  <source
    media="(max-width: 450px)"
    srcset="https://images.grubdaily.com/5htxvu517mo96xa2jrxezenqb53n"
    width="180px"
    height="180px"
  />

  <source
    media="(max-width: 600px)"
    srcset="https://images.grubdaily.com/uxl44yfuwk2l9af8i9wlrozj79c4"
    width="240px"
    height="240px"
  />

  <source
    media="(min-width: 601px)"
    srcset="https://images.grubdaily.com/dspaz1o364hmfim41slugiwq2ico"
    width="280px"
    height="280px"
  />

  <img alt="Mum&#39;s Tomato Soup image" title="Mum&#39;s Tomato Soup" width="280px" height="280px" loading="eager" class="" fetchpriority="high" data-default-image="/images/placeholder-square.jpg" data-remove-on-error="false" data-controller="image-error-handler" data-image-error-handler-placeholder-value="/images/placeholder-square.jpg" src="https://images.grubdaily.com/dspaz1o364hmfim41slugiwq2ico" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Mum&#39;s Tomato Soup</h3>
        </div>
      </a>
    </div>
  </div>


  <div class="column is-one-third-tablet is-one-quarter-desktop is-half-mobile is-flex is-justify-content-center">
    <div class="box image-container has-text-centered ">
      <a href="/hummus" title="Hummus" data-preload-target="link" data-turbo="false">
        

<picture class="image-container">
  <source
    media="(max-width: 450px)"
    srcset="https://images.grubdaily.com/6g16lovi6gd0frq5ydddunv8zcta"
    width="180px"
    height="180px"
  />

  <source
    media="(max-width: 600px)"
    srcset="https://images.grubdaily.com/6awaxlq65wmsf7dug01tlbocfz5c"
    width="240px"
    height="240px"
  />

  <source
    media="(min-width: 601px)"
    srcset="https://images.grubdaily.com/t1qhbn5x1vaiqu9fd5wkk5ze9gde"
    width="280px"
    height="280px"
  />

  <img alt="Hummus image" title="Hummus" width="280px" height="280px" loading="eager" class="" fetchpriority="high" data-default-image="/images/placeholder-square.jpg" data-remove-on-error="false" data-controller="image-error-handler" data-image-error-handler-placeholder-value="/images/placeholder-square.jpg" src="https://images.grubdaily.com/t1qhbn5x1vaiqu9fd5wkk5ze9gde" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Hummus</h3>
        </div>
      </a>
    </div>
  </div>


  <div class="column is-one-third-tablet is-one-quarter-desktop is-half-mobile is-flex is-justify-content-center">
    <div class="box image-container has-text-centered ">
      <a href="/chicken-coriander-broth" title="Chicken and Coriander Broth" data-preload-target="link" data-turbo="false">
        

<picture class="image-container">
  <source
    media="(max-width: 450px)"
    srcset="https://images.grubdaily.com/nkzey6x5ndj6bvbg4o95rmmvalte"
    width="180px"
    height="180px"
  />

  <source
    media="(max-width: 600px)"
    srcset="https://images.grubdaily.com/iavvdhgwv5qb5sz0wkkd5sj9afc3"
    width="240px"
    height="240px"
  />

  <source
    media="(min-width: 601px)"
    srcset="https://images.grubdaily.com/0tr7ydj2h9bxgybg9jcge2y70ns2"
    width="280px"
    height="280px"
  />

  <img alt="Chicken and Coriander Broth image" title="Chicken and Coriander Broth" width="280px" height="280px" loading="eager" class="" fetchpriority="high" data-default-image="/images/placeholder-square.jpg" data-remove-on-error="false" data-controller="image-error-handler" data-image-error-handler-placeholder-value="/images/placeholder-square.jpg" src="https://images.grubdaily.com/0tr7ydj2h9bxgybg9jcge2y70ns2" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Chicken and Coriander Broth</h3>
        </div>
      </a>
    </div>
  </div>


  <div class="column is-one-third-tablet is-one-quarter-desktop is-half-mobile is-flex is-justify-content-center">
    <div class="box image-container has-text-centered ">
      <a href="/crab-salad" title="Crab Salad" data-preload-target="link" data-turbo="false">
        

<picture class="image-container">
  <source
    media="(max-width: 450px)"
    srcset="https://images.grubdaily.com/k2e0h6viq2bgxdkzeu0josmbx1ik"
    width="180px"
    height="180px"
  />

  <source
    media="(max-width: 600px)"
    srcset="https://images.grubdaily.com/23x8oyiu346o4w4z4le2njq6u04y"
    width="240px"
    height="240px"
  />

  <source
    media="(min-width: 601px)"
    srcset="https://images.grubdaily.com/ioozpx42v7x7akdn4qs5ubi316i5"
    width="280px"
    height="280px"
  />

  <img alt="Crab Salad image" title="Crab Salad" width="280px" height="280px" loading="eager" class="" fetchpriority="high" data-default-image="/images/placeholder-square.jpg" data-remove-on-error="false" data-controller="image-error-handler" data-image-error-handler-placeholder-value="/images/placeholder-square.jpg" src="https://images.grubdaily.com/ioozpx42v7x7akdn4qs5ubi316i5" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Crab Salad</h3>
        </div>
      </a>
    </div>
  </div>


  <div class="column is-one-third-tablet is-one-quarter-desktop is-half-mobile is-flex is-justify-content-center">
    <div class="box image-container has-text-centered ">
      <a href="/mulligatawny-soup" title="Mulligatawny Soup" data-preload-target="link" data-turbo="false">
        

<picture class="image-container">
  <source
    media="(max-width: 450px)"
    srcset="https://images.grubdaily.com/fshlmm0kvntde5a6pxz9vcqdwn72"
    width="180px"
    height="180px"
  />

  <source
    media="(max-width: 600px)"
    srcset="https://images.grubdaily.com/drmcxhkz6shaejr7tmuso9jk68nv"
    width="240px"
    height="240px"
  />

  <source
    media="(min-width: 601px)"
    srcset="https://images.grubdaily.com/tz6ippe575lqedmzqyr3cqaelp0l"
    width="280px"
    height="280px"
  />

  <img alt="Mulligatawny Soup image" title="Mulligatawny Soup" width="280px" height="280px" loading="eager" class="" fetchpriority="high" data-default-image="/images/placeholder-square.jpg" data-remove-on-error="false" data-controller="image-error-handler" data-image-error-handler-placeholder-value="/images/placeholder-square.jpg" src="https://images.grubdaily.com/tz6ippe575lqedmzqyr3cqaelp0l" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Mulligatawny Soup</h3>
        </div>
      </a>
    </div>
  </div>


  <div class="column is-one-third-tablet is-one-quarter-desktop is-half-mobile is-flex is-justify-content-center">
    <div class="box image-container has-text-centered ">
      <a href="/roast-chicken-leg-coriander" title="Roast Chicken Leg with Coriander" data-preload-target="link" data-turbo="false">
        

<picture class="image-container">
  <source
    media="(max-width: 450px)"
    srcset="https://images.grubdaily.com/df3ehmnxinhr3k9p7cwiq4z92lyp"
    width="180px"
    height="180px"
  />

  <source
    media="(max-width: 600px)"
    srcset="https://images.grubdaily.com/wm618p8ju4u17cv8a5bayhsoi8wb"
    width="240px"
    height="240px"
  />

  <source
    media="(min-width: 601px)"
    srcset="https://images.grubdaily.com/rw8d44nxhs7avuqqtgj15crcokpx"
    width="280px"
    height="280px"
  />

  <img alt="Roast Chicken Leg with Coriander image" title="Roast Chicken Leg with Coriander" width="280px" height="280px" loading="eager" class="" fetchpriority="high" data-default-image="/images/placeholder-square.jpg" data-remove-on-error="false" data-controller="image-error-handler" data-image-error-handler-placeholder-value="/images/placeholder-square.jpg" src="https://images.grubdaily.com/rw8d44nxhs7avuqqtgj15crcokpx" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Roast Chicken Leg with Coriander</h3>
        </div>
      </a>
    </div>
  </div>


  <div class="column is-one-third-tablet is-one-quarter-desktop is-half-mobile is-flex is-justify-content-center">
    <div class="box image-container has-text-centered ">
      <a href="/shepherds-pie" title="Shepherd&#39;s Pie" data-preload-target="link" data-turbo="false">
        

<picture class="image-container">
  <source
    media="(max-width: 450px)"
    srcset="https://images.grubdaily.com/jjwqzvd116yblyd0p8yo0p57v6gc"
    width="180px"
    height="180px"
  />

  <source
    media="(max-width: 600px)"
    srcset="https://images.grubdaily.com/bu7ycz00xwa3ldezyq4ac52524ev"
    width="240px"
    height="240px"
  />

  <source
    media="(min-width: 601px)"
    srcset="https://images.grubdaily.com/mwumb74nua70uyqz3vjbgmld8bqu"
    width="280px"
    height="280px"
  />

  <img alt="Shepherd&#39;s Pie image" title="Shepherd&#39;s Pie" width="280px" height="280px" loading="eager" class="" fetchpriority="high" data-default-image="/images/placeholder-square.jpg" data-remove-on-error="false" data-controller="image-error-handler" data-image-error-handler-placeholder-value="/images/placeholder-square.jpg" src="https://images.grubdaily.com/mwumb74nua70uyqz3vjbgmld8bqu" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Shepherd&#39;s Pie</h3>
        </div>
      </a>
    </div>
  </div>


  <div class="column is-one-third-tablet is-one-quarter-desktop is-half-mobile is-flex is-justify-content-center">
    <div class="box image-container has-text-centered ">
      <a href="/crispy-fried-egg-black-beans" title="Crispy Fried Egg and Black Beans" data-preload-target="link" data-turbo="false">
        

<picture class="image-container">
  <source
    media="(max-width: 450px)"
    srcset="https://images.grubdaily.com/e0l36ne8acwg2ryhnzlpzmqktdag"
    width="180px"
    height="180px"
  />

  <source
    media="(max-width: 600px)"
    srcset="https://images.grubdaily.com/yg5eqbn5s5wul2sl2nbr8cux3sci"
    width="240px"
    height="240px"
  />

  <source
    media="(min-width: 601px)"
    srcset="https://images.grubdaily.com/uyuna1pf2dicdulkx2dwzua88hjz"
    width="280px"
    height="280px"
  />

  <img alt="Crispy Fried Egg and Black Beans image" title="Crispy Fried Egg and Black Beans" width="280px" height="280px" loading="eager" class="" fetchpriority="high" data-default-image="/images/placeholder-square.jpg" data-remove-on-error="false" data-controller="image-error-handler" data-image-error-handler-placeholder-value="/images/placeholder-square.jpg" src="https://images.grubdaily.com/uyuna1pf2dicdulkx2dwzua88hjz" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Crispy Fried Egg and Black Beans</h3>
        </div>
      </a>
    </div>
  </div>


  <div class="column is-one-third-tablet is-one-quarter-desktop is-half-mobile is-flex is-justify-content-center">
    <div class="box image-container has-text-centered ">
      <a href="/chocolate-mousse" title="Chocolate Mousse" data-preload-target="link" data-turbo="false">
        

<picture class="image-container">
  <source
    media="(max-width: 450px)"
    srcset="https://images.grubdaily.com/hfq6b2ehbyberylfzsmy1sxzjbec"
    width="180px"
    height="180px"
  />

  <source
    media="(max-width: 600px)"
    srcset="https://images.grubdaily.com/bds6drnljrmh0yhwi50b68lq8v9x"
    width="240px"
    height="240px"
  />

  <source
    media="(min-width: 601px)"
    srcset="https://images.grubdaily.com/wnowcsqfpm40zy1throk96qdvnml"
    width="280px"
    height="280px"
  />

  <img alt="Chocolate Mousse image" title="Chocolate Mousse" width="280px" height="280px" loading="eager" class="" fetchpriority="high" data-default-image="/images/placeholder-square.jpg" data-remove-on-error="false" data-controller="image-error-handler" data-image-error-handler-placeholder-value="/images/placeholder-square.jpg" src="https://images.grubdaily.com/wnowcsqfpm40zy1throk96qdvnml" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Chocolate Mousse</h3>
        </div>
      </a>
    </div>
  </div>


  <div class="column is-one-third-tablet is-one-quarter-desktop is-half-mobile is-flex is-justify-content-center">
    <div class="box image-container has-text-centered ">
      <a href="/roast-garlic-soup" title="Roast Garlic Soup" data-preload-target="link" data-turbo="false">
        

<picture class="image-container">
  <source
    media="(max-width: 450px)"
    srcset="https://images.grubdaily.com/rrg5ej4doas23gxzgy3mgmlklsh2"
    width="180px"
    height="180px"
  />

  <source
    media="(max-width: 600px)"
    srcset="https://images.grubdaily.com/kadyvtbn98wupf6zcqjnsh1e1gdh"
    width="240px"
    height="240px"
  />

  <source
    media="(min-width: 601px)"
    srcset="https://images.grubdaily.com/yjocuhkerpt8ktrwipkdih0v23dr"
    width="280px"
    height="280px"
  />

  <img alt="Roast Garlic Soup image" title="Roast Garlic Soup" width="280px" height="280px" loading="eager" class="" fetchpriority="high" data-default-image="/images/placeholder-square.jpg" data-remove-on-error="false" data-controller="image-error-handler" data-image-error-handler-placeholder-value="/images/placeholder-square.jpg" src="https://images.grubdaily.com/yjocuhkerpt8ktrwipkdih0v23dr" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Roast Garlic Soup</h3>
        </div>
      </a>
    </div>
  </div>


  <div class="column is-one-third-tablet is-one-quarter-desktop is-half-mobile is-flex is-justify-content-center">
    <div class="box image-container has-text-centered ">
      <a href="/raspberry-cordial" title="Raspberry Cordial" data-preload-target="link" data-turbo="false">
        

<picture class="image-container">
  <source
    media="(max-width: 450px)"
    srcset="https://images.grubdaily.com/r9j52jwxdhhu58urdo2cc83t34jm"
    width="180px"
    height="180px"
  />

  <source
    media="(max-width: 600px)"
    srcset="https://images.grubdaily.com/6zvj5och88824ygeah981e5tt8ec"
    width="240px"
    height="240px"
  />

  <source
    media="(min-width: 601px)"
    srcset="https://images.grubdaily.com/fb07p95oo4iw80s84loy69f3f3co"
    width="280px"
    height="280px"
  />

  <img alt="Raspberry Cordial image" title="Raspberry Cordial" width="280px" height="280px" loading="eager" class="" fetchpriority="high" data-default-image="/images/placeholder-square.jpg" data-remove-on-error="false" data-controller="image-error-handler" data-image-error-handler-placeholder-value="/images/placeholder-square.jpg" src="https://images.grubdaily.com/fb07p95oo4iw80s84loy69f3f3co" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Raspberry Cordial</h3>
        </div>
      </a>
    </div>
  </div>


  <div class="column is-one-third-tablet is-one-quarter-desktop is-half-mobile is-flex is-justify-content-center">
    <div class="box image-container has-text-centered ">
      <a href="/cod-cockles-creme" title="Cod with Cockles à la Crème" data-preload-target="link" data-turbo="false">
        

<picture class="image-container">
  <source
    media="(max-width: 450px)"
    srcset="https://images.grubdaily.com/tcql3gp79aotxvs1cyf5ttovdus2"
    width="180px"
    height="180px"
  />

  <source
    media="(max-width: 600px)"
    srcset="https://images.grubdaily.com/vz56xlalqyhfi37fveg4bj2s8bmt"
    width="240px"
    height="240px"
  />

  <source
    media="(min-width: 601px)"
    srcset="https://images.grubdaily.com/8pwemnw5sxu4wi2zp1lmk1qm1azu"
    width="280px"
    height="280px"
  />

  <img alt="Cod with Cockles à la Crème image" title="Cod with Cockles à la Crème" width="280px" height="280px" loading="eager" class="" fetchpriority="high" data-default-image="/images/placeholder-square.jpg" data-remove-on-error="false" data-controller="image-error-handler" data-image-error-handler-placeholder-value="/images/placeholder-square.jpg" src="https://images.grubdaily.com/8pwemnw5sxu4wi2zp1lmk1qm1azu" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Cod with Cockles à la Crème</h3>
        </div>
      </a>
    </div>
  </div>
</template></turbo-stream><turbo-stream action="replace" target="load-more-button"><template><div id="load-more-button" class="pt-5 is-flex is-justify-content-center">
  <a class="button submit-button" data-turbo-stream="true" href="/more_recipes?page=9">Load more recipes</a>
</div>
</template></turbo-stream>