berb / html5slides-uulm Goto Github PK

Beamer builds upon LaTeXs {sub}*sections for structuring presentations. A convenient table-of-contents mechanism frees the presenter from manually keeping such a slide in sync with the presentation.

This approach already leverages html5's section-tags, but as it appears to me only for presentational issues, like choosing a layout or theme.

It would be really helpful to have some beamer-like possibility to structure a presentation in this approach :)

Cheers
Sven

Black out/white out the entire screen during a presentation via a key binding.

In order to provide self-contained presentations, an inlining tool would be helpful. It should provide the following features:

• embed all stylesheets and script files directly into the HTML file
• resolve any external resources (image files etc.) and create base64 encoded versions
• embded the external resources into the HTML file using data-URIs

Possible solution:
node.js-based script using jsdom for accessing and manipulating the HTML5 DOM.

Provide a custom CSS stylesheet targeting media="print" for creating printable slides.

When built is used, the presenter already sees everything in place, while the viewers see content appearing sequentially. Thus, it is hard for the presenter to keep track of the unveiling progress just by looking on his own presenter screen.

Just stumbled on animate.css. Since I'm not the CSS-html-guru-guy, I can only speculate that it might nicely integrate with html5slides... anyway, I thought I'd conserve the link by opening a ticket :-)

This is a known issue due to the X-FRAME-OPTIONS (https://developer.mozilla.org/en/The_X-FRAME-OPTIONS_response_header) in modern browsers. If web servers do not allow the frames to be displayed in external websites, they can't be used as part of the slide content.

Being a security feature, there is no way to "fix" this behavior. As a workaround for presentations, you can use an HTTP proxy and alter or remove X-FRAME-OPTIONS response headers. Note that this is a security threat and should be used only temporarily and with caution.

Rename presentation.html to index.html and the master branch to gh-pages to make the demo presentation easily accessable via web.

I found your code as I was searching for a way to implement targeting specific slides in the presentation I had already built using googles slide code. I was able to easily implement your additions, thank you, and get the Table of contents to work easily. But I am also trying include just one link to a section or article. (For instance, you click on the word "interlacing" and are taken to the definition page that may be located later in the presentation.) I tried adding a javascript click function utilizing your goToSlide command but was unsuccessful. Can you offer any suggestions?