$30 off During Our Annual Pro Sale. View Details »

Introducing Marp's Gaia Theme

Yuki Hattori
September 16, 2019
450k

Introducing Marp's Gaia Theme

Gaia is built-in slide theme for Marp: https://marp.app/

Updated at 2019-09-16 to use Marp Next instead of the outdated Marp desktop app.
https://gist.github.com/yhatt/23d8470e053d9dfcb34cdc8f22c29200

Yuki Hattori

September 16, 2019
Tweet

Transcript

  1. Gaia theme
    Marp Next slide theme
    Created by Yuki Hattori (@yhatt)

    View Slide

  2. 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


    View Slide

  3. Overview
    Gaia is the beautiful presentation theme for Marp Next (Marp Core).
    Set gaia theme through theme global directive.
    ---
    marp: true
    theme: gaia
    ---
    3

    View Slide

  4. Basic example 1
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
    eiusmod tempor incididunt ut labore et dolore magna aliqua.
    List
    1. Sub list
    2. Sub list
    More Sub list
    Stay Hungry. Stay Foolish. —Steve Jobs (2005)


    4

    View Slide

  5. Basic example 2
    document.write('Hello, world!');
    table layout example
    align to left align to center align to right
    left center right
    5

    View Slide

  6. Classes
    for class local directive
    6

    View Slide

  7. lead class
    Apply contents centering. Useful for title slide.

    # Title slide
    7

    View Slide

  8. Color scheme class
    Default
    Invert
    Gaia (Theme color)

    8

    View Slide

  9. Color scheme class
    Default
    Invert
    Gaia (Theme color)

    9

    View Slide

  10. Color scheme class
    Default
    Invert
    Gaia (Theme color)

    10

    View Slide

  11. Enjoy creating beautiful slides with
    Marp Next + Gaia theme!
    11

    View Slide

  12. References
    Markdown:
    https://gist.github.com/yhatt/23d8470e053d9dfcb34cdc8f22c29200
    Original (for outdated app):
    https://github.com/yhatt/marp/blob/v0.0.14/examples/gaia.md
    12

    View Slide