reveal.js

Incorporate Leaflet map in revealjs presentation within R

大城市里の小女人 提交于 2020-01-01 09:51:14
问题 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

How does reveal.js resize elements?

删除回忆录丶 提交于 2019-12-31 10:44:48
问题 I am trying to understand how reveal.js ( http://lab.hakim.se/reveal-js/#/ ) resizes elements dynamically. To see this, adjust the height of the page and see how elements (to a certain degree) shrink as the page shrinks. However, using chrome inspector, I cannot see how this shrinking is actually happening, either in CSS or Javascript. (My interest comes from wanting to improve it, if possible, but I was surprised how hard it was to figure out how it works at all.) 回答1: Have you heard of

Best way to print Jupyter notebook slides? How to put a page break?

依然范特西╮ 提交于 2019-12-30 05:03:32
问题 I want to print my jupyter notebook and share the hardcopy with non-programmer coworkers. What I have done so far: I've figured out the way to hide the code :How to hide code from cells in ipython notebook visualized with nbviewer? I've figre out the way to convert the notebook to slides(html) Is there a way to print a jupyter/ipython notebook slide presentation? This post also suggests how to convert the html to pdf. My question: How to put a page break to specify the contents on each pdf

reveal.js and hilightjs - how to stop my tags from being automatically closed

自古美人都是妖i 提交于 2019-12-25 00:17:29
问题 I am making a presentation using reveal.js I want to display the following in a nice syntax highlighted code block: <foo> So in my presentation html I do this: <pre><code class="hljs" data-trim contenteditable> <foo> </code></pre> This is what gets displayed instead: <foo> </foo> How do I stop my tags from getting closed for me? 回答1: This works: <pre><code class="hljs" data-trim contenteditable> &ltfoo> </code></pre> 来源: https://stackoverflow.com/questions/51055016/reveal-js-and-hilightjs-how

Multiplex functionality with reveal.js slides

我的梦境 提交于 2019-12-23 12:17:53
问题 I want to create reveal.js presentations using the slides.com interface to save time, and then add the multiplex functionality to allow controlling of the presentation on other devices. To do this, I edited the initialize options and dependencies: Reveal.initialize({ multiplex:{ secret: null, // Obtained from the socket.io server. Gives this (the master) control of the presentation id: ID, url: NODEURL // Location of socket.io server }, dependencies: [ { src: '//cdnjs.cloudflare.com/ajax/libs

Customizing IPython notebook / Jupyter slide show

一笑奈何 提交于 2019-12-21 12:01:02
问题 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? 回答1: Reveal.js is really just a web template. If you want to

Set header and footer reveal.js presentation

送分小仙女□ 提交于 2019-12-21 08:55:43
问题 I want to set a header and footer in my presentation. I used the following issue as a starting point: https://github.com/hakimel/reveal.js/issues/806 and http://www.ciges.net/revealjs_demo/#/ My current implementation gives the following output: Now as far as I have understand reveal.js uses fixed size for the presentation by default with a width of 960px and height of 700px. This size is completely fine to me. However, I want the headers and footer not to be fixed in this window. They need

Set header and footer reveal.js presentation

a 夏天 提交于 2019-12-21 08:54:13
问题 I want to set a header and footer in my presentation. I used the following issue as a starting point: https://github.com/hakimel/reveal.js/issues/806 and http://www.ciges.net/revealjs_demo/#/ My current implementation gives the following output: Now as far as I have understand reveal.js uses fixed size for the presentation by default with a width of 960px and height of 700px. This size is completely fine to me. However, I want the headers and footer not to be fixed in this window. They need

How to trigger a GSAP function when a slide comes active with Reveal.js?

不问归期 提交于 2019-12-21 05:46:11
问题 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

reveal.js background color choices

安稳与你 提交于 2019-12-21 01:17:23
问题 I've been working with reveal.js a bit and you can change the background of individual slides with something referred to as the global state as seen here in the demo. Are there other colors besides the ones mention (-soothe, -blackout and -alert) on this slide that can be applied (hit down key in the presentation to see the colors)? If so what colors? 回答1: You can do this to e.g. have a different background color for the final slide: Declare a style for the background (given the class "the