Skip to content

Instantly share code, notes, and snippets.

@yhatt
Last active Aug 8, 2021
Embed
What would you like to do?
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