---
+theme: default
+---
+
+Learn more about [how to use a theme](https://sli.dev/themes/use).
+
+## License
+
+MIT License © 2021 [Anthony Fu](https://github.com/antfu)
diff --git a/theme/example.md b/theme/example.md
new file mode 100644
index 0000000..3e444e0
--- /dev/null
+++ b/theme/example.md
@@ -0,0 +1,116 @@
+---
+theme: ./
+layout: cover
+background: https://images.unsplash.com/photo-1502189562704-87e622a34c85?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80
+---
+
+# Presentation title
+
+Presentation subtitle
+
+---
+
+# Slide Title
+
+Slide Subtitle
+
+* Slide bullet text
+ * Slide bullet text
+ * Slide bullet text
+* Slide bullet text
+* Slide bullet text
+
+---
+
+layout: image-right
+image: https://source.unsplash.com/collection/94734566/1920x1080
+---
+
+# Slide Title
+
+Colons can be used to align columns.
+
+| Tables | Are | Cool |
+| ------------- |:-------------:| -----:|
+| col 3 is | right-aligned | $1600 |
+| col 2 is | centered | $12 |
+| zebra stripes | are neat | $1 |
+
+---
+
+layout: section
+---
+
+# Section Title
+
+---
+
+layout: statement
+---
+
+# Statement
+
+---
+
+layout: fact
+---
+
+# 100%
+
+Fact information
+
+---
+
+layout: quote
+---
+
+# "Notable quote"
+
+Attribution
+
+---
+
+layout: image-left
+image: https://source.unsplash.com/collection/94734566/1920x1080
+---
+
+# Code
+
+```ts {all|2|1-6|all}
+interface User {
+ id: number
+ firstName: string
+ lastName: string
+ role: string
+}
+
+function updateUser(id: number, update: Partial