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 |
Slides is an awesome Elm presentation framework, inspired by reveal.js.
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.
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)
This is the DOM structure for your custom CSS:
body
.slides
section /* one per slide */
.slide-content /* useful for padding */
.fragment-content
Add more built-in slide and fragment animations.
Add more ready-to-use CSS themes.
Add support for touch/gestures.