travel_report_east_africa/slidev/pages/kelele.md

```yaml
layout: two-cols-header
transition: slide-up
```

::left:: 
## On our way to the Mwamba Kelele Lodge
<RenderWhen context="slide">
<div style="justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 20px;">
<video style="height: 420px;" controls autoplay loop muted preload>
  <source src="/videos/Kelele/2023-12-20%2006.26.16.mp4" type="video/mp4">
</video>
</div>
</RenderWhen>


::right::

<img src="/pictures/Uganda/Kelele/way_to_kelele.JPG" style="max-width: 65%;
    height: auto;
    margin-left: 100px;">

---

```yaml
layout: image
image: /pictures/Uganda/Kelele/2023-12-20 06.43.12.jpg
transition: slide-up
```

---

```yaml
layout: image
image: /pictures/Uganda/QENP/2023-12-20 06.38.27.jpg
transition: slide-up
```

---

```yaml
layout: image
image: /pictures/Uganda/Kelele/2023-12-20 06.59.49.jpg
transition: slide-up
```

---

```yaml
layout: image
image: /pictures/Uganda/Kelele/2023-12-20 11.24.32.jpg
transition: slide-up
```

---

```yaml
layout: image
image: /pictures/Uganda/Kelele/2023-12-20 07.02.28.jpg
transition: slide-up
```
## In love with Kazam
---

```yaml
layout: image
image: /pictures/Uganda/Kelele/2023-12-20 07.02.15.jpg
transition: slide-up
```

---

```yaml
layout: default
transition: slide-up
```

<RenderWhen context="slide">
<div style="justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 20px;">
<video style="height: 420px;" controls autoplay loop muted preload>
  <source src="/videos/Kelele/2023-12-20%2010.43.25.mp4" type="video/mp4">
</video>
</div>
</RenderWhen>

---

```yaml
layout: image
image: /pictures/Uganda/Kelele/2023-12-20 12.26.21.jpg
transition: slide-up
```

---

```yaml
layout: image-right
image: /pictures/Uganda/Kelele/photo_9_2024-02-04_15-06-03.jpg
transition: slide-up
```

# Facts about Vanilla

* Three years till a farmer can harvest the fruits of their larbor
* There is a time window of 8 hours each year when the flowers of the vanilla plant opens and the farmers need to pollinate the plants.
* Price per vanilla fruit: 10k UGX (2.41 €)
* When the plants can be harvested they are guarded by armed people

--- 

```yaml
layout: two-cols-header
transition: slide-up
```

::left:: 

<img src="/pictures/Uganda/Kelele/photo_17_2024-02-04_15-06-03.jpg" style="max-width: 100%;
    height: auto;">

::right::

<RenderWhen context="slide">
<div style="justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 20px;">
<video style="height: 520px;" controls autoplay loop muted preload>
  <source src="/videos/Kelele/2023-12-20%2013.01.39.mp4" type="video/mp4">
</video>
</div>
</RenderWhen>

---

```yaml
layout: two-cols-header
transition: slide-up
```

::left:: 

<img src="/pictures/Uganda/Kelele/photo_10_2024-02-04_15-06-03.jpg" style="max-width: 90%;
    height: auto;">

::right::

<RenderWhen context="slide">
<div style="justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 20px;">
<video style="height: 520px;" controls autoplay loop muted preload>
  <source src="/videos/Kelele/2023-12-20%2016.06.32.mp4" type="video/mp4">
</video>
</div>
</RenderWhen>

---

```yaml
layout: two-cols-header
transition: slide-up
```

::left:: 

<img src="/pictures/Uganda/Kelele/photo_22_2024-02-04_15-06-03.jpg" style="
    height: auto;">

::right::

<RenderWhen context="slide">
<div style="justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 20px;">
<video style="height: 520px;" controls autoplay loop muted preload>
  <source src="/videos/Kelele/2023-12-20%2017.54.01.mp4" type="video/mp4">
</video>
</div>
</RenderWhen>

---

```yaml
layout: default
transition: slide-up
```

<RenderWhen context="slide">
<div style="justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 20px;">
<video style="height: 520px;" controls autoplay loop muted preload>
  <source src="/videos/Kelele/2023-12-20%2015.03.16.mp4" type="video/mp4">
</video>
</div>
</RenderWhen>

---

```yaml
layout: image-right
image: /pictures/Uganda/Kelele/photo_11_2024-02-04_15-06-03.jpg
transition: slide-up
```

<img src="/pictures/Uganda/Kelele/moohnsine_uganda_edition.jpg" style="margin-top: 100px;
    height: auto;">

---

```yaml
layout: default
transition: slide-up
```

<RenderWhen context="slide">
<div style="justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 20px;">
<video style="height: 420px;" controls autoplay loop muted preload>
  <source src="/videos/Kelele/2023-12-20%2015.42.26.mp4" type="video/mp4">
</video>
</div>
</RenderWhen>

---

```yaml
layout: image
image: /pictures/Uganda/Kelele/2023-12-20 15.48.07.jpg
transition: slide-up
```

---

```yaml
layout: image
image: /pictures/Uganda/Kelele/2023-12-21 04.57.34.jpg
transition: slide-up
```

---

```yaml
layout: image
image: /pictures/Uganda/Kelele/photo_15_2024-02-04_15-06-03.jpg
transition: slide-up
```

---

```yaml
layout: two-cols-header
transition: slide-up
```

::left:: 

<img src="/pictures/Uganda/Kelele/2023-12-21 08.01.16.jpg" style="max-width: 65%;
    height: auto;">

::right::

<img src="/pictures/Uganda/Kelele/thecrown2.jpg" style="max-width: 80%;
    height: auto;">

---

```yaml
layout: image
image: /pictures/Uganda/Kelele/2023-12-21 12.18.09.jpg
transition: slide-up
```

---

```yaml
layout: two-cols-header
transition: slide-up
```

::left:: 

<img src="/pictures/Uganda/Kelele/2023-12-21 12.18.18.jpg" style="max-width: 65%;
    height: auto;">

::right::

<RenderWhen context="slide">
<div style="justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 20px;">
<video style="height: 420px;" controls autoplay loop muted preload>
  <source src="/videos/Kelele/20231221_143546.mp4" type="video/mp4">
</video>
</div>
</RenderWhen>

---

```yaml
layout: image
image: /pictures/Uganda/Kelele/photo_5_2024-02-04_15-06-03.jpg
transition: slide-up
```

---

```yaml
layout: two-cols-header
transition: slide-up
```

::left:: 

<img src="/pictures/Uganda/Kelele/2023-12-21 12.39.26.jpg" style="max-width: 65%;
    height: auto;">

::right::

<img src="/pictures/Uganda/Kelele/2023-12-22 08.27.50.jpg" style="max-width: 100%;
    height: auto;">

---

```yaml
layout: image
image: /pictures/Uganda/Kelele/photo_7_2024-02-04_15-06-03.jpg
transition: slide-up
```