This repository has been archived by the owner on Mar 28, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathindex.html
111 lines (100 loc) · 5.42 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Continuous Delivery Slides</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/reveal.min.css">
<link rel="stylesheet" href="css/cloudogu.css">
<!-- Theme used for syntax highlighting of code -->
<link rel="stylesheet" href="lib/css/monokai.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 ) ? 'css/print/pdf.css' : 'css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
</head>
<body>
<div class="reveal">
<div class="footer text-smaller state-background" style=" position: absolute;bottom: 80px;">
<p>
<a href='https://twitter.com/cloudogu' class="social" target="_blank">
<i class='fab fa-twitter'></i>
@cloudogu
</a>
</p>
</div>
<div class="slides">
<section data-markdown="docs/slides/01-intro.md" data-separator-vertical="^\r?\n\r?\n\r?\n"></section>
<section data-markdown="docs/slides/02-furtherToTheRight.md" data-separator-vertical="^\r?\n\r?\n\r?\n"></section>
<section excludeLocation="?print-pdf" data-markdown="docs/slides/03-notPrinted.md" data-separator-vertical="^\r?\n\r?\n\r?\n"></section>
</div>
</div>
<script src="js/reveal.min.js"></script>
<script src="lib/fontawesome-free/js/all.min.js"></script>
<script src="lib/twemoji/twemoji.min.js"></script>
<script>
const showNotesForPrinting = true;
evaluateExcludeLocation();
const showNotes = showNotesForPrinting && window.location.search.startsWith('?print-pdf') ? "separate-page" : undefined;
// More info about config & dependencies:
// - https://github.com/hakimel/reveal.js#configuration
// - https://github.com/hakimel/reveal.js#dependencies
Reveal.initialize({
hash: true,
history: true,
// Use the default (h.v), because the printed version will always have this anyway
slideNumber: 'true',
// Support for presenters - press comma to toggle presenterMode mode, i.e. ⬅/➡️ keys map to
// prev/next slide, instead of left/right
keyboard: {
188: () => setPresenterMode(true)
},
showNotes: showNotes,
dependencies: [
// Interpret Markdown in <section> elements
{ src: 'plugin/markdown/marked.js' },
{ src: 'plugin/markdown/markdown.js' },
{ src: 'plugin/highlight/highlight.js'},
// Speaker notes
{ src: 'plugin/notes/notes.js', async: true },
// Syntax highlight for <code> elements
// Zoom in and out with Ctrl+Alt+click
{ src: 'plugin/zoom-js/zoom.js', async: true },
// Search slides with Ctrl+Shift+f
{ src: 'plugin/search/search.js', async: true },
// Standardizes emoji images
{ src: 'plugin/reveal-twemoji/reveal-twemoji.js' }
]
});
setPresenterMode(false);
function setPresenterMode(toggle) {
const storage = localStorage;
const storageKey = 'presenterMode';
if (toggle) {
storage.setItem(storageKey, JSON.stringify(!JSON.parse(storage.getItem(storageKey))));
}
const presenterMode = JSON.parse(storage.getItem(storageKey));
if (presenterMode) {
Reveal.addKeyBinding({keyCode: 39}, 'next');
Reveal.addKeyBinding({keyCode: 37}, 'prev');
} else {
Reveal.removeKeyBinding(37);
Reveal.removeKeyBinding(39);
}
console.log(`Set presenter mode: ${storage.getItem(storageKey)}`);
}
function evaluateExcludeLocation() {
document.querySelectorAll('section[excludeLocation]').forEach(element => {
if (window.location.search.startsWith(element.getAttribute('excludeLocation'))) {
element.remove()
}})
}
</script>
<a href="https://github.com/cloudogu/continuous-delivery-slides" class="github-corner state-background" aria-label="View source on GitHub"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#23A3DD; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
</body>
</html>