diff --git a/.gitignore b/.gitignore index 8eda50eb..24e26eec 100644 --- a/.gitignore +++ b/.gitignore @@ -9,5 +9,3 @@ log/*.log tmp/** node_modules/ .sass-cache -css/reveal.min.css -js/reveal.min.js diff --git a/css/print/paper.css b/css/print/paper.css deleted file mode 100644 index 27d19dd2..00000000 --- a/css/print/paper.css +++ /dev/null @@ -1,203 +0,0 @@ -/* Default Print Stylesheet Template - by Rob Glazebrook of CSSnewbie.com - Last Updated: June 4, 2008 - - Feel free (nay, compelled) to edit, append, and - manipulate this file as you see fit. */ - - -@media print { - - /* SECTION 1: Set default width, margin, float, and - background. This prevents elements from extending - beyond the edge of the printed page, and prevents - unnecessary background images from printing */ - html { - background: #fff; - width: auto; - height: auto; - overflow: visible; - } - body { - background: #fff; - font-size: 20pt; - width: auto; - height: auto; - border: 0; - margin: 0 5%; - padding: 0; - overflow: visible; - float: none !important; - } - - /* SECTION 2: Remove any elements not needed in print. - This would include navigation, ads, sidebars, etc. */ - .nestedarrow, - .controls, - .fork-reveal, - .share-reveal, - .state-background, - .reveal .progress, - .reveal .backgrounds, - .reveal .slide-number { - display: none !important; - } - - /* SECTION 3: Set body font face, size, and color. - Consider using a serif font for readability. */ - body, p, td, li, div { - font-size: 20pt!important; - font-family: Georgia, "Times New Roman", Times, serif !important; - color: #000; - } - - /* SECTION 4: Set heading font face, sizes, and color. - Differentiate your headings from your body text. - Perhaps use a large sans-serif for distinction. */ - h1,h2,h3,h4,h5,h6 { - color: #000!important; - height: auto; - line-height: normal; - font-family: Georgia, "Times New Roman", Times, serif !important; - text-shadow: 0 0 0 #000 !important; - text-align: left; - letter-spacing: normal; - } - /* Need to reduce the size of the fonts for printing */ - h1 { font-size: 28pt !important; } - h2 { font-size: 24pt !important; } - h3 { font-size: 22pt !important; } - h4 { font-size: 22pt !important; font-variant: small-caps; } - h5 { font-size: 21pt !important; } - h6 { font-size: 20pt !important; font-style: italic; } - - /* SECTION 5: Make hyperlinks more usable. - Ensure links are underlined, and consider appending - the URL to the end of the link for usability. */ - a:link, - a:visited { - color: #000 !important; - font-weight: bold; - text-decoration: underline; - } - /* - .reveal a:link:after, - .reveal a:visited:after { - content: " (" attr(href) ") "; - color: #222 !important; - font-size: 90%; - } - */ - - - /* SECTION 6: more reveal.js specific additions by @skypanther */ - ul, ol, div, p { - visibility: visible; - position: static; - width: auto; - height: auto; - display: block; - overflow: visible; - margin: 0; - text-align: left !important; - } - .reveal pre, - .reveal table { - margin-left: 0; - margin-right: 0; - } - .reveal pre code { - padding: 20px; - border: 1px solid #ddd; - } - .reveal blockquote { - margin: 20px 0; - } - .reveal .slides { - position: static !important; - width: auto !important; - height: auto !important; - - left: 0 !important; - top: 0 !important; - margin-left: 0 !important; - margin-top: 0 !important; - padding: 0 !important; - zoom: 1 !important; - - overflow: visible !important; - display: block !important; - - text-align: left !important; - -webkit-perspective: none; - -moz-perspective: none; - -ms-perspective: none; - perspective: none; - - -webkit-perspective-origin: 50% 50%; - -moz-perspective-origin: 50% 50%; - -ms-perspective-origin: 50% 50%; - perspective-origin: 50% 50%; - } - .reveal .slides section { - visibility: visible !important; - position: static !important; - width: auto !important; - height: auto !important; - display: block !important; - overflow: visible !important; - - left: 0 !important; - top: 0 !important; - margin-left: 0 !important; - margin-top: 0 !important; - padding: 60px 20px !important; - z-index: auto !important; - - opacity: 1 !important; - - page-break-after: always !important; - - -webkit-transform-style: flat !important; - -moz-transform-style: flat !important; - -ms-transform-style: flat !important; - transform-style: flat !important; - - -webkit-transform: none !important; - -moz-transform: none !important; - -ms-transform: none !important; - transform: none !important; - - -webkit-transition: none !important; - -moz-transition: none !important; - -ms-transition: none !important; - transition: none !important; - } - .reveal .slides section.stack { - padding: 0 !important; - } - .reveal section:last-of-type { - page-break-after: avoid !important; - } - .reveal section .fragment { - opacity: 1 !important; - visibility: visible !important; - - -webkit-transform: none !important; - -moz-transform: none !important; - -ms-transform: none !important; - transform: none !important; - } - .reveal section img { - display: block; - margin: 15px 0px; - background: rgba(255,255,255,1); - border: 1px solid #666; - box-shadow: none; - } - - .reveal section small { - font-size: 0.8em; - } - -} diff --git a/css/print/paper.scss b/css/print/paper.scss new file mode 100644 index 00000000..2428b682 --- /dev/null +++ b/css/print/paper.scss @@ -0,0 +1,202 @@ +/* Default Print Stylesheet Template + by Rob Glazebrook of CSSnewbie.com + Last Updated: June 4, 2008 + + Feel free (nay, compelled) to edit, append, and + manipulate this file as you see fit. */ + +@media print { + html:not(.print-pdf) { + + /* SECTION 1: Set default width, margin, float, and + background. This prevents elements from extending + beyond the edge of the printed page, and prevents + unnecessary background images from printing */ + background: #fff; + width: auto; + height: auto; + overflow: visible; + + body { + background: #fff; + font-size: 20pt; + width: auto; + height: auto; + border: 0; + margin: 0 5%; + padding: 0; + overflow: visible; + float: none !important; + } + + /* SECTION 2: Remove any elements not needed in print. + This would include navigation, ads, sidebars, etc. */ + .nestedarrow, + .controls, + .fork-reveal, + .share-reveal, + .state-background, + .reveal .progress, + .reveal .backgrounds, + .reveal .slide-number { + display: none !important; + } + + /* SECTION 3: Set body font face, size, and color. + Consider using a serif font for readability. */ + body, p, td, li, div { + font-size: 20pt!important; + font-family: Georgia, "Times New Roman", Times, serif !important; + color: #000; + } + + /* SECTION 4: Set heading font face, sizes, and color. + Differentiate your headings from your body text. + Perhaps use a large sans-serif for distinction. */ + h1,h2,h3,h4,h5,h6 { + color: #000!important; + height: auto; + line-height: normal; + font-family: Georgia, "Times New Roman", Times, serif !important; + text-shadow: 0 0 0 #000 !important; + text-align: left; + letter-spacing: normal; + } + /* Need to reduce the size of the fonts for printing */ + h1 { font-size: 28pt !important; } + h2 { font-size: 24pt !important; } + h3 { font-size: 22pt !important; } + h4 { font-size: 22pt !important; font-variant: small-caps; } + h5 { font-size: 21pt !important; } + h6 { font-size: 20pt !important; font-style: italic; } + + /* SECTION 5: Make hyperlinks more usable. + Ensure links are underlined, and consider appending + the URL to the end of the link for usability. */ + a:link, + a:visited { + color: #000 !important; + font-weight: bold; + text-decoration: underline; + } + /* + .reveal a:link:after, + .reveal a:visited:after { + content: " (" attr(href) ") "; + color: #222 !important; + font-size: 90%; + } + */ + + + /* SECTION 6: more reveal.js specific additions by @skypanther */ + ul, ol, div, p { + visibility: visible; + position: static; + width: auto; + height: auto; + display: block; + overflow: visible; + margin: 0; + text-align: left !important; + } + .reveal pre, + .reveal table { + margin-left: 0; + margin-right: 0; + } + .reveal pre code { + padding: 20px; + border: 1px solid #ddd; + } + .reveal blockquote { + margin: 20px 0; + } + .reveal .slides { + position: static !important; + width: auto !important; + height: auto !important; + + left: 0 !important; + top: 0 !important; + margin-left: 0 !important; + margin-top: 0 !important; + padding: 0 !important; + zoom: 1 !important; + + overflow: visible !important; + display: block !important; + + text-align: left !important; + -webkit-perspective: none; + -moz-perspective: none; + -ms-perspective: none; + perspective: none; + + -webkit-perspective-origin: 50% 50%; + -moz-perspective-origin: 50% 50%; + -ms-perspective-origin: 50% 50%; + perspective-origin: 50% 50%; + } + .reveal .slides section { + visibility: visible !important; + position: static !important; + width: auto !important; + height: auto !important; + display: block !important; + overflow: visible !important; + + left: 0 !important; + top: 0 !important; + margin-left: 0 !important; + margin-top: 0 !important; + padding: 60px 20px !important; + z-index: auto !important; + + opacity: 1 !important; + + page-break-after: always !important; + + -webkit-transform-style: flat !important; + -moz-transform-style: flat !important; + -ms-transform-style: flat !important; + transform-style: flat !important; + + -webkit-transform: none !important; + -moz-transform: none !important; + -ms-transform: none !important; + transform: none !important; + + -webkit-transition: none !important; + -moz-transition: none !important; + -ms-transition: none !important; + transition: none !important; + } + .reveal .slides section.stack { + padding: 0 !important; + } + .reveal section:last-of-type { + page-break-after: avoid !important; + } + .reveal section .fragment { + opacity: 1 !important; + visibility: visible !important; + + -webkit-transform: none !important; + -moz-transform: none !important; + -ms-transform: none !important; + transform: none !important; + } + .reveal section img { + display: block; + margin: 15px 0px; + background: rgba(255,255,255,1); + border: 1px solid #666; + box-shadow: none; + } + + .reveal section small { + font-size: 0.8em; + } + } +} diff --git a/css/print/pdf.css b/css/print/pdf.css deleted file mode 100644 index bf96ed1b..00000000 --- a/css/print/pdf.css +++ /dev/null @@ -1,165 +0,0 @@ -/** - * This stylesheet is used to print reveal.js - * presentations to PDF. - * - * https://github.com/hakimel/reveal.js#pdf-export - */ - -* { - -webkit-print-color-adjust: exact; -} - -body { - margin: 0 auto !important; - border: 0; - padding: 0; - float: none !important; - overflow: visible; -} - -html { - width: 100%; - height: 100%; - overflow: visible; -} - -/* Remove any elements not needed in print. */ -.nestedarrow, -.reveal .controls, -.reveal .progress, -.reveal .playback, -.reveal.overview, -.fork-reveal, -.share-reveal, -.state-background { - display: none !important; -} - -h1, h2, h3, h4, h5, h6 { - text-shadow: 0 0 0 #000 !important; -} - -.reveal pre code { - overflow: hidden !important; - font-family: Courier, 'Courier New', monospace !important; -} - -ul, ol, div, p { - visibility: visible; - position: static; - width: auto; - height: auto; - display: block; - overflow: visible; - margin: auto; -} -.reveal { - width: auto !important; - height: auto !important; - overflow: hidden !important; -} -.reveal .slides { - position: static; - width: 100% !important; - height: auto !important; - zoom: 1 !important; - pointer-events: initial; - - left: auto; - top: auto; - margin: 0 !important; - padding: 0 !important; - - overflow: visible; - display: block; - - perspective: none; - perspective-origin: 50% 50%; -} - -.reveal .slides .pdf-page { - position: relative; - overflow: hidden; - z-index: 1; - - page-break-after: always; -} - -.reveal .slides section { - visibility: visible !important; - display: block !important; - position: absolute !important; - - margin: 0 !important; - padding: 0 !important; - box-sizing: border-box !important; - min-height: 1px; - - opacity: 1 !important; - - transform-style: flat !important; - transform: none !important; -} - -.reveal section.stack { - position: relative !important; - margin: 0 !important; - padding: 0 !important; - page-break-after: avoid !important; - height: auto !important; - min-height: auto !important; -} - -.reveal img { - box-shadow: none; -} - -.reveal .roll { - overflow: visible; - line-height: 1em; -} - -/* Slide backgrounds are placed inside of their slide when exporting to PDF */ -.reveal .slide-background { - display: block !important; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: auto !important; -} - -/* Display slide speaker notes when 'showNotes' is enabled */ -.reveal.show-notes { - max-width: none; - max-height: none; -} -.reveal .speaker-notes-pdf { - display: block; - width: 100%; - height: auto; - max-height: none; - top: auto; - right: auto; - bottom: auto; - left: auto; - z-index: 100; -} - -/* Layout option which makes notes appear on a separate page */ -.reveal .speaker-notes-pdf[data-layout="separate-page"] { - position: relative; - color: inherit; - background-color: transparent; - padding: 20px; - page-break-after: always; - border: 0; -} - -/* Display slide numbers when 'slideNumber' is enabled */ -.reveal .slide-number-pdf { - display: block; - position: absolute; - font-size: 14px; -} diff --git a/css/print/pdf.scss b/css/print/pdf.scss new file mode 100644 index 00000000..96b774db --- /dev/null +++ b/css/print/pdf.scss @@ -0,0 +1,172 @@ +/** + * This stylesheet is used to print reveal.js + * presentations to PDF. + * + * https://github.com/hakimel/reveal.js#pdf-export + */ + +html.print-pdf { + * { + -webkit-print-color-adjust: exact; + } + + & { + width: 100%; + height: 100%; + overflow: visible; + } + + body { + margin: 0 auto !important; + border: 0; + padding: 0; + float: none !important; + overflow: visible; + } + + /* Remove any elements not needed in print. */ + .nestedarrow, + .reveal .controls, + .reveal .progress, + .reveal .playback, + .reveal.overview, + .fork-reveal, + .share-reveal, + .state-background { + display: none !important; + } + + h1, h2, h3, h4, h5, h6 { + text-shadow: 0 0 0 #000 !important; + } + + .reveal pre code { + overflow: hidden !important; + font-family: Courier, 'Courier New', monospace !important; + } + + ul, ol, div, p { + visibility: visible; + position: static; + width: auto; + height: auto; + display: block; + overflow: visible; + margin: auto; + } + .reveal { + width: auto !important; + height: auto !important; + overflow: hidden !important; + } + .reveal .slides { + position: static; + width: 100% !important; + height: auto !important; + zoom: 1 !important; + pointer-events: initial; + + left: auto; + top: auto; + margin: 0 !important; + padding: 0 !important; + + overflow: visible; + display: block; + + perspective: none; + perspective-origin: 50% 50%; + } + + .reveal .slides .pdf-page { + position: relative; + overflow: hidden; + z-index: 1; + + page-break-after: always; + } + + .reveal .slides section { + visibility: visible !important; + display: block !important; + position: absolute !important; + + margin: 0 !important; + padding: 0 !important; + box-sizing: border-box !important; + min-height: 1px; + + opacity: 1 !important; + + transform-style: flat !important; + transform: none !important; + } + + .reveal section.stack { + position: relative !important; + margin: 0 !important; + padding: 0 !important; + page-break-after: avoid !important; + height: auto !important; + min-height: auto !important; + } + + .reveal img { + box-shadow: none; + } + + .reveal .roll { + overflow: visible; + line-height: 1em; + } + + /* Slide backgrounds are placed inside of their slide when exporting to PDF */ + .reveal .slide-background { + display: block !important; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: auto !important; + } + + /* Display slide speaker notes when 'showNotes' is enabled */ + .reveal.show-notes { + max-width: none; + max-height: none; + } + .reveal .speaker-notes-pdf { + display: block; + width: 100%; + height: auto; + max-height: none; + top: auto; + right: auto; + bottom: auto; + left: auto; + z-index: 100; + } + + /* Layout option which makes notes appear on a separate page */ + .reveal .speaker-notes-pdf[data-layout="separate-page"] { + position: relative; + color: inherit; + background-color: transparent; + padding: 20px; + page-break-after: always; + border: 0; + } + + /* Display slide numbers when 'slideNumber' is enabled */ + .reveal .slide-number-pdf { + display: block; + position: absolute; + font-size: 14px; + } + + /* This accessibility tool is not useful in PDF and breaks it visually */ + .aria-status { + display: none; + } +} diff --git a/demo.html b/demo.html index 06be8caf..ffaf0f42 100644 --- a/demo.html +++ b/demo.html @@ -18,17 +18,12 @@ + + + + - - -
diff --git a/dist/print/paper.css b/dist/print/paper.css index 93855f60..bfca2b3b 100644 --- a/dist/print/paper.css +++ b/dist/print/paper.css @@ -5,167 +5,167 @@ Feel free (nay, compelled) to edit, append, and manipulate this file as you see fit. */ @media print { - /* SECTION 1: Set default width, margin, float, and - background. This prevents elements from extending - beyond the edge of the printed page, and prevents - unnecessary background images from printing */ - html { + html:not(.print-pdf) { + /* SECTION 1: Set default width, margin, float, and + background. This prevents elements from extending + beyond the edge of the printed page, and prevents + unnecessary background images from printing */ background: #fff; width: auto; height: auto; - overflow: visible; } - body { - background: #fff; - font-size: 20pt; - width: auto; - height: auto; - border: 0; - margin: 0 5%; - padding: 0; overflow: visible; - float: none !important; } - /* SECTION 2: Remove any elements not needed in print. - This would include navigation, ads, sidebars, etc. */ - .nestedarrow, - .controls, - .fork-reveal, - .share-reveal, - .state-background, - .reveal .progress, - .reveal .backgrounds, - .reveal .slide-number { - display: none !important; } - /* SECTION 3: Set body font face, size, and color. - Consider using a serif font for readability. */ - body, p, td, li, div { - font-size: 20pt !important; - font-family: Georgia, "Times New Roman", Times, serif !important; - color: #000; } - /* SECTION 4: Set heading font face, sizes, and color. - Differentiate your headings from your body text. - Perhaps use a large sans-serif for distinction. */ - h1, h2, h3, h4, h5, h6 { - color: #000 !important; - height: auto; - line-height: normal; - font-family: Georgia, "Times New Roman", Times, serif !important; - text-shadow: 0 0 0 #000 !important; - text-align: left; - letter-spacing: normal; } - /* Need to reduce the size of the fonts for printing */ - h1 { - font-size: 28pt !important; } - h2 { - font-size: 24pt !important; } - h3 { - font-size: 22pt !important; } - h4 { - font-size: 22pt !important; - font-variant: small-caps; } - h5 { - font-size: 21pt !important; } - h6 { - font-size: 20pt !important; - font-style: italic; } - /* SECTION 5: Make hyperlinks more usable. - Ensure links are underlined, and consider appending - the URL to the end of the link for usability. */ - a:link, - a:visited { - color: #000 !important; - font-weight: bold; - text-decoration: underline; } - /* - .reveal a:link:after, - .reveal a:visited:after { - content: " (" attr(href) ") "; - color: #222 !important; - font-size: 90%; - } - */ - /* SECTION 6: more reveal.js specific additions by @skypanther */ - ul, ol, div, p { - visibility: visible; - position: static; - width: auto; - height: auto; - display: block; - overflow: visible; - margin: 0; - text-align: left !important; } - .reveal pre, - .reveal table { - margin-left: 0; - margin-right: 0; } - .reveal pre code { - padding: 20px; - border: 1px solid #ddd; } - .reveal blockquote { - margin: 20px 0; } - .reveal .slides { - position: static !important; - width: auto !important; - height: auto !important; - left: 0 !important; - top: 0 !important; - margin-left: 0 !important; - margin-top: 0 !important; - padding: 0 !important; - zoom: 1 !important; - overflow: visible !important; - display: block !important; - text-align: left !important; - -webkit-perspective: none; - -moz-perspective: none; - -ms-perspective: none; - perspective: none; - -webkit-perspective-origin: 50% 50%; - -moz-perspective-origin: 50% 50%; - -ms-perspective-origin: 50% 50%; - perspective-origin: 50% 50%; } - .reveal .slides section { - visibility: visible !important; - position: static !important; - width: auto !important; - height: auto !important; - display: block !important; - overflow: visible !important; - left: 0 !important; - top: 0 !important; - margin-left: 0 !important; - margin-top: 0 !important; - padding: 60px 20px !important; - z-index: auto !important; - opacity: 1 !important; - page-break-after: always !important; - -webkit-transform-style: flat !important; - -moz-transform-style: flat !important; - -ms-transform-style: flat !important; - transform-style: flat !important; - -webkit-transform: none !important; - -moz-transform: none !important; - -ms-transform: none !important; - transform: none !important; - -webkit-transition: none !important; - -moz-transition: none !important; - -ms-transition: none !important; - transition: none !important; } - .reveal .slides section.stack { - padding: 0 !important; } - .reveal section:last-of-type { - page-break-after: avoid !important; } - .reveal section .fragment { - opacity: 1 !important; - visibility: visible !important; - -webkit-transform: none !important; - -moz-transform: none !important; - -ms-transform: none !important; - transform: none !important; } - .reveal section img { - display: block; - margin: 15px 0px; - background: white; - border: 1px solid #666; - box-shadow: none; } - .reveal section small { - font-size: 0.8em; } } + /* SECTION 2: Remove any elements not needed in print. + This would include navigation, ads, sidebars, etc. */ + /* SECTION 3: Set body font face, size, and color. + Consider using a serif font for readability. */ + /* SECTION 4: Set heading font face, sizes, and color. + Differentiate your headings from your body text. + Perhaps use a large sans-serif for distinction. */ + /* Need to reduce the size of the fonts for printing */ + /* SECTION 5: Make hyperlinks more usable. + Ensure links are underlined, and consider appending + the URL to the end of the link for usability. */ + /* + .reveal a:link:after, + .reveal a:visited:after { + content: " (" attr(href) ") "; + color: #222 !important; + font-size: 90%; + } + */ + /* SECTION 6: more reveal.js specific additions by @skypanther */ } + html:not(.print-pdf) body { + background: #fff; + font-size: 20pt; + width: auto; + height: auto; + border: 0; + margin: 0 5%; + padding: 0; + overflow: visible; + float: none !important; } + html:not(.print-pdf) .nestedarrow, + html:not(.print-pdf) .controls, + html:not(.print-pdf) .fork-reveal, + html:not(.print-pdf) .share-reveal, + html:not(.print-pdf) .state-background, + html:not(.print-pdf) .reveal .progress, + html:not(.print-pdf) .reveal .backgrounds, + html:not(.print-pdf) .reveal .slide-number { + display: none !important; } + html:not(.print-pdf) body, html:not(.print-pdf) p, html:not(.print-pdf) td, html:not(.print-pdf) li, html:not(.print-pdf) div { + font-size: 20pt !important; + font-family: Georgia, "Times New Roman", Times, serif !important; + color: #000; } + html:not(.print-pdf) h1, html:not(.print-pdf) h2, html:not(.print-pdf) h3, html:not(.print-pdf) h4, html:not(.print-pdf) h5, html:not(.print-pdf) h6 { + color: #000 !important; + height: auto; + line-height: normal; + font-family: Georgia, "Times New Roman", Times, serif !important; + text-shadow: 0 0 0 #000 !important; + text-align: left; + letter-spacing: normal; } + html:not(.print-pdf) h1 { + font-size: 28pt !important; } + html:not(.print-pdf) h2 { + font-size: 24pt !important; } + html:not(.print-pdf) h3 { + font-size: 22pt !important; } + html:not(.print-pdf) h4 { + font-size: 22pt !important; + font-variant: small-caps; } + html:not(.print-pdf) h5 { + font-size: 21pt !important; } + html:not(.print-pdf) h6 { + font-size: 20pt !important; + font-style: italic; } + html:not(.print-pdf) a:link, + html:not(.print-pdf) a:visited { + color: #000 !important; + font-weight: bold; + text-decoration: underline; } + html:not(.print-pdf) ul, html:not(.print-pdf) ol, html:not(.print-pdf) div, html:not(.print-pdf) p { + visibility: visible; + position: static; + width: auto; + height: auto; + display: block; + overflow: visible; + margin: 0; + text-align: left !important; } + html:not(.print-pdf) .reveal pre, + html:not(.print-pdf) .reveal table { + margin-left: 0; + margin-right: 0; } + html:not(.print-pdf) .reveal pre code { + padding: 20px; + border: 1px solid #ddd; } + html:not(.print-pdf) .reveal blockquote { + margin: 20px 0; } + html:not(.print-pdf) .reveal .slides { + position: static !important; + width: auto !important; + height: auto !important; + left: 0 !important; + top: 0 !important; + margin-left: 0 !important; + margin-top: 0 !important; + padding: 0 !important; + zoom: 1 !important; + overflow: visible !important; + display: block !important; + text-align: left !important; + -webkit-perspective: none; + -moz-perspective: none; + -ms-perspective: none; + perspective: none; + -webkit-perspective-origin: 50% 50%; + -moz-perspective-origin: 50% 50%; + -ms-perspective-origin: 50% 50%; + perspective-origin: 50% 50%; } + html:not(.print-pdf) .reveal .slides section { + visibility: visible !important; + position: static !important; + width: auto !important; + height: auto !important; + display: block !important; + overflow: visible !important; + left: 0 !important; + top: 0 !important; + margin-left: 0 !important; + margin-top: 0 !important; + padding: 60px 20px !important; + z-index: auto !important; + opacity: 1 !important; + page-break-after: always !important; + -webkit-transform-style: flat !important; + -moz-transform-style: flat !important; + -ms-transform-style: flat !important; + transform-style: flat !important; + -webkit-transform: none !important; + -moz-transform: none !important; + -ms-transform: none !important; + transform: none !important; + -webkit-transition: none !important; + -moz-transition: none !important; + -ms-transition: none !important; + transition: none !important; } + html:not(.print-pdf) .reveal .slides section.stack { + padding: 0 !important; } + html:not(.print-pdf) .reveal section:last-of-type { + page-break-after: avoid !important; } + html:not(.print-pdf) .reveal section .fragment { + opacity: 1 !important; + visibility: visible !important; + -webkit-transform: none !important; + -moz-transform: none !important; + -ms-transform: none !important; + transform: none !important; } + html:not(.print-pdf) .reveal section img { + display: block; + margin: 15px 0px; + background: white; + border: 1px solid #666; + box-shadow: none; } + html:not(.print-pdf) .reveal section small { + font-size: 0.8em; } } diff --git a/dist/print/pdf.css b/dist/print/pdf.css index 345db852..7c6bba1c 100644 --- a/dist/print/pdf.css +++ b/dist/print/pdf.css @@ -4,137 +4,124 @@ * * https://github.com/hakimel/reveal.js#pdf-export */ -* { - -webkit-print-color-adjust: exact; } - -body { - margin: 0 auto !important; - border: 0; - padding: 0; - float: none !important; - overflow: visible; } - -html { - width: 100%; - height: 100%; - overflow: visible; } - -/* Remove any elements not needed in print. */ -.nestedarrow, -.reveal .controls, -.reveal .progress, -.reveal .playback, -.reveal.overview, -.fork-reveal, -.share-reveal, -.state-background { - display: none !important; } - -h1, h2, h3, h4, h5, h6 { - text-shadow: 0 0 0 #000 !important; } - -.reveal pre code { - overflow: hidden !important; - font-family: Courier, 'Courier New', monospace !important; } - -ul, ol, div, p { - visibility: visible; - position: static; - width: auto; - height: auto; - display: block; - overflow: visible; - margin: auto; } - -.reveal { - width: auto !important; - height: auto !important; - overflow: hidden !important; } - -.reveal .slides { - position: static; - width: 100% !important; - height: auto !important; - zoom: 1 !important; - left: auto; - top: auto; - margin: 0 !important; - padding: 0 !important; - overflow: visible; - display: block; - perspective: none; - perspective-origin: 50% 50%; } - -.reveal .slides .pdf-page { - position: relative; - overflow: hidden; - z-index: 1; - page-break-after: always; } - -.reveal .slides section { - visibility: visible !important; - display: block !important; - position: absolute !important; - margin: 0 !important; - padding: 0 !important; - box-sizing: border-box !important; - min-height: 1px; - opacity: 1 !important; - transform-style: flat !important; - transform: none !important; } - -.reveal section.stack { - position: relative !important; - margin: 0 !important; - padding: 0 !important; - page-break-after: avoid !important; - height: auto !important; - min-height: auto !important; } - -.reveal img { - box-shadow: none; } - -.reveal .roll { - overflow: visible; - line-height: 1em; } - -/* Slide backgrounds are placed inside of their slide when exporting to PDF */ -.reveal .slide-background { - display: block !important; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: auto !important; } - -/* Display slide speaker notes when 'showNotes' is enabled */ -.reveal.show-notes { - max-width: none; - max-height: none; } - -.reveal .speaker-notes-pdf { - display: block; - width: 100%; - height: auto; - max-height: none; - top: auto; - right: auto; - bottom: auto; - left: auto; - z-index: 100; } - -/* Layout option which makes notes appear on a separate page */ -.reveal .speaker-notes-pdf[data-layout="separate-page"] { - position: relative; - color: inherit; - background-color: transparent; - padding: 20px; - page-break-after: always; - border: 0; } - -/* Display slide numbers when 'slideNumber' is enabled */ -.reveal .slide-number-pdf { - display: block; - position: absolute; - font-size: 14px; } +html.print-pdf { + /* Remove any elements not needed in print. */ + /* Slide backgrounds are placed inside of their slide when exporting to PDF */ + /* Display slide speaker notes when 'showNotes' is enabled */ + /* Layout option which makes notes appear on a separate page */ + /* Display slide numbers when 'slideNumber' is enabled */ + /* This accessibility tool is not useful in PDF and breaks it visually */ } + html.print-pdf * { + -webkit-print-color-adjust: exact; } + html.print-pdf { + width: 100%; + height: 100%; + overflow: visible; } + html.print-pdf body { + margin: 0 auto !important; + border: 0; + padding: 0; + float: none !important; + overflow: visible; } + html.print-pdf .nestedarrow, + html.print-pdf .reveal .controls, + html.print-pdf .reveal .progress, + html.print-pdf .reveal .playback, + html.print-pdf .reveal.overview, + html.print-pdf .fork-reveal, + html.print-pdf .share-reveal, + html.print-pdf .state-background { + display: none !important; } + html.print-pdf h1, html.print-pdf h2, html.print-pdf h3, html.print-pdf h4, html.print-pdf h5, html.print-pdf h6 { + text-shadow: 0 0 0 #000 !important; } + html.print-pdf .reveal pre code { + overflow: hidden !important; + font-family: Courier, 'Courier New', monospace !important; } + html.print-pdf ul, html.print-pdf ol, html.print-pdf div, html.print-pdf p { + visibility: visible; + position: static; + width: auto; + height: auto; + display: block; + overflow: visible; + margin: auto; } + html.print-pdf .reveal { + width: auto !important; + height: auto !important; + overflow: hidden !important; } + html.print-pdf .reveal .slides { + position: static; + width: 100% !important; + height: auto !important; + zoom: 1 !important; + pointer-events: initial; + left: auto; + top: auto; + margin: 0 !important; + padding: 0 !important; + overflow: visible; + display: block; + perspective: none; + perspective-origin: 50% 50%; } + html.print-pdf .reveal .slides .pdf-page { + position: relative; + overflow: hidden; + z-index: 1; + page-break-after: always; } + html.print-pdf .reveal .slides section { + visibility: visible !important; + display: block !important; + position: absolute !important; + margin: 0 !important; + padding: 0 !important; + box-sizing: border-box !important; + min-height: 1px; + opacity: 1 !important; + transform-style: flat !important; + transform: none !important; } + html.print-pdf .reveal section.stack { + position: relative !important; + margin: 0 !important; + padding: 0 !important; + page-break-after: avoid !important; + height: auto !important; + min-height: auto !important; } + html.print-pdf .reveal img { + box-shadow: none; } + html.print-pdf .reveal .roll { + overflow: visible; + line-height: 1em; } + html.print-pdf .reveal .slide-background { + display: block !important; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: auto !important; } + html.print-pdf .reveal.show-notes { + max-width: none; + max-height: none; } + html.print-pdf .reveal .speaker-notes-pdf { + display: block; + width: 100%; + height: auto; + max-height: none; + top: auto; + right: auto; + bottom: auto; + left: auto; + z-index: 100; } + html.print-pdf .reveal .speaker-notes-pdf[data-layout="separate-page"] { + position: relative; + color: inherit; + background-color: transparent; + padding: 20px; + page-break-after: always; + border: 0; } + html.print-pdf .reveal .slide-number-pdf { + display: block; + position: absolute; + font-size: 14px; } + html.print-pdf .aria-status { + display: none; } diff --git a/dist/reveal.css b/dist/reveal.css index 941924b6..a5c7d8c4 100644 --- a/dist/reveal.css +++ b/dist/reveal.css @@ -1,5 +1,5 @@ /*! -* reveal.js 4.0.0-dev (Tue Mar 10 2020) +* reveal.js 4.0.0-dev (Thu Mar 12 2020) * https://revealjs.com * MIT licensed * diff --git a/dist/reveal.min.js b/dist/reveal.min.js index 066efe15..91d4f242 100644 --- a/dist/reveal.min.js +++ b/dist/reveal.min.js @@ -1,8 +1,8 @@ /*! -* reveal.js 4.0.0-dev (Wed Mar 11 2020) +* reveal.js 4.0.0-dev (Thu Mar 12 2020) * https://revealjs.com * MIT licensed * * Copyright (C) 2020 Hakim El Hattab, https://hakim.se */ -!function(e){var t={};function i(a){if(t[a])return t[a].exports;var n=t[a]={i:a,l:!1,exports:{}};return e[a].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,a){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(i.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(a,n,function(t){return e[t]}.bind(null,n));return a},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=0)}([function(e,t,i){"use strict";i.r(t);const a=/registerPlugin|registerKeyboardShortcut|addKeyBinding|addEventListener/,n=(e,t)=>{for(let i in t)e[i]=t[i];return e},s=e=>Array.prototype.slice.call(e),r=e=>{if("string"==typeof e){if("null"===e)return null;if("true"===e)return!0;if("false"===e)return!1;if(e.match(/^-?[\d\.]+$/))return parseFloat(e)}return e},o=(e,t)=>{e.style.transform=t},l=(e,t)=>{let i=e.parentNode;for(;i;){let e=i.matches||i.matchesSelector||i.msMatchesSelector;if(e&&e.call(i,t))return i;i=i.parentNode}return null},d=(e,t,i,a="")=>{let n=e.querySelectorAll("."+i);for(let t=0;t