Getting started with deck.js:
metadata extension
use right arrow to move on

“metadata”: What?

• Use and goal
• use HTML metadata and title in your slides
• have “variables” that you can use in the slides
• create generic title pages and footers
• Principle
• consider all meta tags + the title tag
• set content of elements based on their class
• examples on next slide

“metadata”: Examples

• An element with class var-author:
• An element with class var-title:
• An element with class var-venue:
• Another one with class var-title:
• An element with class var-title-full:
  (...-full ⇒ special separator (non-breaking space) kept as is)
• An element with class var-title-br: (...-br ⇒ separator replaced by a <br/> tag)
• The footer uses classes var-author and var-title

Talking about:

Here, var-title-br is used in the big header

Support and notes

• Support: should be ok on all browsers
• NB: to use this feature
• include the metadata extension
• or use an includedeck profile that does it

Digging Deeper

• View this page source (Ctrl+U?)
• See other demos
  • “fit”: autoscaling slides
  • “simplemath”: easy equations
  • “step”: (low-level) by-slide vs by-animation navigation
  • “anim”: animations!
  • “svg”: SVG image inclusion and animation
  • “smartsyntax”: easy, concise syntax for slides
  • “clone”: clone your view when presenting
  • “progress”: show fancy progress indicators
  • “various”: other stuffs
• see my page on deck.js and/or contact me