A text-only presentation framework that gives you clean formatting with markdown and lets you focus on what matters. Plus, it also mixes very well with HTML presentation decks.
How to get started
Get your own slides repo on yourname.github.io
This project is
hosted on GitHub. Start creating
markdown slides by forking this project and triggering a commit to your fork,
Github will then create a slides project on your account and all your slides
will be viewable on
Create a fork of this repository (and leave a star when you're there anyway).
Trigger a commit Github will now start building your slides page.
Open your slides page
Bonus, Add all your HTML/markdown slides to the
slides folder or start
creating slides. Each slide will automatically be listed on the front page.
- Clone this repo
- Install reveal.js submodule
git submodule update --init --recursive
- Install jekyll
gem install jekyll
jekyll serve build --watch
This is an example file called
example.md to create a slide deck.
# This creates a title slide - With bullet points - Which are unordered # This creates a second title slide 1. Also 2. With bullet points 3. This time they are ordered (also known as numbered) ## Using two hash-tags you can create a sub-slide ## Sub-slides look really slick with animations They can be accessed with the arrow keys on your keyboard, or will show up when pressing the space bar. # You can also separate slides by using three dashes `---` --- This is helpful when the next slide doesn't need a title, such as images, bullet points and videos.
Here is an small overview of the markdown tags.
||New title slide|
||New slide without a title|
||Ordered list on the slide|
||Unordered list on the slide|
||Specify an url to use as a background image|
||Set a background color to the slide|
||Set a video as a background. Youtube videos can be embedden a URL and will be played full-screen on the background|
||Make the background image blurred. On a scale of 0 to 100, whereas 100 is the most blurred.|
||Make each bullet/image (after the option definition) in the slide come in with an animation. Animation options are:
When presenting your presentation, use the following shortcuts:
|Press the letter||What does it do|
||Make your presentation F-ullscreen|
||Popups-up a second window with a preview of the next slide and a box with your N-otes|
||Opens an O-verview of all your slides.|
||Turn the screen B-lack.|