diff --git a/css/theme/lca2020.css b/css/theme/lca2020.css index ad2ad0a..1b6d912 100644 --- a/css/theme/lca2020.css +++ b/css/theme/lca2020.css @@ -24,6 +24,19 @@ body { background-color: #fff; } +.reveal .commentary { + bottom: 100px; + right: 0em; + padding-bottom: 1em; + padding-right: 1em; + position: absolute; + background-color: rgba(0,0,0, 0.50); + font-size: 16pt; + font-family: serif; + z-index: 10; + color: white; +} + .reveal .footer { position: absolute; bottom: 0em; diff --git a/index.html b/index.html index 2421338..e209e08 100644 --- a/index.html +++ b/index.html @@ -84,10 +84,17 @@ Who’s Watching | #LCA2020 | @linuxconfau +
@@ -207,7 +239,7 @@ controls: presenter ? false : true, progress: true, history: true, - center: true, + center: false, controlsTutorial: presenter ? false : true, slideNumber: presenter ? null : 'c/t', @@ -215,7 +247,7 @@ // 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: "100%", + width: 960, height: 700, // Factor of the display size that should remain empty around the content @@ -251,6 +283,22 @@ }, ] }); + + Reveal.addEventListener( 'slidechanged', function( event ) { + // event.previousSlide, event.currentSlide, event.indexh, event.indexv + var commentaries = document.getElementsByClassName("commentary"); + Array.prototype.forEach.call(commentaries, cmt => { + cmt.innerHTML = ""; + }); + // debugger; + event.currentSlide.childNodes.forEach(element => { + if ((element.nodeName == "ASIDE") && (element.className == "notes")) { + Array.prototype.forEach.call(commentaries, cmt => { + cmt.innerHTML = "" + element.innerHTML.replace("\n\n", "
") + "
"; + }); + } + }); + } );