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

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