115 lines
3.6 KiB
HTML
115 lines
3.6 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
|
|
<title>
|
|
|
|
Example Reveal.js Presentation Deck | Site Title
|
|
|
|
</title>
|
|
|
|
<meta name="author" content="" />
|
|
|
|
<!-- Description -->
|
|
|
|
<meta name="description" content="">
|
|
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
|
|
|
|
<link rel="stylesheet" href="/reveal.js/css/reveal.css"/>
|
|
|
|
<link rel="stylesheet" href="/reveal.js/css/theme/simple.css" id="theme"/>
|
|
|
|
|
|
<!-- Code syntax highlighting -->
|
|
<link rel="stylesheet" href="/reveal.js/lib/css/zenburn.css"/>
|
|
|
|
<!-- Printing and PDF exports -->
|
|
<script>
|
|
var link = document.createElement( 'link' );
|
|
link.rel = 'stylesheet';
|
|
link.type = 'text/css';
|
|
link.href = window.location.search.match( /print-pdf/gi ) ? '/reveal.js/css/print/pdf.css' : '/reveal.js/css/print/paper.css';
|
|
document.getElementsByTagName( 'head' )[0].appendChild( link );
|
|
</script>
|
|
|
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
|
|
|
|
<link rel="canonical" href="/presentation/example-presentation/">
|
|
|
|
<!--[if lt IE 9]>
|
|
<script src="lib/js/html5shiv.js"></script>
|
|
<![endif]-->
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="reveal">
|
|
<div class="slides">
|
|
<section data-markdown="">
|
|
|
|
# Reveal.js and Jekyll Academic
|
|
|
|
|
|
</section>
|
|
|
|
<section data-markdown="">
|
|
## HTML or Markdown
|
|
Reveal.js works with either. Use whatever you are more comfortable with.
|
|
|
|
</section>
|
|
|
|
<section data-markdown="">
|
|
## Works Anywhere
|
|
|
|
By creating presentations using Reveal.js and hosting them on your Jekyll Academic site you will have access to them anywhere. No need to worry about software compatibility, no need to sign in to email accounts on public machines. Simply load your website and select the presentation.
|
|
|
|
</section>
|
|
<section data-markdown="">
|
|
## More Information
|
|
|
|
Jekyll Academic includes everything that you need in order to make Reveal.js work. Copy this file and edit it to begin making your own slide deck.
|
|
|
|
For more information about all of the options available in Reveal.js please the [Reveal.js Demo Website](http://lab.hakim.se/reveal-js/#/)
|
|
|
|
|
|
</section>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/reveal.js/lib/js/head.min.js"></script>
|
|
<script src="/reveal.js/js/reveal.js"></script>
|
|
<script>
|
|
// Full list of configuration options available at:
|
|
// https://github.com/hakimel/reveal.js#configuration
|
|
Reveal.initialize({
|
|
controls: true,
|
|
progress: true,
|
|
history: true,
|
|
center: true,
|
|
|
|
transition: 'convex',
|
|
|
|
|
|
// Optional reveal.js plugins
|
|
dependencies: [
|
|
{ src: '/reveal.js/lib/js/classList.js', condition: function() { return !document.body.classList; } },
|
|
{ src: '/reveal.js/plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
|
|
{ src: '/reveal.js/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
|
|
{ src: '/reveal.js/plugin/highlight/highlight.js', async: true, condition: function() { return !!document.querySelector( 'pre code' ); }, callback: function() { hljs.initHighlightingOnLoad(); } },
|
|
{ src: '/reveal.js/plugin/zoom-js/zoom.js', async: true },
|
|
{ src: '/reveal.js/plugin/notes/notes.js', async: true }
|
|
]
|
|
});
|
|
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|