Skip to content

Latest commit

 

History

History
131 lines (82 loc) · 1.62 KB

deck.md

File metadata and controls

131 lines (82 loc) · 1.62 KB
Raw

<markdown-deck />

press space to start

A web component for presenters

<markdown-deck markdown="# 🦄" />

Keyboard Navigation

prev / next: left right

first / last: up down

DARK MODE

★ D ★

THE EDITOR

★ ESC ★

PRINT VIEW

★ P ★

then CMD+P (save as pdf)

Show me the code

Web Components ABC

<script src="https://unpkg.com/markdown-deck"></script>

<markdown-deck markdown="# Title">
</markdown-deck>

Attributes

<markdown-deck
  markdown="# Title" 
  index="0"
  hotkey
  hashsync
></markdown-deck>

Attributes

  • markdown="# Title" The markdown
  • index="0" Slide index
  • hotkey Enable hotkeys
  • hashsync Sync with location hash

More Attributes

  • src="deck.md" Load external md file
  • css="deck.css" Load custom css file

Per Slide Styles

### Write inline style tag within markdown

<style>
  .slide { background: url(...) center; background-size: cover }
  .content { filter: invert() }
  code { opacity: 0.8 }
</style>
<style> .slide { background: url(https://el-capitan.now.sh) center; background-size: cover; } .content { filter: invert() } code { opacity: 0.8 } </style>

More Usage

https://github.com/amio/markdown-deck

One More Thing

The Eloquence CLI

npm install -g eloc

THANKS

badge-src