Gitiles
Code Review Sign In
korap.ids-mannheim.de / IDS-Mannheim / revealjs / f93c95fb48edaa03dc49b145be038b7c126ad2c6 / . / inst / rmarkdown / templates / revealjs_presentation / resources / default.html
blob: 34f4c3da2ef8c3054deeface4a8fad8e4818df9c [file] [log] [blame]
JJ Allaire2ec40242014-09-15 09:18:39 -0400[diff] [blame]1<!DOCTYPE html>
JJ Allaire40fec332016-01-30 16:54:51 -0500[diff] [blame]2<html$if(lang)$ lang="$lang$"$endif$$if(dir)$ dir="$dir$"$endif$>
JJ Allaire2ec40242014-09-15 09:18:39 -0400[diff] [blame]3<head>
4 <meta charset="utf-8">
5 <meta name="generator" content="pandoc">
6$for(author-meta)$
7 <meta name="author" content="$author-meta$" />
8$endfor$
9$if(date-meta)$
10 <meta name="dcterms.date" content="$date-meta$" />
11$endif$
JJ Allaire40fec332016-01-30 16:54:51 -0500[diff] [blame]12$if(keywords)$
13 <meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$">
14$endif$
15 <title>$if(title-prefix)$$title-prefix$ – $endif$$pagetitle$</title>
16 <meta name="apple-mobile-web-app-capable" content="yes">
17 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
junkka77fbf082015-03-15 22:25:47 +0100[diff] [blame]18 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
JJ Allaire6da1bb62016-01-30 14:28:39 -0500[diff] [blame]19 <link rel="stylesheet" href="$revealjs-url$/css/reveal.css"/>
JJ Allaire2ec40242014-09-15 09:18:39 -0400[diff] [blame]20
Josef Fruehwaldce4224c2015-08-07 11:19:45 +0100[diff] [blame]21$if(highlightjs)$
22<link rel="stylesheet"
23 href="$highlightjs$/$if(highlightjs-theme)$$highlightjs-theme$$else$default$endif$.css"
24 $if(html5)$$else$type="text/css" $endif$/>
25<script src="$highlightjs$/highlight.js"></script>
26$endif$
27
28$if(highlighting-css)$
29<style type="text/css">
30$highlighting-css$
31</style>
32$endif$
33
34$if(theme)$
35<link rel="stylesheet" href="$revealjs-url$/css/theme/$theme$.css" id="theme">
36$endif$
37
38$if(theme-dark)$
39<style type="text/css">
40.reveal section img {
41 background: rgba(255, 255, 255, 0.85);
42}
43</style>
44$endif$
45
JJ Allaire2ec40242014-09-15 09:18:39 -0400[diff] [blame]46 <!-- some tweaks to reveal css -->
47 <style type="text/css">
48 .reveal h1 { font-size: 2.0em; }
49 .reveal h2 { font-size: 1.5em; }
50 .reveal h3 { font-size: 1.25em; }
51 .reveal h4 { font-size: 1em; }
52
53 .reveal .slides>section,
54 .reveal .slides>section>section {
55 padding: 0px 0px;
56 }
57
58$if(center)$
59
60$else$
61 .reveal .title {
62 margin-top: 125px;
63 margin-bottom: 50px;
64 }
65$endif$
66
67 .reveal table {
68 border-width: 1px;
69 border-spacing: 2px;
70 border-style: dotted;
71 border-color: gray;
72 border-collapse: collapse;
73 font-size: 0.7em;
74 }
75
76 .reveal table th {
77 border-width: 1px;
78 padding-left: 10px;
79 padding-right: 25px;
80 font-weight: bold;
81 border-style: dotted;
82 border-color: gray;
83 }
84
85 .reveal table td {
86 border-width: 1px;
87 padding-left: 10px;
88 padding-right: 25px;
89 border-style: dotted;
90 border-color: gray;
91 }
92
93 </style>
94
95 <style type="text/css">code{white-space: pre;}</style>
96
JJ Allaire2ec40242014-09-15 09:18:39 -0400[diff] [blame]97$if(css)$
98$for(css)$
99 <link rel="stylesheet" href="$css$"/>
100$endfor$
101$endif$
JJ Allairec68f9b42017-01-03 08:05:31 -0500[diff] [blame]102
103<!-- Printing and PDF exports -->
104<script id="paper-css" type="application/dynamic-css">
105
106/* Default Print Stylesheet Template
107 by Rob Glazebrook of CSSnewbie.com
108 Last Updated: June 4, 2008
109
110 Feel free (nay, compelled) to edit, append, and
111 manipulate this file as you see fit. */
112
113
114@media print {
115
116 /* SECTION 1: Set default width, margin, float, and
117 background. This prevents elements from extending
118 beyond the edge of the printed page, and prevents
119 unnecessary background images from printing */
120 html {
121 background: #fff;
122 width: auto;
123 height: auto;
124 overflow: visible;
125 }
126 body {
127 background: #fff;
128 font-size: 20pt;
129 width: auto;
130 height: auto;
131 border: 0;
132 margin: 0 5%;
133 padding: 0;
134 overflow: visible;
135 float: none !important;
136 }
137
138 /* SECTION 2: Remove any elements not needed in print.
139 This would include navigation, ads, sidebars, etc. */
140 .nestedarrow,
141 .controls,
142 .fork-reveal,
143 .share-reveal,
144 .state-background,
145 .reveal .progress,
146 .reveal .backgrounds {
147 display: none !important;
148 }
149
150 /* SECTION 3: Set body font face, size, and color.
151 Consider using a serif font for readability. */
152 body, p, td, li, div {
153 font-size: 20pt!important;
154 font-family: Georgia, "Times New Roman", Times, serif !important;
155 color: #000;
156 }
157
158 /* SECTION 4: Set heading font face, sizes, and color.
159 Differentiate your headings from your body text.
160 Perhaps use a large sans-serif for distinction. */
161 h1,h2,h3,h4,h5,h6 {
162 color: #000!important;
163 height: auto;
164 line-height: normal;
165 font-family: Georgia, "Times New Roman", Times, serif !important;
166 text-shadow: 0 0 0 #000 !important;
167 text-align: left;
168 letter-spacing: normal;
169 }
170 /* Need to reduce the size of the fonts for printing */
171 h1 { font-size: 28pt !important; }
172 h2 { font-size: 24pt !important; }
173 h3 { font-size: 22pt !important; }
174 h4 { font-size: 22pt !important; font-variant: small-caps; }
175 h5 { font-size: 21pt !important; }
176 h6 { font-size: 20pt !important; font-style: italic; }
177
178 /* SECTION 5: Make hyperlinks more usable.
179 Ensure links are underlined, and consider appending
180 the URL to the end of the link for usability. */
181 a:link,
182 a:visited {
183 color: #000 !important;
184 font-weight: bold;
185 text-decoration: underline;
186 }
187 /*
188 .reveal a:link:after,
189 .reveal a:visited:after {
190 content: " (" attr(href) ") ";
191 color: #222 !important;
192 font-size: 90%;
193 }
194 */
195
196
197 /* SECTION 6: more reveal.js specific additions by @skypanther */
198 ul, ol, div, p {
199 visibility: visible;
200 position: static;
201 width: auto;
202 height: auto;
203 display: block;
204 overflow: visible;
205 margin: 0;
206 text-align: left !important;
207 }
208 .reveal pre,
209 .reveal table {
210 margin-left: 0;
211 margin-right: 0;
212 }
213 .reveal pre code {
214 padding: 20px;
215 border: 1px solid #ddd;
216 }
217 .reveal blockquote {
218 margin: 20px 0;
219 }
220 .reveal .slides {
221 position: static !important;
222 width: auto !important;
223 height: auto !important;
224
225 left: 0 !important;
226 top: 0 !important;
227 margin-left: 0 !important;
228 margin-top: 0 !important;
229 padding: 0 !important;
230 zoom: 1 !important;
231
232 overflow: visible !important;
233 display: block !important;
234
235 text-align: left !important;
236 -webkit-perspective: none;
237 -moz-perspective: none;
238 -ms-perspective: none;
239 perspective: none;
240
241 -webkit-perspective-origin: 50% 50%;
242 -moz-perspective-origin: 50% 50%;
243 -ms-perspective-origin: 50% 50%;
244 perspective-origin: 50% 50%;
245 }
246 .reveal .slides section {
247 visibility: visible !important;
248 position: static !important;
249 width: auto !important;
250 height: auto !important;
251 display: block !important;
252 overflow: visible !important;
253
254 left: 0 !important;
255 top: 0 !important;
256 margin-left: 0 !important;
257 margin-top: 0 !important;
258 padding: 60px 20px !important;
259 z-index: auto !important;
260
261 opacity: 1 !important;
262
263 page-break-after: always !important;
264
265 -webkit-transform-style: flat !important;
266 -moz-transform-style: flat !important;
267 -ms-transform-style: flat !important;
268 transform-style: flat !important;
269
270 -webkit-transform: none !important;
271 -moz-transform: none !important;
272 -ms-transform: none !important;
273 transform: none !important;
274
275 -webkit-transition: none !important;
276 -moz-transition: none !important;
277 -ms-transition: none !important;
278 transition: none !important;
279 }
280 .reveal .slides section.stack {
281 padding: 0 !important;
282 }
283 .reveal section:last-of-type {
284 page-break-after: avoid !important;
285 }
286 .reveal section .fragment {
287 opacity: 1 !important;
288 visibility: visible !important;
289
290 -webkit-transform: none !important;
291 -moz-transform: none !important;
292 -ms-transform: none !important;
293 transform: none !important;
294 }
295 .reveal section img {
296 display: block;
297 margin: 15px 0px;
298 background: rgba(255,255,255,1);
299 border: 1px solid #666;
300 box-shadow: none;
301 }
302
303 .reveal section small {
304 font-size: 0.8em;
305 }
306
307}
308</script>
309
310
311<script id="pdf-css" type="application/dynamic-css">
312
313/**
314 * This stylesheet is used to print reveal.js
315 * presentations to PDF.
316 *
317 * https://github.com/hakimel/reveal.js#pdf-export
318 */
319
320* {
321 -webkit-print-color-adjust: exact;
322}
323
324body {
325 margin: 0 auto !important;
326 border: 0;
327 padding: 0;
328 float: none !important;
329 overflow: visible;
330}
331
332html {
333 width: 100%;
334 height: 100%;
335 overflow: visible;
336}
337
338/* Remove any elements not needed in print. */
339.nestedarrow,
340.reveal .controls,
341.reveal .progress,
342.reveal .playback,
343.reveal.overview,
344.fork-reveal,
345.share-reveal,
346.state-background {
347 display: none !important;
348}
349
350h1, h2, h3, h4, h5, h6 {
351 text-shadow: 0 0 0 #000 !important;
352}
353
354.reveal pre code {
355 overflow: hidden !important;
356 font-family: Courier, 'Courier New', monospace !important;
357}
358
359ul, ol, div, p {
360 visibility: visible;
361 position: static;
362 width: auto;
363 height: auto;
364 display: block;
365 overflow: visible;
366 margin: auto;
367}
368.reveal {
369 width: auto !important;
370 height: auto !important;
371 overflow: hidden !important;
372}
373.reveal .slides {
374 position: static;
375 width: 100%;
376 height: auto;
377
378 left: auto;
379 top: auto;
380 margin: 0 !important;
381 padding: 0 !important;
382
383 overflow: visible;
384 display: block;
385
386 -webkit-perspective: none;
387 -moz-perspective: none;
388 -ms-perspective: none;
389 perspective: none;
390
391 -webkit-perspective-origin: 50% 50%; /* there isn't a none/auto value but 50-50 is the default */
392 -moz-perspective-origin: 50% 50%;
393 -ms-perspective-origin: 50% 50%;
394 perspective-origin: 50% 50%;
395}
396
397.reveal .slides section {
398 page-break-after: always !important;
399
400 visibility: visible !important;
401 position: relative !important;
402 display: block !important;
403 position: relative !important;
404
405 margin: 0 !important;
406 padding: 0 !important;
407 box-sizing: border-box !important;
408 min-height: 1px;
409
410 opacity: 1 !important;
411
412 -webkit-transform-style: flat !important;
413 -moz-transform-style: flat !important;
414 -ms-transform-style: flat !important;
415 transform-style: flat !important;
416
417 -webkit-transform: none !important;
418 -moz-transform: none !important;
419 -ms-transform: none !important;
420 transform: none !important;
421}
422
423.reveal section.stack {
424 margin: 0 !important;
425 padding: 0 !important;
426 page-break-after: avoid !important;
427 height: auto !important;
428 min-height: auto !important;
429}
430
431.reveal img {
432 box-shadow: none;
433}
434
435.reveal .roll {
436 overflow: visible;
437 line-height: 1em;
438}
439
440/* Slide backgrounds are placed inside of their slide when exporting to PDF */
441.reveal section .slide-background {
442 display: block !important;
443 position: absolute;
444 top: 0;
445 left: 0;
446 width: 100%;
447 z-index: -1;
448}
449
450/* All elements should be above the slide-background */
451.reveal section>* {
452 position: relative;
453 z-index: 1;
454}
455
456/* Display slide speaker notes when 'showNotes' is enabled */
457.reveal .speaker-notes-pdf {
458 display: block;
459 width: 100%;
460 max-height: none;
461 left: auto;
462 top: auto;
463 z-index: 100;
464}
465
466/* Display slide numbers when 'slideNumber' is enabled */
467.reveal .slide-number-pdf {
468 display: block;
469 position: absolute;
470 font-size: 14px;
471}
472
473</script>
474
475
476<script>
477var style = document.createElement( 'style' );
478style.type = 'text/css';
479var style_script_id = window.location.search.match( /print-pdf/gi ) ? 'pdf-css' : 'paper-css';
480var style_script = document.getElementById(style_script_id).text;
481style.innerHTML = style_script;
482document.getElementsByTagName('head')[0].appendChild(style);
483</script>
JJ Allaire2ec40242014-09-15 09:18:39 -0400[diff] [blame]484
485$for(header-includes)$
486 $header-includes$
487$endfor$
488</head>
489<body>
490$for(include-before)$
491$include-before$
492$endfor$
493 <div class="reveal">
494 <div class="slides">
495
496$if(title)$
497<section>
498 <h1 class="title">$title$</h1>
499$if(subtitle)$
500 <h1 class="subtitle">$subtitle$</h1>
501$endif$
502$for(author)$
503 <h2 class="author">$author$</h2>
504$endfor$
JJ Allaire40fec332016-01-30 16:54:51 -0500[diff] [blame]505$if(date)$
JJ Allaire2ec40242014-09-15 09:18:39 -0400[diff] [blame]506 <h3 class="date">$date$</h3>
JJ Allaire40fec332016-01-30 16:54:51 -0500[diff] [blame]507$endif$
JJ Allaire2ec40242014-09-15 09:18:39 -0400[diff] [blame]508</section>
509$endif$
510$if(toc)$
511<section id="$idprefix$TOC">
512$toc$
513</section>
514$endif$
515
516$body$
517 </div>
518 </div>
JJ Allaire2ec40242014-09-15 09:18:39 -0400[diff] [blame]519
520 <script src="$revealjs-url$/lib/js/head.min.js"></script>
JJ Allaire6da1bb62016-01-30 14:28:39 -0500[diff] [blame]521 <script src="$revealjs-url$/js/reveal.js"></script>
JJ Allaire2ec40242014-09-15 09:18:39 -0400[diff] [blame]522
523 <script>
524
JJ Allaire40fec332016-01-30 16:54:51 -0500[diff] [blame]525 // Full list of configuration options available at:
JJ Allaire2ec40242014-09-15 09:18:39 -0400[diff] [blame]526 // https://github.com/hakimel/reveal.js#configuration
527 Reveal.initialize({
JJ Allaire40fec332016-01-30 16:54:51 -0500[diff] [blame]528$if(controls)$
529 // Display controls in the bottom right corner
530 controls: $controls$,
531$endif$
532$if(progress)$
533 // Display a presentation progress bar
534 progress: $progress$,
535$endif$
536$if(slideNumber)$
537 // Display the page number of the current slide
538 slideNumber: $slideNumber$,
539$endif$
540$if(history)$
541 // Push each slide change to the browser history
542 history: $history$,
543$endif$
544$if(keyboard)$
545 // Enable keyboard shortcuts for navigation
546 keyboard: $keyboard$,
547$endif$
548$if(overview)$
549 // Enable the slide overview mode
550 overview: $overview$,
551$endif$
552$if(center)$
553 // Vertical centering of slides
554 center: $center$,
555$endif$
556$if(touch)$
557 // Enables touch navigation on devices with touch input
558 touch: $touch$,
559$endif$
560$if(loop)$
561 // Loop the presentation
562 loop: $loop$,
563$endif$
564$if(rtl)$
565 // Change the presentation direction to be RTL
566 rtl: $rtl$,
567$endif$
568$if(fragments)$
569 // Turns fragments on and off globally
570 fragments: $fragments$,
571$endif$
572$if(embedded)$
573 // Flags if the presentation is running in an embedded mode,
574 // i.e. contained within a limited portion of the screen
575 embedded: $embedded$,
576$endif$
577$if(help)$
578 // Flags if we should show a help overlay when the questionmark
579 // key is pressed
580 help: $help$,
581$endif$
582$if(autoSlide)$
583 // Number of milliseconds between automatically proceeding to the
584 // next slide, disabled when set to 0, this value can be overwritten
585 // by using a data-autoslide attribute on your slides
586 autoSlide: $autoSlide$,
587$endif$
588$if(autoSlideStoppable)$
589 // Stop auto-sliding after user input
590 autoSlideStoppable: $autoSlideStoppable$,
591$endif$
592$if(mouseWheel)$
593 // Enable slide navigation via mouse wheel
594 mouseWheel: $mouseWheel$,
595$endif$
596$if(hideAddressBar)$
597 // Hides the address bar on mobile devices
598 hideAddressBar: $hideAddressBar$,
599$endif$
600$if(previewLinks)$
601 // Opens links in an iframe preview overlay
602 previewLinks: $previewLinks$,
603$endif$
604$if(transition)$
605 // Transition style
606 transition: '$transition$', // none/fade/slide/convex/concave/zoom
607$endif$
608$if(transitionSpeed)$
609 // Transition speed
610 transitionSpeed: '$transitionSpeed$', // default/fast/slow
611$endif$
612$if(backgroundTransition)$
613 // Transition style for full page slide backgrounds
614 backgroundTransition: '$backgroundTransition$', // none/fade/slide/convex/concave/zoom
615$endif$
616$if(viewDistance)$
617 // Number of slides away from the current that are visible
618 viewDistance: $viewDistance$,
619$endif$
620$if(parallaxBackgroundImage)$
621 // Parallax background image
622 parallaxBackgroundImage: '$parallaxBackgroundImage$', // e.g. "'https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg'"
623$endif$
624$if(parallaxBackgroundSize)$
625 // Parallax background size
626 parallaxBackgroundSize: '$parallaxBackgroundSize$', // CSS syntax, e.g. "2100px 900px"
627$endif$
628$if(parallaxBackgroundHorizontal)$
629 // Amount to move parallax background (horizontal and vertical) on slide change
630 // Number, e.g. 100
631 parallaxBackgroundHorizontal: '$parallaxBackgroundHorizontal$',
632$endif$
633$if(parallaxBackgroundVertical)$
634 parallaxBackgroundVertical: '$parallaxBackgroundVertical$',
635$endif$
636$if(width)$
637 // The "normal" size of the presentation, aspect ratio will be preserved
638 // when the presentation is scaled to fit different resolutions. Can be
639 // specified using percentage units.
640 width: $width$,
641$endif$
642$if(height)$
643 height: $height$,
644$endif$
645$if(margin)$
646 // Factor of the display size that should remain empty around the content
647 margin: $margin$,
648$endif$
649$if(minScale)$
650 // Bounds for smallest/largest possible scale to apply to content
651 minScale: $minScale$,
652$endif$
653$if(maxScale)$
654 maxScale: $maxScale$,
655$endif$
JJ Allaire2ec40242014-09-15 09:18:39 -0400[diff] [blame]656
JJ Allaire375805c2016-11-15 08:56:43 -0500[diff] [blame]657$if(plugin-chalkboard)$
658
659 chalkboard: {
660$if(chalkboard-src)$
661 src: $chalkboard-src$,
662$endif$
663$if(chalkboard-readOnly)$
664 readOnly: $chalkboard-readOnly$,
665$endif$
666$if(chalkboard-toggleNotesButton)$
667 toggleNotesButton: $chalkboard-toggleNotesButton$,
668$endif$
669$if(chalkboard-toggleChalkboardButton)$
670 toggleChalkboardButton: $chalkboard-toggleChalkboardButton$,
671$endif$
672$if(chalkboard-transition)$
673 transition: $chalkboard-transition$,
674$endif$
675$if(chalkboard-theme)$
676 theme: $chalkboard-theme$,
677$endif$
678$if(chalkboard-color)$
679 color: $chalkboard-color$,
680$endif$
681$if(chalkboard-background)$
682 background: $chalkboard-background$,
683$endif$
684$if(chalkboard-pen)$
685 pen: $chalkboard-pen$,
686$endif$
687 },
688
689 keyboard: {
690 67: function() { RevealChalkboard.toggleNotesCanvas() }, // toggle notes canvas when 'c' is pressed
691 66: function() { RevealChalkboard.toggleChalkboard() }, // toggle chalkboard when 'b' is pressed
692 46: function() { RevealChalkboard.clear() }, // clear chalkboard when 'DEL' is pressed
693 8: function() { RevealChalkboard.reset() }, // reset chalkboard data on current slide when 'BACKSPACE' is pressed
694 68: function() { RevealChalkboard.download() }, // downlad recorded chalkboard drawing when 'd' is pressed
695 },
696$endif$
697
JJ Allaire40fec332016-01-30 16:54:51 -0500[diff] [blame]698 // Optional reveal.js plugins
JJ Allaire82a8dee2016-07-12 10:25:36 -0400[diff] [blame]699 dependencies: [
700$if(plugin-notes)$
701 { src: '$revealjs-url$/plugin/notes/notes.js', async: true },
702$endif$
703$if(plugin-search)$
704 { src: '$revealjs-url$/plugin/search/search.js', async: true },
705$endif$
706$if(plugin-zoom)$
707 { src: '$revealjs-url$/plugin/zoom-js/zoom.js', async: true },
708$endif$
JJ Allaire375805c2016-11-15 08:56:43 -0500[diff] [blame]709$if(plugin-chalkboard)$
710 { src: '$revealjs-url$/plugin/chalkboard/chalkboard.js', async: true },
711$endif$
JJ Allaire82a8dee2016-07-12 10:25:36 -0400[diff] [blame]712 ]
JJ Allaire40fec332016-01-30 16:54:51 -0500[diff] [blame]713 });
714 </script>
JJ Allaire2ec40242014-09-15 09:18:39 -0400[diff] [blame]715$if(mathjax-url)$
716 <!-- dynamically load mathjax for compatibility with self-contained -->
717 <script>
718 (function () {
719 var script = document.createElement("script");
720 script.type = "text/javascript";
721 script.src = "$mathjax-url$";
722 document.getElementsByTagName("head")[0].appendChild(script);
723 })();
724 </script>
725$endif$
726
JJ Allairea4854c02016-01-20 15:28:13 -0500[diff] [blame]727<script>
728 (function() {
729 if (window.jQuery) {
730 Reveal.addEventListener( 'slidechanged', function(event) {
731 window.jQuery(event.previousSlide).trigger('hidden');
732 window.jQuery(event.currentSlide).trigger('shown');
733 });
734 }
735 })();
736</script>
737
JJ Allaire40fec332016-01-30 16:54:51 -0500[diff] [blame]738$for(include-after)$
739$include-after$
740$endfor$
741
JJ Allaire2ec40242014-09-15 09:18:39 -0400[diff] [blame]742 </body>
743</html>