When preparing presentations with sozi, you define all frames, viewports and transitions with respect to one defined aspect ratio. Unfortunately, sometimes the aspect ratio of the screens or beamers actually used for the presentation is unknown at this stage. Moreover, if you're supposed to repeat your talk, you might not want to edit the vector graphic file just to accommodate the different setups.
As you can see in the image above, keeping the aspect ratio is a good opportunity for adding some eye candy. So what to do?
- Copy the template into some local file (.htm or .html) and adjust the three configuration lines.
- Copy your presentation to a folder matching your definition of the variable source.
- Open the HTML file with your favourite browser. I personally recommend chrome, as the SVG rendering is quite fast.
- Keep the focus on the inner part, that is avoid clicking at the shaded background. (Technical explanation at the end.)
- Amaze your audience.
Here's the template: