-
Notifications
You must be signed in to change notification settings - Fork 0
/
usf-dh-dh1-intro.html
147 lines (136 loc) · 7.09 KB
/
usf-dh-dh1-intro.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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!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">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="author" content="David Thomas">
<title>Today's Discussion</title>
<!-- core reveal.js css -->
<link rel="stylesheet" href="css/reveal.css">
<!-- individual reveal.js themes. defaulting to moon, but can be changed live on page -->
<link rel="stylesheet" href="css/theme/beige.css">
<link rel="stylesheet" href="css/theme/black.css">
<link rel="stylesheet" href="css/theme/blood.css">
<link rel="stylesheet" href="css/theme/league.css">
<link rel="stylesheet" href="css/theme/moon.css">
<link rel="stylesheet" href="css/theme/night.css">
<link rel="stylesheet" href="css/theme/serif.css">
<link rel="stylesheet" href="css/theme/simple.css">
<link rel="stylesheet" href="css/theme/sky.css">
<link rel="stylesheet" href="css/theme/solarized.css">
<link rel="stylesheet" href="css/theme/white.css">
<link rel="stylesheet" href="css/theme/moon.css" id="theme">
<!-- Theme used for syntax highlighting of code -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<!-- Extra css for the spreadsheet plugin -->
<link rel="stylesheet" href="plugin/spreadsheet/spreadsheet.css">
<!-- Google Fonts css cdn -->
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<!-- thePortus css for all pages -->
<link rel="stylesheet" href="css/thePortus.css">
<!-- your extra custom css -->
<link rel="stylesheet" href="custom-css/main.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>
<!-- reveal -->
<div class="reveal">
<!-- slides -->
<div class="slides">
<section data-markdown="custom-md/usf-dh-dh1-intro.md"
data-separator="^\r?\n---\r?\n$"
data-separator-vertical="^\r?\n--\r?\n$"
data-notes="^Note:"
data-charset="iso-8859-15">
</section>
</div> <!-- /slides -->
</div> <!-- /reveal -->
<!-- reveal.js scripts -->
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>
<!-- spreadsheet plugin -->
<script src="plugin/spreadsheet/ruleJS.all.full.min.js"></script>
<!-- reveal.js initialization configuration -->
<script>
// More info about config & dependencies:
// - https://github.com/hakimel/reveal.js#configuration
// - https://github.com/hakimel/reveal.js#dependencies
Reveal.initialize({
mouseWheel: true,
hideAddressBar: true,
prefixLinks: false,
theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
transition: Reveal.getQueryHash().transition || 'convex', // default/cube/page/concave/convex/zoom/linear/fade/none
backgroundTransition: Reveal.getQueryHash().backgroundTransition || 'default',
transitionSpeed: Reveal.getQueryHash().transitionSpeed || 'default',
// Parallax scrolling
parallaxBackgroundImage: 'https://d37emhs34s6iw8.cloudfront.net/presentations/common/backgrounds/angular-clemens-migrant.jpg',
parallaxBackgroundSize: '3778px 1900px',
// markdown, marked parsing configuration
markdown: {
gfm: true,
tables: true,
breaks: true,
smartypants: true,
smartyLists: true,
},
controlsTutorial: false,
dependencies: [
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
// Interpret Markdown in <section> elements
{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
// Syntax highlight for <code> elements
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
// Zoom in and out with Alt+click
{ src: 'plugin/zoom-js/zoom.js', async: true },
// Speaker notes
{ src: 'plugin/notes/notes.js', async: true },
// MathJax
{ src: 'plugin/math/math.js', async: true },
// Anything plugin to use json to determine object behavior
{ src: 'plugin/anything/anything.js', async: true },
// Chalkboard with 'b'
{ src: 'plugin/chalkboard/chalkboard.js', async: true },
// Fullscreen for elements with attribute data-fullscreen
{ src: 'plugin/fullscreen/fullscreen.js', async: true },
// Menu plugin with reveal.js-menu
{ src: 'plugin/reveal.js-menu/menu.js', async: true },
// Toolbar plugin with reveal.toolbar
{ src: 'plugin/reveal.js-toolbar/toolbar.js', async: true },
// Spreadsheet plugin
{ src: 'plugin/spreadsheet/spreadsheet.js', async: true },
// chart plugin with csv loader
{ src: 'plugin/chart/Chart.min.js', async: true },
{ src: 'plugin/chart/csv2chart.js', async: true },
],
// custom keyboard mapping
keyboard: {
67: function() { RevealChalkboard.toggleNotesCanvas() }, // toggle notes canvas when 'c' is pressed
66: function() { RevealChalkboard.toggleChalkboard() }, // toggle chalkboard when 'b' is pressed
46: function() { RevealChalkboard.clear() }, // clear chalkboard when 'DEL' is pressed
8: function() { RevealChalkboard.reset() }, // reset chalkboard data on current slide when 'BACKSPACE' is pressed
68: function() { RevealChalkboard.download() }, // downlad recorded chalkboard drawing when 'd' is pressed
},
// plugin configurations
toolbar: {
fullscreen: true,
overview: true,
notes: true,
help: true,
captureMenu: true,
loadIcons: true
}
});
</script>
</body>
</html>