This is an alternative site for discovering Elm packages. You may be looking for the official Elm package site instead.
Awesome presentation framework to create your slides in Elm
version 4.0.1
license BSD3
native-modules False
elm-version 0.18.0 <= v < 0.19.0
Tag 4.0.1
Committed At 2017-09-02 23:25:35 UTC
rtfeldman/elm-css 11.0.0 <= v < 12.0.0 11.2.0
evancz/elm-markdown 3.0.2 <= v < 4.0.0 3.0.2
elm-lang/window 1.0.1 <= v < 2.0.0 1.0.1
elm-lang/navigation 2.1.0 <= v < 3.0.0 2.1.0
elm-lang/mouse 1.0.1 <= v < 2.0.0 1.0.1
elm-lang/keyboard 1.0.1 <= v < 2.0.0 1.0.1
elm-lang/html 2.0.0 <= v < 3.0.0 2.0.0
elm-lang/core 5.1.1 <= v < 6.0.0 5.1.1
elm-lang/animation-frame 1.0.1 <= v < 2.0.0 1.0.1
elm-community/easing-functions 1.0.2 <= v < 2.0.0 1.0.2

README

Slides

Slides is an awesome Elm presentation framework, inspired by reveal.js.

See it running.

import Slides exposing (..)


main = Slides.app

    slidesDefaultOptions

    [ md
        """
        # A markdown slide
        _stuff follows..._
        """

    , mdFragments
        [ "Another slide with three fragments"
        , "This appears later"
        , "And this even later"
        ]
    ]

Slides is customizable and, since it follows the Elm Architecture, can be used like any other Elm component.

Controls

By default, a Slides app will respond to these controls:

  • Click on window bottom or right: Next slide

  • Click on window top or left: Previous slide

  • D, L, Arrow Right, Enter and Spacebar: Next slide/fragment

  • A, H, Arrow Left: Previous slide/fragment

  • Home: First slide

  • End: Last slide

  • P: pause animation (useful for debugging custom animations)

Style customisation

This is the DOM structure for your custom CSS:

    body
        .slides
            section /* one per slide */
                .slide-content /* useful for padding */
                    .fragment-content

TODO

Add more built-in slide and fragment animations.

Add more ready-to-use CSS themes.

Add support for touch/gestures.