<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="/confit-guineafowl-lentils" title="Confit Guineafowl with Lentils" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Confit Guineafowl with Lentils image" title="Confit Guineafowl with Lentils" 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/ju8825gfoqozkw8sc0jy94e1umih" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Confit Guineafowl with Lentils</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="/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="/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="/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="/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="/cranachan" title="Cranachan" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Cranachan image" title="Cranachan" 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/0vupbepe69kfkdcav9s3w437x5so" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Cranachan</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="/spaghetti-bolognese" title="Spaghetti Bolognese" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Spaghetti Bolognese image" title="Spaghetti Bolognese" 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/rxpdjd3ie54sui7i7g0mj6c6f1y2" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Spaghetti Bolognese</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="/macaroni-cheese" title="Macaroni Cheese" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Macaroni Cheese image" title="Macaroni Cheese" 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/ow43eigec32opwnbs7yfrpwig6fh" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Macaroni Cheese</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>