Reveal.js pitch
HTML
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/reveal.js/2.2/css/reveal.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/reveal.js/2.2/css/theme/default.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.rc.2/handlebars.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/reveal.js/2.2/js/reveal.js"></script>
<script type="text/template" id="slideTemplate">
<section>
<h1>{{company.companyName}}</h1>
</section>
<section>{{headline.headlineText}}</section>
<section>
<h1>Our Opportunity</h1>
</section>
<section>
<h2>Problems worth solving</h2>
<p>{{problemWorthSolving.description}}</p>
</section>
<section>
<h2>Our Solution</h2>
<p>{{ourSolution.description}}</p>
</section>
</script>
<div class="reveal">
<div class="slides">
<section data-background-iframe="http://tableau-02.upcloud.eniram.net/views/SpeedDashboard/SpeedDashboard?:embed=y&:showShareOptions=true&:toolbar=no&:display_count=no">
</section>
</div>
</div>
JavaScript
window.$j = jQuery.noConflict();
var pitchUrl = "https://publish-pitch.s3.amazonaws.com/SJsoi/pUnhc/pitch.json",
template = Handlebars.compile($j('#slideTemplate').html()),
slides = $j('.slides');
window.callback = function (data) {
slides.html(template(data));
Reveal.initialize({
// Display controls in the bottom right corner
controls: true,
// Display a presentation progress bar
progress: true,
// Push each slide change to the browser history
history: false,
// Enable keyboard shortcuts for navigation
keyboard: true,
// Enable the slide overview mode
overview: true,
// Vertical centering of slides
center: true,
// Loop the presentation
loop: false,
// Change the presentation direction to be RTL
rtl: 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,
// Enable slide navigation via mouse wheel
mouseWheel: false,
// Apply a 3D roll to links on hover
rollingLinks: true,
// Transition style
transition: 'default' // default/cube/page/concave/zoom/linear/fade/none
});
};
$j.getScript(pitchUrl);