Skip to content

Instantly share code, notes, and snippets.

@yhatt
Last active August 8, 2021 13:37
Show Gist options
  • Star 4 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save yhatt/23d8470e053d9dfcb34cdc8f22c29200 to your computer and use it in GitHub Desktop.
Save yhatt/23d8470e053d9dfcb34cdc8f22c29200 to your computer and use it in GitHub Desktop.
Gaia theme example (for Marp Next)
marp theme
true
gaia

Gaia theme

Marp Next slide theme

Created by Yuki Hattori (@yhatt)

In Greek mythology, Gaia also spelled Gaea, was the personification of the Earth and one of the Greek primordial deities.

Gaia (mythology) - Wikipedia, the free encyclopedia


Overview

Gaia is the beautiful presentation theme for Marp Next (Marp Core).

Set gaia theme through theme global directive.

---
marp: true
theme: gaia
---

Basic example 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 😄

Stay Hungry. Stay Foolish. —Steve Jobs (2005)


Basic example 2

document.write('Hello, world!');
table layout example
align to left align to center align to right
⬅️ left ⬅️ center ➡️ right ➡️

h:140


Classes

for class local directive


lead class

Apply contents centering. Useful for title slide.

<!-- _class: lead -->

# Title slide

Color scheme class

  • Default ◀️
  • Invert
  • Gaia (Theme color)
<!-- _class: "" -->

Color scheme class

  • Default
  • Invert ◀️
  • Gaia (Theme color)
<!-- _class: invert -->

Color scheme class

  • Default
  • Invert
  • Gaia (Theme color) ◀️
<!-- _class: gaia -->

Enjoy creating beautiful slides with
Marp Next + Gaia theme!


References

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment