bezos-loves-slides/sample/about-bezos.md

{
  "title": "How to use Bezos",
  "description": "A short presentation on Bezos.",
  "font_file": "assets/bold.otf",
  "layouts": "assets/layouts.json"
}
===
# Bezos Slide Format
* Just markdown
  separated by ---
* Each slide can
  have a json header
---
# Supported Markdown
* Simple lists with *
* Images with !(file)

    Spaces Newlines or
Bare content like this
---
# Deck Header
* Right after ===
* Use {} to configure
* "title"
* "description"
* "bg_color": [r,g,b,a]
* "bg_image": "filepath.jpg"
---
{ "bg_color": [55, 20, 10, 255] }

# Slide Color
* { "bg_color": [r,g,b,a] }
* Same as deck header
* Put before the content
* It works
---
{ "bg_image": "assets/sample_bg.jpg" }

# Slide Background
* { "bg_image": "file_path" }
* You don't even need text
---
{
  "shader": "flame",
  "bg_color": [100, 20, 10, 255]
}
# Shaders
* Use "shader": "flame"
* Shaders configured in assets/shaders.json
---
{
 "bg_color": [10, 10, 25, 255],
 "font_color": [255, 146, 0, 255],
 "font_size": 80,
 "font_padding": 20
}
# Font Config
* Only on slides for now
* "font_color": [r,g,b,a]
* "font_size": int
* "font_padding": int
---
{
  "font_size": 120,
  "font_centered": true,
  "layout": "centered"
}
One Word
---
# Images
!(assets/sample_bg.jpg)
* !(assets/sample_bg.jpg)
* Text will go over image
* Image will stretch to fill
---
{
"layout": "image_left",
"image_stretch": false,
"title_size": 150,
"font_size": 50
}
# Specific Positions
![image](assets/sample_bg.jpg)
* ![image](assets/sample_bg.jpg)
* Places in image cell in layout.
  can combine with
  image_stretch and layout
  to place it anywhere.
---
# Hot Reload
* It watches the file and
  reloads when it changes
---