reveal.js

I'm using nbconvert to make a reveal.js slideshow from my notebook. Specifically, I'm running: ipython nbconvert --to slides analysis.ipynb . This creates "analysis.slides.html", and I put "reveal.js" in the same folder. That is, I have: reveal.js ... analysis.ipynb analysis.slides.html However, when opening "analysis.slides.html" in the browser JavaScript console, I get the following: analysis.slides.html:1992 Uncaught ReferenceError: Reveal is not defined analysis.slides.html:2032 Uncaught ReferenceError: Reveal is not defined require.min.js:8 Uncaught Error: Mismatched anonymous define()

I am very happy that I got the opportunity to work on a website that is gesture-based. I have a few inspiration for this: link I visited lot of websites and googled it, Wikipedia and gitHub also didn't help much. There is not much information provided as these technologies are in nascent stages. I think I will have to use some js for this project gesture.js (our custom javascript code) reveal.js (Frame work for slideshow) My questions are how come gestures generate events, how does my JavaScript interact with my webcam? Do I have to use some API or algorithms? I am not asking for code. I am

I'm using Reveal JS for making a presentation. If I put more text in the tag, it is going below the screen hidden from view. But there is no scroll bar to the right. Wondering if I can do a css fix to bring in a vertical scroll bar and make the hidden content visible by scrolling. Here is the CSS to be changed (I think) .reveal .slides section .fragment { opacity: 0; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .reveal .slides section .fragment.visible { opacity: 1; } .reveal .slides

I'm trying to add a Leaflet map with tiles to a revealjs_presentation created in R. This map renders fine in ioslide or html format, but not in the revealjs_presentation format (main problems: all fonts are much too large and the map has strange artifacts around polygon boundaries when selected). Because the map works well in other output formats I suspect the issue has to do with some kind of CSS incompatability between revealjs_presentation and leaflet. In order to isolate the two sets of code I saved the leaflet map using htmlwidgets. This map looks fine but it seems that there is no way to

When I execute an IPython notebook to a reveal.js presentation using ipython nbconvert mynotebook.ipynb --to slides --post serve I am getting all the content as a single slide. How do I separate my content into several slides? I tried using --- (hinted in this video), \n\n\n and === inside the notebook (as separate cells and before my titles), but it didn't change anything. I know that for a Markdown input file in reveal.js one can set the data-separator option, but the generated html file doesn't seem to include the content as Markdown, but inlines everything using HTML tags, so I don't know

I created a slideshow using the slideshow feature of IPython notebook / Jupyter, which works fine. I created and hosted the slides via ipython nbconvert ... which works fine too. But I cannot find any information how to customize the slides. Obviously I have to customize Reveal.js which is not very well documented too. Can somebody give a starting point on how to get some copyright, logo, ... in the header/footer of my presentation? Reveal.js is really just a web template. If you want to customize it further, CSS/Javascript knowledge will be required. A straightforward way to define header

I want to add some simple animation to a presentation. I use GSAP (TweenMax) for this work. I have no problem with the animation setup, but these animations triggers as soon the presentation starts. How can I control this, so that only when the slide with animations is active the scripts execute? All your help is welcome. Regards! EDIT: Well, looks like reading the docs of the libraries answers at least 90% of this kind of questions. For the lazies (like me :) ) here´s what I found: To check when the slide change, we use this: Reveal.addEventListener( 'slidechanged', function( event ) { //