<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="/rolled-pancetta" title="Rolled Pancetta" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Rolled Pancetta image" title="Rolled Pancetta" 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/ratk5thrl17cqy1wn3tmy9rpm0q0" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Rolled Pancetta</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="/sourdough-crumpets" title="Sourdough Crumpets" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Sourdough Crumpets image" title="Sourdough Crumpets" 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/v10xvugr57ydd3245cxrvwfxuewd" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Sourdough Crumpets</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="/pork-vindaloo" title="Pork Vindaloo" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Pork Vindaloo image" title="Pork Vindaloo" 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/txa5vbh67zxoznazf45nenp6nkfw" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Pork Vindaloo</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="/tagliatelle-lardons-wild-leeks" title="Tagliatelle with lardons and wild leeks" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Tagliatelle with lardons and wild leeks image" title="Tagliatelle with lardons and wild leeks" 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/uyw90a7f5cxvzcglxdpna5o36dnz" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Tagliatelle with lardons and wild leeks</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="/pasta-puttanesca" title="Pasta Puttanesca" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Pasta Puttanesca image" title="Pasta Puttanesca" 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/ucjttnyfpau9c8shkzedw85ls62e" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Pasta Puttanesca</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="/carrot-cumin-coriander-soup" title="Carrot, Cumin and Coriander Soup" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Carrot, Cumin and Coriander Soup image" title="Carrot, Cumin and Coriander 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/31fj35k5rq0ic1p9n639jsb8i31d" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Carrot, Cumin and Coriander 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="/beetroot-bean-chilli" title="Beetroot and Bean Chilli" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Beetroot and Bean Chilli image" title="Beetroot and Bean Chilli" 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/2rnezk1ckv22pl8qwzl39fkv02ev" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Beetroot and Bean Chilli</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="/red-cabbage-coleslaw" title="Red Cabbage Coleslaw" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Red Cabbage Coleslaw image" title="Red Cabbage Coleslaw" 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/0y3b7hhd60u488kgjeqhg2d6io86" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Red Cabbage Coleslaw</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="/curried-parsnip-soup" title="Curried Parsnip Soup" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Curried Parsnip Soup image" title="Curried Parsnip 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/cp85o9ozueagmt4j77r20f7uafuu" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Curried Parsnip 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="/mushroom-rigatoni" title="Mushroom Rigatoni" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Mushroom Rigatoni image" title="Mushroom Rigatoni" 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/wj39remt5pbt7hcsp9sbnsflix7c" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Mushroom Rigatoni</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="/chanterelle-coconut-curry" title="Chanterelle and Coconut Curry" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Chanterelle and Coconut Curry image" title="Chanterelle and Coconut Curry" 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/bwu5qadtz2306qxwzkdrae0cjmor" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Chanterelle and Coconut Curry</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="/refried-bean-salad" title="Refried Bean Salad" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Refried Bean Salad image" title="Refried Bean 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/80kwza8bfizk9av086to7hfb6z0w" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Refried Bean Salad</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=4">Load more recipes</a>
</div>
</template></turbo-stream>