Created
November 10, 2016 17:21
-
-
Save Jegp/500989b1890f2903e381803bae6c3629 to your computer and use it in GitHub Desktop.
Single page .html template for reveal.js presentations
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"/> | |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/3.3.0/css/reveal.min.css" type="text/css"/> | |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/3.3.0/css/theme/white.min.css" type="text/css"/> | |
</head> | |
<body> | |
<div class="reveal"> | |
<div class="slides"> | |
<section>Section 1</section> | |
<section>Section 2</section> | |
</div> | |
</div> | |
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/3.3.0/js/reveal.min.js"></script> | |
<script type="text/javascript"> | |
Reveal.initialize({ | |
// Display controls in the bottom right corner | |
controls: true, | |
// Display a presentation progress bar | |
progress: true, | |
// Display the page number of the current slide | |
slideNumber: false, | |
// Push each slide change to the browser history | |
history: true, | |
// Enable keyboard shortcuts for navigation | |
keyboard: true, | |
// Enable the slide overview mode | |
overview: true, | |
// Vertical centering of slides | |
center: true, | |
// Enables touch navigation on devices with touch input | |
touch: true, | |
// Loop the presentation | |
loop: false, | |
// Change the presentation direction to be RTL | |
rtl: false, | |
// Randomizes the order of slides each time the presentation loads | |
shuffle: false, | |
// Turns fragments on and off globally | |
fragments: true, | |
// Flags if the presentation is running in an embedded mode, | |
// i.e. contained within a limited portion of the screen | |
embedded: false, | |
// Flags if we should show a help overlay when the questionmark | |
// key is pressed | |
help: true, | |
// Flags if speaker notes should be visible to all viewers | |
showNotes: false, | |
// Number of milliseconds between automatically proceeding to the | |
// next slide, disabled when set to 0, this value can be overwritten | |
// by using a data-autoslide attribute on your slides | |
autoSlide: 0, | |
// Stop auto-sliding after user input | |
autoSlideStoppable: true, | |
// Use this method for navigation when auto-sliding | |
autoSlideMethod: Reveal.navigateNext, | |
// Enable slide navigation via mouse wheel | |
mouseWheel: false, | |
// Hides the address bar on mobile devices | |
hideAddressBar: true, | |
// Opens links in an iframe preview overlay | |
previewLinks: false, | |
// Transition style | |
transition: 'default', // none/fade/slide/convex/concave/zoom | |
// Transition speed | |
transitionSpeed: 'default', // default/fast/slow | |
// Transition style for full page slide backgrounds | |
backgroundTransition: 'default', // none/fade/slide/convex/concave/zoom | |
// Number of slides away from the current that are visible | |
viewDistance: 3, | |
// Parallax background image | |
parallaxBackgroundImage: '', // e.g. "'https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg'" | |
// Parallax background size | |
parallaxBackgroundSize: '', // CSS syntax, e.g. "2100px 900px" | |
// Number of pixels to move the parallax background per slide | |
// - Calculated automatically unless specified | |
// - Set to 0 to disable movement along an axis | |
parallaxBackgroundHorizontal: null, | |
parallaxBackgroundVertical: null | |
}); | |
</script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment