Skip to content

Releases: oddbird/eleventy-plugin-slide-deck

v0.10.0

Choose a tag to compare

@mirisuzanne mirisuzanne released this 02 Jul 21:00
cbb7dfd

v0.10.0 - 2026-07-02

  • Breaking: Allow setting slide-view, key-control, and follow-active
    attributes when calling the <build-deck> component.
    The default slide-view is still article,
    but the others have been removed by default.

v0.9.1

Choose a tag to compare

@mirisuzanne mirisuzanne released this 26 May 15:49
a551227

Use @container rather than @media for determining when slides can be full-height rather than using an aspect-ratio. This allows the slide-deck to be nested inside a page and still provide different views.

v0.9.1-beta.1

v0.9.1-beta.1 Pre-release
Pre-release

Choose a tag to compare

@mirisuzanne mirisuzanne released this 22 May 20:00
f59011a

Fix: Use @container rather than @media for determining when slides can be full-height rather than using an aspect-ratio.

v0.9.0

Choose a tag to compare

@mirisuzanne mirisuzanne released this 15 May 17:06
3fdf5c9
  • Breaking: Remove default box-sizing and only apply where needed
  • New/Breaking: Add --slide-font, and more targeted…
    • --slide-title-font
    • --slide-caption-font
    • --slide-note-font
    • --slide-line-height
  • Breaking: Slide colors and type are only used inside the slide canvas
    by default (--slide-note-font is not set by default)
  • New: Add slide.diff-html, slide.diff-css, slide.diff-js,
    and slide.diff-scss as first-class languages for code slides.
  • Fix: Improve diff styling in provided prism styles

0.8.0

Choose a tag to compare

@mirisuzanne mirisuzanne released this 14 Apr 15:45
d23e7ec
  • Breaking: The slide.title property is no longer supported
    in the <url-slide> layout, use layout.source instead.
  • Breaking: A slide with slide.title (or other general content)
    will prefer the default layout over the url layout.
  • New: A new <blank-slide> is available using layout:blank,
    and can be styled with the [slide-canvas=blank] selector.

Control of content overflow and placement

Choose a tag to compare

@mirisuzanne mirisuzanne released this 05 Feb 16:38
0d3c880
  • Breaking: [slide-content] is position: relative
  • Breaking: Default slide md and webc output
    are wrapped in <slide-md> and <slide-webc> elements
    rather than unnamed <div>s
    (both are display: contents by default)
  • New: Allow slide.place-content, slide.place-items, slide.padding,
    & slide.overflow on all slide types.
  • Fix: Better handling of slide overflow.

v0.5.3 - Bugfix missing notes in *.slides data files

Choose a tag to compare

@mirisuzanne mirisuzanne released this 02 Feb 22:36
1aa3f2e
  • Fix: Previous version broke notes for *.slides data format.

Add *.deck template language

Choose a tag to compare

@mirisuzanne mirisuzanne released this 02 Feb 16:59
d063f07
  • New: The *.deck template uses the *.11tydata.slides format,
    returning markdown content of the notes,
    with any slides added to the data cascade
  • Fix: Slide/deck format parser replaces --\> with -->
    inside slide.html and slide.code properties,
    so that it's possible to include HTML-shaped code comments
  • New: Add basic HTML highlighting to the prism defaults
  • Breaking: Change default view to article,
    with defaultView property to override.

v0.5.1

Choose a tag to compare

@mirisuzanne mirisuzanne released this 14 Jan 18:53
65e4ab6
  • Fix: Explicit slide colors override default slide-mode colors
  • Fix: Use webc-slide for browser-support component,
    to avoid overflow issues
  • Fix: Ensure that slide webc wrappers are removed
  • Allow slides to resize when overflowing
  • Docs: Correct the description of slide.cite in the README
  • New: Boolean slide.escapeHtml property
    allows escaping HTML characters
    in unrecognized slide.code languages
  • New: Add *.11tydata.slides format with yaml-structured comments
    in markdown (used for the slide.note property)
  • New: A slide.series can either be a reference to known series data,
    or a directly nested series of slides
    (especially useful in the *.11tydata.slides data format)
  • New: Lorem Picsum credit is added to placeholder images by default
  • New: Add slide-view=article for reading slide-decks
  • New: Include basic light/dark prism theme with slide theme styles

Version 0.5.0

Choose a tag to compare

@mirisuzanne mirisuzanne released this 17 Dec 20:05
77f0327
  • Breaking/Fix: <support-slide> extends <img-slide> when slide.caniuse is present, or <embed-slide> when checking slide.support. This ensures support for placement and style properties, and bundling of required styles.
  • Breaking/Fix: <embed-slide> only overrides the natural dimensions of <iframe> and <video> embeds.
  • Breaking: The <slide-controls> dialog header and content areas are renamed from .panel-header/.panel-controls to [slide-dialog=header]/[slide-dialog=contents].
  • Breaking: Re-arrange and rename default controls.
  • Breaking: Remove unnecessary slide-caption slot.
  • New: Provide list of basic keyboard shortcuts in control panel.
  • New: <slide-controls> default slot for appending additional controls.
  • New: <embed-slide> accepts slide.place-content and slide.place-items for managing placement of embeds.
  • New: <build-deck> has a default <slot> rendered before the slides, <slot name='after'> after the slides, and <slot name='controls'> for overriding the default <slide-controls>.
  • Fix: <error-slide> won't fail when missing slide data.
  • Styles: All slide color variables are re-calculated on [slide-canvas] based on the color-scheme of the slide.
  • Styles: Slide-focus buttons are part of the layout, rather than being absolutely positioned over top.
  • Styles: Move image credit to the left, avoiding conflicts with slide-focus button.
  • Styles: Buttons are inverted from their surrounding colors by default, use the --slide-accent color for focus/hover, and the --slide-active color when pressed.
  • Styles: Resets are moved from slides.contents to slides.base layer.
  • Styles: Move @layer slide.theme near bottom of the layer order
  • Styles: <slide-controls> backdrop is darker with a blurred backdrop-filter.