forked from ncsu-geoforall-lab/tangible-landscape-talk
-
Notifications
You must be signed in to change notification settings - Fork 0
/
713_final_presentation.html
718 lines (641 loc) · 25.8 KB
/
713_final_presentation.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
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
<!doctype html>
<html lang="en">
<!-- This is a generated file. Do not edit. -->
<head>
<meta charset="utf-8">
<title>GIS 713</title>
<meta name="description" content="Slides for 713 Final Project Presentation">
<meta name="author" content="Garrett C. Millar">
<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="css/reveal.css">
<link rel="stylesheet" href="css/theme/osgeorel_greyscale.css" id="theme">
<!-- For syntax highlighting -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<!-- For chalkboard plugin -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<!-- If the query includes 'print-pdf', include the PDF print sheet -->
<script>
if( window.location.search.match( /print-pdf/gi ) ) {
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'css/print/pdf.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
}
</script>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
<style>
body {
/*background-color: #FFF !important;*/
background-image: url("img/city_pointcloud_washed.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: left bottom;
background: #fff;
background: linear-gradient(to top, #648880, #293f50);
background: -webkit-linear-gradient(to top,#648880, #293f50);
background: -moz-linear-gradient(to top,#648880, #293f50);
background: linear-gradient(to top,#648880, #293f50);
}
.reveal section img {
background: transparent;
border: 0;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
}
/* for standalone frame */
/*
iframe {
display: block;
margin-left: auto;
margin-right: auto;
}
*/
/* display: inline; background-color: #002B36; padding: 0px; margin: 0px */
.rounded-corners {
border: 0px solid black;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}
a:hover {
color: #444 !important;
text-decoration: underline !important;
}
h1, h2, h3, h4, h5 {
text-transform: none !important;
/* word-break: keep-all; text-transform: none; font-size: 200%; line-height: 110%; */
/* color: #060 !important; */
/* color: #444 !important; */ /* grey from the wab page */
font-weight: bold !important;
-webkit-hyphens: none !important;
-moz-hyphens: none !important;
-ms-hyphens: none !important;
hyphens: none !important;
line-height: 110% !important;
color: #F0F0F0;
}
.reveal .progress span {
background-color: #444 !important;
}
/* predefined element positioning */
.top {
/*position: relative;*/
top: 5%;
height: 45%; /* is the height even needed? */
}
.bottom {
height: 45%;
}
.ne {
position: absolute;
top: 5%;
right: 5%;
height: 45%;
width: 45%;
}
.nw {
position: absolute;
top: 5%;
left: 5%;
height: 45%;
width: 45%;
}
.se {
position: absolute;
bottom: 5%;
right: 5%;
height: 45%;
width: 45%;
}
.sw {
position: absolute;
bottom: 5%;
left: 5%;
height: 45%;
width: 45%;
}
/* classes for sections with predefined elements */
/* using !important because, reveal styles are applied afterwards */
.right, .textimg > img, .textimg > video, .textimg > iframe, .imgtext > p, .imgtext > ul, .imgtext > ol, .imgtext > div {
float: right;
text-align: left;
max-width: 100% !important;
color: #F0F0F0;
}
.left, .imgtext > img, .imgtext > video, imgtext > iframe, .textimg > p, .textimg > ul, .textimg > ol, .textimg > div {
float: left;
text-align: left;
max-width: 100% !important;
color: #F0F0F0;
}
li > ul, li > ol {
font-size: 85% !important;
line-height: 110% !important;
color: #F0F0F0;
}
.small {
font-size: smaller !important;
color: #F0F0F0;
margin: 0.1em !important;
}
.credit {
font-size: small !important;
color: gray;
margin: 0.1em !important;
}
.fixed-background {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: hidden;
}
/* Style the video: 100% width and height to cover the entire window */
#myVideo {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
}
/* Add some content at the bottom of the video/page */
.content {
position: fixed;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
color: #f1f1f1;
width: 100%;
padding: 0px;
}
/* Style the button used to pause/play the video */
#myBtn {
width: 20px;
font-size: 12px;
padding: 5px;
border: none;
background: #000;
color: #fff;
cursor: pointer;
}
#myBtn:hover {
background: transparent;
color: transparent;
}
</style>
</head>
<body>
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<!-- Title slide -->
<section>
<h6 style="color: #909090 ">
GIS 713 - Geospatial Data Mining</h6>
<h5 style="margin-top: 0.25em;color: #F0F0F0">Mapping the Emotional Dimension: Measuring Cyclists’ Physiological Responses Across Space and Time</h5>
<center><video data-autoplay align="center" height="425" controls muted loop>
<source src="video/space_time.mp4" type="video/mp4">
Your browser does not support the video tag.
</video></center>
<h6 style="margin-top: 0.5em;color: #A9A9A9">Garrett C. Millar</h6>
<img height="30px" style="margin-top: 1em" src="img/logos/cgaWhite.png">
<img height="30px" style="margin-top: 1em" src="img/logos/ncstate_white.png">
<aside class="notes">
Good morning everyone, and thank you for coming to my talk.
I'll be presenting on... <br>
</aside>
</section>
<!-- Intro -->
<section>
<h3 style="color: #F0F0F0">
Emotions</h3>
<ul style="color: #F0F0F0">
<li>Why do emotions matter?</li>
<ul>
<li> How in the world do they belong in a conversation with geospatial analytics?</li>
</ul>
</ul>
<aside class="notes">
First off, why emotions?
In fact I wouldn't be the least bit surprised if some of you were thinking what in the world emotions have to do with geospatial analytics, or vice versa. Some of you may even be wearing similar faces to this one right now -->. NEXT SLIDE.
</aside>
</section>
<!-- Questions -->
<section>
<img class="fixed-background" src="img/wat.jpeg">
<aside class="notes">
And if you're a hardcore geospatial analyst or scientist, you might even be thinking "WHHAAAAAA??!!!?!?"
"WHY???"
" IT JUST DOESN'T MAKE ANY SENSE ! ! ! ! "
</aside>
</section>
<!-- Questions -->
<section>
<h3 style="color: #F0F0F0">
Or even . . .</h3>
<img class="fixed-background" src="img/whaaaa.jpg">
<aside class="notes">
. . . . . NOTES HERE . . . . .
</aside>
</section>
<!-- Intro -->
<section>
<h3 style="color: #F0F0F0">
Emotions</h3>
<ul style="color: #F0F0F0">
<li>Emotions</li>
<li>Measuring Emotion</li>
<li>Emotions in Space</li>
<li>Spatial-Emotional Analytics in Urban Planning</li>
</ul>
<aside class="notes">
Emotions play a major role in our day-to-day lives, significantly contributing
to how we perceive and experience the world. They can be interpreted many ways, but largely depend on the context, or the place, in which they are experienced. Despite their wide range of interpretation, they are nothing more than a physiological response to some sort of stimuli, which tend to arise from our environment. Bumper-to-bumper traffic, large noisy crowds, unpleasant smells, all will evoke a distinct emotional response. In fact, there is a complex interplay between emotion, mood, place, and space. While we may feel happy and secure in one place, we might feel worried and unhappy in another.
How we emotionally respond to a place depends on any number of factors.
Empirically examining every one of these factors is a significant undertaking.
However, such an investigation could improve our understanding of how emotions
vary across space and determine our perceptions of a place. This would
be of considerable interest to those responsible for designing the spaces in
which these emotional patterns occur, specifically lending great insight to urban
and city planners.
This is what we concern ourselves within this work. How emotions vary as a function of location, specifically through space and time. To do so, we must begin exploring emotional experiences using a spatial analytical framework.
BUT first, lets see what kind of emotions (at the very least feelings of weariness and / or hesitance) can be invoked by space.... (MINI experiment)
P
</aside>
</section>
<!-- Relating to Cycling - Mini Experiment -->
<!-- Mini Experiment -->
<section>
<img class="fixed-background" src="img/path_med.jpg">
<aside class="notes">
. . . . . NOTES HERE . . . . .
</aside>
</section>
<!-- Mini Experiment -->
<section>
<img class="fixed-background" src="img/path_good.jpg">
<aside class="notes">
. . . . . NOTES HERE . . . . .
</aside>
</section>
<!-- Mini Experiment -->
<section>
<img class="fixed-background" src="img/path_bad.jpg">
<aside class="notes">
. . . . . NOTES HERE . . . . .
</aside>
</section>
<!-- Methodology: Study Area -->
<section>
<h6 style="color: #909090">
Methodology</h6>
<h3 style="color: #F0F0F0">
Study Area — Netherlands</h3>
<img height="570px" align="center" src="img/NL_DEM_marker.png">
<aside class="notes">
. . . . . NOTES HERE . . . . . .
</aside>
</section>
<!-- Methodology: Study Area -->
<section>
<h6 style="color: #909090">
Methodology</h6>
<h3 style="color: #F0F0F0">
Study Area</h3>
<img height="430px" align="center" src="img/study_area_leaf.png">
<table width="100%">
<col width="80%">
<tr>
<td style="vertical-align: right; color: #F0F0F0; text-align:center; border-bottom: 0px; padding: 0px, 0px;"> Area of Interest: Cycling Highway <br>
between Tilburg and Waalwijk
</tr>
</table>
<aside class="notes">
. . . . . NOTES HERE . . . . . .
</aside>
</section>
<!-- Methodology: GPS Data -->
<section>
<h6 style="color: #909090">
Methodology</h6>
<h3 style="color: #F0F0F0">
GPS Data</h3>
<img class="stretch" src="img/GPS_charts.png">
<aside class="notes">
. . . . . NOTES HERE . . . . . .
</aside>
</section>
<!-- Methodology: Skin Conductance -->
<section>
<h6 style="color: #909090">
Methodology</h6>
<h3 style="color: #F0F0F0">
Skin Conductance</h3>
<img class="stretch" src="img/Conductance_charts_2.png">
<aside class="notes">
. . . . . NOTES HERE . . . . . .
</aside>
</section>
<!-- Methodology: Viewshed Buffers -->
<section>
<h6 style="color: #909090">
Methodology</h6>
<h3 style="color: #F0F0F0">
Buffers as an Environment Interaction Metric</h3>
<img class="stretch" src="img/100_yd_buffer.png">
<aside class="notes">
. . . . . NOTES HERE . . . . . .
</aside>
</section>
<!-- Methodology: Framework for Cyclists' Experiences -->
<section>
<h6 style="color: #909090">
Methodology</h6>
<h3 style="color: #F0F0F0">
Framework for Cyclists' Emotional Experiences</h3>
<img class="stretch" src="img/cyclist_exp_framework_no_descrip_2.png">
<aside class="notes">
. . . . . NOTES HERE . . . . . .
</aside>
</section>
<!-- Methodology: Mapping Emotion -->
<section>
<h6 style="color: #909090">
Methodology</h6>
<h3 style="color: #F0F0F0">
Mapping Emotion</h3>
<img class="stretch" src="img/conduct_landuse_roads_map_grey_pts1-6.png">
<aside class="notes">
. . . . . NOTES HERE . . . . . .
</aside>
</section>
<!-- Methodology: Mapping Emotion -->
<section>
<h6 style="color: #909090">
Methodology</h6>
<h3 style="color: #F0F0F0">
Mapping Emotion cont'd</h3>
<img class="stretch" src="img/conduct_landuse_roads_map_grey_pts7-11.png">
<aside class="notes">
. . . . . NOTES HERE . . . . . .
</aside>
</section>
<!-- Space-Time Cube -->
<section>
<h6 style="color: #909090">
Methodology</h6>
<h3 style="color: #F0F0F0">
Mapping Emotion over Space /& Time</h3>
<video autoplay muted loop id="space_time" height = "570px">
<source src="video/space_time.mp4" type="video/mp4">
</video>
<aside class="notes">
. . . . . . . . BS TEXT HERE . . . . . . . . . . .
</aside>
</section>
<!-- Results: Land Use Tables -->
<section>
<h6 style="color: #909090">
Results</h6>
<h3 style="color: #F0F0F0">
Descriptive Statistics: Land Use</h3>
<img width= "345px" align="left" src="img/table_conductance_by_land_type_TOP.png">
<img width= "345px" align="right" src="img/table_conductance_by_land_type_bottom_comb.png">
<table width="100%">
<col width="50%">
<col width="50%">
<tr>
<td style="vertical-align: bottom; color: #F0F0F0; text-align:left; border-bottom: 0px; padding: 0;">By Individual type
<td style="vertical-align: bottom; color: #F0F0F0; text-align:right; border-bottom: 0px; padding: 0;">By Individual Type cont'd
</tr>
</table>
<aside class="notes">
. . . . . NOTES HERE . . . . . .
</aside>
</section>
<!-- Results: Land Use Bar Charts -->
<section>
<h6 style="color: #909090">
Results</h6>
<h3 style="color: #F0F0F0">
Descriptive Statistics: Land Use</h3>
<img class="stretch" src="img/conductance_by_land_type.png">
<center><p style="color: #F0F0F0"> By Individual Land Use Types </p> </center>
<aside class="notes">
. . . . . NOTES HERE . . . . . .
</aside>
</section>
<!-- Results: Land Use Tables -->
<section>
<h6 style="color: #909090">
Results</h6>
<h3 style="color: #F0F0F0">
Descriptive Statistics: Land Use</h3>
<img width= "450px" src="img/table_conductance_by_land_groups.png">
<table width="100%">
<col width="95%">
<tr>
<td style="vertical-align: middle; color: #F0F0F0; text-align:center; border-bottom: 0px; padding: 0;">By Group
</tr>
</table>
<aside class="notes">
. . . . . NOTES HERE . . . . . .
</aside>
</section>
<!-- Results: Land Use Bar Charts -->
<section>
<h6 style="color: #909090">
Results</h6>
<h3 style="color: #F0F0F0">
Descriptive Statistics: Land Use</h3>
<img class="stretch" src="img/conductance_by_land_group.png">
<center><p style="color: #F0F0F0"> By Group </p> </center>
<aside class="notes">
. . . . . NOTES HERE . . . . . .
</aside>
</section>
<!-- Results: Road Type Tables -->
<section>
<h6 style="color: #909090">
Results</h6>
<h3 style="color: #F0F0F0">
Descriptive Statistics: Road Types</h3>
<img width= "345px" align="left" src="img/table_conductance_by_road_groups.png">
<img width= "345px" align="right" src="img/tableconductance_by_road_types.png">
<table width="100%">
<col width="50%">
<col width="50%">
<tr>
<td style="vertical-align: bottom; color: #F0F0F0; text-align:left; border-bottom: 0px; padding: 0;">By Group
<td style="vertical-align: bottom; color: #F0F0F0; text-align:right; border-bottom: 0px; padding: 0;">By Individual Type
</tr>
</table>
<aside class="notes">
. . . . . NOTES HERE . . . . . .
</aside>
</section>
<!-- Results: Road Types Bar Charts -->
<section>
<h6 style="color: #909090">
Results</h6>
<h3 style="color: #F0F0F0">
Descriptive Statistics: Road Types</h3>
<img class="stretch" src="img/conductance_by_road_types.png">
<center><p style="color: #F0F0F0"> By Individual Road Types </p> </center>
<aside class="notes">
. . . . . NOTES HERE . . . . . .
</aside>
</section>
<!-- Results: Road Types Bar Charts -->
<section>
<h6 style="color: #909090">
Results</h6>
<h3 style="color: #F0F0F0">
Descriptive Statistics: Road Types</h3>
<img class="stretch" src="img/conductance_by_road_groups.png">
<center><p style="color: #F0F0F0"> By Group </p> </center>
<aside class="notes">
. . . . . NOTES HERE . . . . . .
</aside>
</section>
<!-- Conclusion-->
<section>
<h3 style="color: #F0F0F0">
Conclusions</h3>
<ul style="color: #F0F0F0">
<li> General fidelity of skin conductance data (or lack there of).</li>
<li> Psychology's notorious replication issue. </li>
<ul>
<li> Stems from researchers' inability to gain an accurate and reliable index into the context in which complex psychological, behavioral, and cognitive states occur. </li>
<li> Yet, these states are so dependent on and relative to the context in which they occur! </li>
</ul>
<li> Developed and presented methods can be used as simple code (or software) to obtain a larger and more clear window into the fidelity and accuracy of psychological data as well as the context in which analyzed psychological states occur.</li>
</ul>
<aside class="notes">
- general shitiness of skin conductance data
- replication issue in psychology as factor of researchers' inability to gain accurate and reliable index into the context in which complex psychological, behavioral, and cognitive states are occuring<br>
- huge issue as these states are so dependent on and relative to the context in which they occur.<br>
- MY developed methods can be used as simple code to obtain a larger and more clear window into the fidelity and accuracy of psychological data as well as the context of the occurring psychological states being analyzed.
</aside>
</section>
<!-- Limitations & Future Directions-->
<!--<section>
<h4 style="color: #888">
Limitations & Future Directions</h4>
<ul>
<li>Limited methodological scope and low statistical power of the presented results</li>
<li>Knowledge building:</li>
<li>User Experience:</li>
</ul>
<aside class="notes">
</aside>
</section> -->
<!-- Questions -->
<section>
<h3 style="color: #F0F0F0">
Questions?</h3>
<video data-autoplay align="center" controls muted loop id="3d_app_movie">
<source src="video/3d_app_movie_720.mp4" type="video/mp4">
</video>
<p> Thank you! </p>
<!-- The video -->
<!-- Optional: some overlay text to describe the video -->
<div class="content">
<!-- <h3 style="color: #F0F0F0">
Questions?</h3>
<p>Thank you!</p> -->
<!-- Use a button to pause/play the video with JavaScript -->
<!-- <button id="myBtn" onclick="myFunction()">Pause</button> -->
</div>
<aside class="notes">
And with that, I thank you all. While I take any questions you may have, a recent development for this cycling data will be shown in the background.
Specifically, I am in the very early stages of developing a fully functional 3D interactive application using the cycling data (the one I sent you a video on) and any similar data that may measure how people respond to space and the features within it. With this you can see buildings in 3D, follow the cyclists' path in the first person POV (so to speak), and better understand what they were seeing throughout the duration of the cycling journey.
I'm currently working on a feature to allow users to click on one of the points/markers, to then display a street view (from collected video recordings) in the popup window so they can know exactly what the cyclist was seeing (or not seeing) during various levels of 'stress'. Charts, graphs, and other useful information will also soon be added and I hope to have it up to CGA lab demo standards in the next couple of months (as a fully functioning software application).
</aside>
</section>
<!-- This is a generated file. Do not edit. -->
</div> <!-- slides -->
</div> <!-- reveal -->
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>
<script>
// Full list of configuration options available here:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
// Display controls in the bottom right corner
controls: false,
// Display a presentation progress bar
progress: true,
center: true,
// Display the page number of the current slide
slideNumber: false,
// Enable the slide overview mode
overview: true,
// Turns fragments on and off globally
fragments: true,
// The "normal" size of the presentation, aspect ratio will be preserved
// when the presentation is scaled to fit different resolutions. Can be
// specified using percentage units.
width: 1060,
// height: 700,
// Factor of the display size that should remain empty around the content
margin: 0.05, // increase?
// Bounds for smallest/largest possible scale to apply to content
minScale: 0.5,
maxScale: 5.0,
theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
transition: Reveal.getQueryHash().transition || 'none', // default/cube/page/concave/zoom/linear/fade/none
// Push each slide change to the browser history
history: true,
// Enable keyboard shortcuts for navigation
keyboard: true,
// Vertical centering of slides
center: true,
// Enables touch navigation on devices with touch input
touch: true,
// Loop the presentation
loop: false,
// Flags if the presentation is running in an embedded mode,
// i.e. contained within a limited portion of the screen
embedded: 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,
// Stop auto-sliding after user input
autoSlideStoppable: true,
// Enable slide navigation via mouse wheel
mouseWheel: false,
// Hides the address bar on mobile devices
hideAddressBar: true,
// Opens links in an iframe preview overlay
previewLinks: false,
// Transition speed
transitionSpeed: 'default', // default/fast/slow
// Transition style for full page slide backgrounds
backgroundTransition: 'none', // default/none/slide/concave/convex/zoom
// Number of slides away from the current that are visible
viewDistance: 3,
// Parallax background image
//parallaxBackgroundImage: '', // e.g. "'https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg'"
// Parallax background size
//parallaxBackgroundSize: '' // CSS syntax, e.g. "2100px 900px"
// Optional libraries used to extend on reveal.js
dependencies: [
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
{ src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } },
{ src: 'plugin/math/math.js', async: true }
]
});
</script>
</body>
</html>