travel_report_east_africa/slidev/pages/kibale.md

```yaml
layout: image
image: /pictures/Uganda/Kibale/2023-12-22 15.10.15.jpg
transition: slide-up
```

<h1 style="
    display: flex;
    text-align: left;
    position: absolute;
    bottom: 0;
    left: 23px;
    padding: 20px;
">On our way to Kibale</h1>

---

```yaml
layout: image-right
image: /pictures/Uganda/Kibale/2023-12-22 09.51.05.jpg
transition: slide-up
```

---

```yaml
layout: image-left
image: /pictures/Uganda/Kibale/2023-12-22 09.51.09.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: 520px;" controls autoplay loop muted preload>
  <source src="/videos/Kibale/2023-12-22%2010.07.10.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/Kibale/2023-12-22%2010.11.54.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/Kibale/2023-12-22%2010.13.07.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/Kibale/2023-12-22%2010.17.38.mp4" type="video/mp4">
</video>
</div>
</RenderWhen>

---

```yaml
layout: image-right
image: /pictures/Uganda/Kibale/2023-12-22 10.18.55.jpg
transition: slide-up
```

---

```yaml
layout: default
transition: slide-up
```
Last ten minutes? Time to rumble!
<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/Kibale/2023-12-22%2011.00.11.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/Kibale/2023-12-22%2011.01.31.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/Kibale/2023-12-22%2014.55.27.mp4" type="video/mp4">
</video>
</div>
</RenderWhen>

---

```yaml
layout: default
transition: slide-left
```
Time to go home
<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/Kibale/2023-12-22%2015.13.30.mp4" type="video/mp4">
</video>
</div>
</RenderWhen>