<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="/stars-stripes-bagel" title="Stars and Stripes Bagel" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Stars and Stripes Bagel image" title="Stars and Stripes Bagel" 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/0gh0m7x54u5idfl6yzt3v8q62hgf" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Stars and Stripes Bagel</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="/bacon-comte-bread" title="Bacon and Comté Bread" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Bacon and Comté Bread image" title="Bacon and Comté Bread" 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/s7b0qrywna14piy776f61lv3ckyw" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Bacon and Comté Bread</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="/cullen-skink" title="Cullen Skink" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Cullen Skink image" title="Cullen Skink" 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/1zos3purxsfk4rwztlv897cm56ra" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Cullen Skink</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="/roasted-mushroom-soup" title="Roasted Mushroom Soup" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Roasted Mushroom Soup image" title="Roasted Mushroom 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/tlnrsetw3c6pn11wfajx6qudu0ql" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Roasted Mushroom 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="/pancakes" title="Pancakes" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Pancakes image" title="Pancakes" 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/1jkf4ho0qiecq0np6t8g9kmapmlz" />

</picture>


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

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

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

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

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

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Lamb 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="/rabbit-liver-parfait" title="Rabbit Liver Parfait" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Rabbit Liver Parfait image" title="Rabbit Liver Parfait" 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/0aoao3f5296if2sajcnjbnz0muve" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Rabbit Liver Parfait</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="/dry-cured-bacon" title="Dry Cured Bacon" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Dry Cured Bacon image" title="Dry Cured Bacon" 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/73i43n53zvbi4l6uql7qs2xj26wm" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Dry Cured Bacon</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="/banana-bread" title="Banana Bread" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Banana Bread image" title="Banana Bread" 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/pour9kti4ytlrc5mz2rwbuvrg2qz" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Banana Bread</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="/coq-vin" title="Coq au Vin" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Coq au Vin image" title="Coq au Vin" 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/nbji859a6g8iqel47807gkru3yls" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Coq au Vin</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-pancetta" title="Chicken and Pancetta" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Chicken and Pancetta image" title="Chicken and 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/trsezvpd5ae6186ndy478aviun5l" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Chicken and 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="/peanut-caramel-shortbread" title="Peanut Caramel Shortbread" data-preload-target="link" data-turbo="false">
        

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

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

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

  <img alt="Peanut Caramel Shortbread image" title="Peanut Caramel Shortbread" 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/3fzts5cjbe0vq3bg7c2fnohpxcaw" />

</picture>


        <div class="entry-title">
          <h3 class="is-size-5-tablet is-size-6-mobile">Peanut Caramel Shortbread</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=11">Load more recipes</a>
</div>
</template></turbo-stream>