inserted before slide loop

Using the <build-deck> default <slot>

Web Directions

Test Slide Deck

@mia@front-end.social
  • <event-slide>
  • known reference

hello world This is a Title

with a subtitle

and a caption
  • <default-slide>
  • pre, title, and sub

Put markdown in here

  • some
  • arbitrary
  • markdown – like this
  • including a local markdown plugin
  • <default-slide>
  • md-only

Test with a much longer note. Test with a much longer note. Test with a much longer note. Test with a much longer note. Test with a much longer note. Test with a much longer note. Test with a much longer note. Test with a much longer note. Test with a much longer note. Test with a much longer note. Test with a much longer note. Test with a much longer note. Test with a much longer note.

Put WebC in here…

  • <default-slide>
  • webc-only

a slide in Light Mode

a slide in Dark Mode

You Tell Me Clock: live, present, debug
  • <pen-slide>
  • both pen and live links
  • as well as a title
Pen version 2: present, debug

Miriam Suzanne

Default to source layout
  • known: mia reference
  • part of the mia series
  • implicit layout: source??
Default to url layout [Miriam Suzanne]
  • known: miriam-codes reference
  • part of the mia series

Miriam Suzanne Handmade in Denver

Default to url layout
  • known: miriam-art reference
  • part of the mia series
  • explicit layout: source

Miriam Again Something I Said

  • Implicit layout: source
  • But there’s no avatar
avatar

This is a quote with structured source info.

Miriam Suzanne
Default to url layout
avatar

This quote just has a markdown citation and avatar.

— Miriam, somewhere else
Default to source layout

This quote has no details associated with it.

Slide styles

(dark mode)

Basic title slide, but dark mode and maroon
html
<p>lorem stuff</p>
css
* { box-sizing: border-box; }
a code slide
hello test demo: permalink

Todo:

  • finish building this
  • ship it
a todo slide
Miriam.codes
A url slide [miriam.codes]
Young miriam credit: mom or dad, maybe?
An image slide
credit: picsum
A placeholder image
Young miriam

This is a… Split Slide

CanIUse flow-root

Error:

{
	"who": "nobody",
	"what": "knows what this slide is all about.\n"
}

Web Directions

Test Slide Deck

Bring this workshop to your company!

inserted after slide loop

Using the <build-deck> <slot name=after>
SlideDeck Controls

View

Theming (extra controls)

Keyboard shortcuts
cmd/ctrl-k:
Toggle this control dialog
cmd/ctrl-shift-enter:
presentation (from first slide)
cmd/ctrl-enter:
presentation (from active slide)
alt-enter:
in speaker view (following active slide)