Is there a way to open slides in the browser?

[littlepea]

It seems that podium uses ramark.js under the hood (looking at the example deck) but if I open the slides.html in the browser it can't find anything from the /resources/ directory (which I guess is packaged with the Podium.app).

Is there a way to use podium as both the Desktop presentation tool but also be able to export as a webpage for hosting slides online?

Thanks!

[freakboy3742]

So - yes, it is possible; however, there isn't currently an easy way to do it.

As you've noted, a Podium slidedeck uses remark.js under the hood; so if you follow the boilerplate instructions on the Remark homepage you can get the content displayed in your browser. For the moment, at least, you'll need to roll that webpage yourself.

The slides.html file in the repo is a first attempt to get a simple HTML file that can load the markdown content and inject it into the webpage; however, it obviously depends on having a /resources path available. The eventual goal is to provide simple instructions for converting a repository full of Podium slide decks into a website of presentations.

The contents of the resources folder should be the same as this folder

[littlepea]

I see, thanks for the explanation!

Btw, would be cool to integrate https://github.com/astefanutti/decktape into podium to allow PDF export.

[freakboy3742]

Agreed - PDF export (whether using decktape, or something else) is another thing on my wish list .

[edthamm]

Wrt. viewing a presentation as Webpage.

The following works:

• Add a resources folder to your .podium folder
• Add style.css and remark.js to that folder
• Use the slides.html from the sample
• Run python3 -m http.server in the directory that contains slides.html
• Open http://localhost:8000/slides.html in your browser

PDF export works if you use chrome and are willing to tweak the output settings a bit. Be aware that the first slide will contain and error message but subsequent slides will show content.

[Scotchester]

Thanks for the walthrough, @edthamm! It worked for me. The only catch for me was that I needed to add a little additional styling to get the slides to render at the full page width:

@media print {
    .remark-slide-scaler {
        position: static;
        margin: 0 auto;
    }
}

And after printing the PDF from Chrome, I used Acrobat to crop off the whitespace from the bottom of the page.