<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="/risotto-winter-greens" title="Risotto of Winter Greens" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Risotto of Winter Greens image" title="Risotto of Winter Greens" 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/gdg3g97qiqlor4e76ui0384e6orx" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Risotto of Winter Greens</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="/berber-omelette" title="Berber Omelette" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Berber Omelette image" title="Berber Omelette" 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/ip367pv2z40oyxloakxxar4dubc2" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Berber Omelette</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="/cured-chicken-leg-butter-beans" title="Cured Chicken Leg with Butter Beans" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Cured Chicken Leg with Butter Beans image" title="Cured Chicken Leg with Butter 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/1jzkqvn2zc8foc37xuk2zud7d8wo" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Cured Chicken Leg with Butter 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="/chicken-caesar-salad" title="Chicken Caesar Salad" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Chicken Caesar Salad image" title="Chicken Caesar 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/qb7z4e46uld6ziufmmagfm8yvmfa" />

</picture>


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

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

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

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

  <img alt="Spaghetti Carbonara image" title="Spaghetti Carbonara" 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/98ewgvb9m7q1sxer5cfgqcat609p" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Spaghetti Carbonara</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="/apple-tarte-tatin" title="Apple Tarte Tatin" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Apple Tarte Tatin image" title="Apple Tarte Tatin" 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/yhge36gbkzbl734l9q0p9peeg836" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Apple Tarte Tatin</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-raspberry-brownies" title="Chocolate and Raspberry Brownies" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Chocolate and Raspberry Brownies image" title="Chocolate and Raspberry Brownies" 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/d9at8z6ls72e0p4fto144zb2qutp" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Chocolate and Raspberry Brownies</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="/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="/porridge-oats-banana-cake" title="Porridge Oats and Banana Cake" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Porridge Oats and Banana Cake image" title="Porridge Oats and Banana Cake" 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/0n1n1yqwhzcuuaos3j5jjkj29e9p" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Porridge Oats and Banana Cake</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=10">Load more recipes</a>
</div>
</template></turbo-stream>