Welcome to the jekyll-reveal.js example presentation.
This is the second slide. And it's just another file inside the _posts-directory.
It is identified as slide 2, because it has a "2" after the mandatory date-part (0000-01-01) in its filename. (It's called 0000-01-02-slides.md)
This is a third slide, although we're still in 0000-01-02-slides.md.
It's also possible to do fragments.
+ This is a fragment
You can use <fragment/> to step other content.
Or
Even
Vertical
Slides
Or use different backgrounds.
<background>green</background>
With syntax highlighting for your code:
import pprint
class MyClass(object):
def __init__(self):
self.a = 1
@classmethod
def some_classmethod(cls, a):
self.a = a
if __name__ == "__main__":
# This is a comment
pprint.pprint({'Key1': 0x34, 'Key2': 'Hi'})
This slide has a hidden treasure. Press "s" to see the speaker notes.
You can also set image backgrounds.
<backgroundimage> {{ '/images/image.jpg' | relative_url }}/ </backgroundimage> <backgroundimageopacity>0.25</backgroundimageopacity>
"Light through autumn leaves, Alice Holt Forest, Surrey, UK" by ambabheg is licensed under CC BY 2.0
You can use mermaid-js to create SVG diagrams.
(in _config.yml
enable the feature by setting mermaid_diagrams
to true
, and override the theme with mermaid_theme
)
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
D-->|an edge label| E
You can tweak the height of the diagram by following the closing tag with an element attribute:<!-- .element: style="height: 400px;" -->