---
title: ""
format:
  html:
    css: styles/custom.scss
    page-layout: custom
    include-in-header:
      text: |
        <link href="https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=Karla:ital,wght@0,200..800;1,200..800&family=Patrick+Hand&display=swap" rel="stylesheet">
---
```{r, warning=FALSE, echo=FALSE,comment=FALSE,include=FALSE}

library(googlesheets4)
library(dplyr)

gs4_auth(email = "blaise@kello.co.uk")  # uses cached token, no browser

esc <- function(x) gsub("([*_])", "\\\\\\1", x)

r2 = googlesheets4::range_read(
  ss    = "https://docs.google.com/spreadsheets/d/1GVFj_OSiZubVkn9hrQ-vBN-LN7feuz3-H7hJaQMG8eA/edit?pli=1&gid=842588785#gid=842588785",
  sheet = "Recipes_F2",
  #range = "D2:D100",
  col_names = TRUE
) |> 
  filter(code == "KWG2B")

ingredients = paste0(r2$Ingredients,"<br>* = organically certified ingredient")
ingredienten = paste0(r2$Ingredienten,"<br>* = biologische oorsprong")


```

```{=html}
<style>
 
</style>
<div class="lw-section">

  <!-- ── how is it supplied ── -->
  <div class="drinks-section">
    <div class="drinks-title">Peely Spicy Lemon Water Kefir</div>
    
    </div>

    <div class="step-card">
      <div class="step-desc">Ingredients: `r ingredients`.</div>
    </div>
  
    <div id="product-component-peely"></div>
<script src="assets/js/buy-button.js"></script>
<script>createBuyButton('11206257049942', 'product-component-peely', '#facc53');</script>

  <div class="tagline">Real drinks. No compromise.</div>
  <div class="tagline">get in touch: info@lesswasted.nl</div>

</div>
```