template.qmd

---
title: TODO TITLE
subtitle: TODO SUBTITLE
format:
  clean-revealjs:
    code-block-height: 650px
author:
  - name: Cindy Xiao
    email: contact@decoderloop.com
    affiliations: Decoder Loop
logo: images/decoderloop-logo-light.png
date: last-modified
slide-level: 4
footer: TODO TITLE | TODO EVENT | © Decoder Loop Technologies 2026
title-slide-attributes:
  data-background-image: "images/freshwater-bay-1600.jpg"
  data-background-size: 50%
  data-background-position: right 5% bottom 50%
---


## Example slide

### This is a subtitle

Here we have some text that may run over several lines of the slide frame,
depending on how long it is.

- first item 
    - A sub item

Next, we'll brief review some theme-specific components.

- Note that _all_ of the standard Reveal.js
[features](https://quarto.org/docs/presentations/revealjs/)
can be used with this theme, even if we don't highlight them here.

## Additional theme classes

### Some extra things you can do with the clean theme

Special classes for emphasis

- `.alert` class for default emphasis, e.g. [important note]{.alert}.
- `.fg` class for custom colour, e.g. [important note]{.fg style="--col: #e64173"}.
- `.bg` class for custom background, e.g. [important note]{.bg style="--col: #e64173"}.

Cross-references

- `.button` class provides a Beamer-like button, e.g.
[[Summary]{.button}](#sec-summary)