166 lines
3.5 KiB
HTML
166 lines
3.5 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
|
<meta charset="utf-8">
|
|
<title>My presentation</title>
|
|
|
|
|
|
<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"><link rel="stylesheet" href="/reveal-js/dist/reset.css">
|
|
<link rel="stylesheet" href="/reveal-js/dist/reveal.css"><link rel="stylesheet" href="/reveal-js/dist/theme/league.css" id="theme">
|
|
<link rel="stylesheet" href="/highlight-js/default.min.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div class="reveal">
|
|
<div class="slides">
|
|
|
|
|
|
<section><h1 id="section-presentation">Section Presentation</h1>
|
|
<p>This is an example of a section presentation.</p>
|
|
</section>
|
|
|
|
|
|
|
|
<section></section><section>
|
|
<h1 id="hello-world-">Hello world !</h1>
|
|
<p>This is my first slide.</p>
|
|
<p><span class='fragment '
|
|
>
|
|
One
|
|
</span>
|
|
<span class='fragment '
|
|
>
|
|
Two
|
|
</span>
|
|
<span class='fragment '
|
|
>
|
|
Three
|
|
</span></p>
|
|
</section>
|
|
|
|
<section data-noprocess data-shortcode-slide
|
|
data-background-color="#FF4081">
|
|
|
|
|
|
|
|
<section data-shortcode-section>
|
|
<h1 id="hello-mars-">Hello Mars !</h1>
|
|
<h2 id="section-slide-1">Section slide 1</h2>
|
|
<p>This is my second slide.</p>
|
|
</section>
|
|
<section data-noprocess data-shortcode-slide
|
|
data-background-image="/images/faith.png">
|
|
<h2 id="section-slide-2">Section slide 2</h2>
|
|
|
|
</section>
|
|
</section>
|
|
<section><h1 id="including">Including…</h1>
|
|
<p>Content from files like this one.</p>
|
|
</section>
|
|
<section><ul class="gallery" data-iterations="5" data-interval="2" data-mode="full-screen">
|
|
<li><img src="images/01.webp" alt="Caption 1"></li>
|
|
<li><img src="images/02.webp" alt="Caption 2"></li>
|
|
<li><img src="images/03.webp" alt="Caption 3"></li>
|
|
</ul>
|
|
</section>
|
|
<section><h2 id="this-is-the-end-">This is the end !</h2>
|
|
</section>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<script type="text/javascript" src=/reveal-hugo/object-assign.js></script>
|
|
|
|
|
|
<script src="/reveal-js/dist/reveal.js"></script>
|
|
|
|
|
|
<script type="text/javascript" src="/reveal-js/plugin/markdown/markdown.js"></script>
|
|
|
|
<script type="text/javascript" src="/reveal-js/plugin/highlight/highlight.js"></script>
|
|
|
|
<script type="text/javascript" src="/reveal-js/plugin/zoom/zoom.js"></script>
|
|
|
|
<script type="text/javascript" src="/reveal-js/plugin/notes/notes.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
function camelize(map) {
|
|
if (map) {
|
|
Object.keys(map).forEach(function(k) {
|
|
newK = k.replace(/(\_\w)/g, function(m) { return m[1].toUpperCase() });
|
|
if (newK != k) {
|
|
map[newK] = map[k];
|
|
delete map[k];
|
|
}
|
|
});
|
|
}
|
|
return map;
|
|
}
|
|
|
|
var revealHugoDefaults = { center: true, controls: true, history: true, progress: true, transition: "slide" };
|
|
var revealHugoSiteParams = {"history":true,"slide_number":true,"theme":"league","transition":"zoom","transition_speed":"fast"};
|
|
var revealHugoPageParams = {};
|
|
|
|
var revealHugoPlugins = {
|
|
|
|
plugins: [RevealMarkdown,RevealHighlight,RevealZoom,RevealNotes]
|
|
};
|
|
|
|
|
|
var options = Object.assign({},
|
|
camelize(revealHugoDefaults),
|
|
camelize(revealHugoSiteParams),
|
|
camelize(revealHugoPageParams),
|
|
camelize(revealHugoPlugins));
|
|
|
|
Reveal.initialize(options);
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|