xarvh / Elm Slides
Licence: bsd-3-clause
Awesome presentation framework to create your slides in Elm.
Stars: ✭ 47
Programming Languages
elm
856 projects
Slides
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.
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.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].