SVG-presentation-maker

A proof-of-concept HTML/JavaScript app that converts Markdown text into a powerpoint-style presentation in SVG file, complete with page transitions and fullscreen.

Why??

• Was made for a presentation about how powerful SVGs are.
• File is tiny!
• SVG graphics get embedded in the presentation. They can animate in the presentation, can even be interactive. Image files (JPG, PNG) are linked, not included. No software is needed to make the output presentation, just a browser.
• Procrastination! (I was supposed to be writing the presentation)

How to Use

1. Write slide content in the presentation.md markdown template
2. Design your presentation-template.svg in a design tool like Figma/ Illustrator / TextEdit / VSCode
3. Open presentation maker page
4. Select a folder containing presentation.md and presentation-template.svg and any image files.

Presentations

• Example presentation
• Simple template presentation, with instructions

Notes

• When you create a presentation, Chrome pops up a warning “Files will be uploaded”. - this is not true. All processing happens locally in the html page with no internet access. No information is transmitted or retained.
• Download this GitHub repo
• Tested only on Chrome Browser.

This site is open source. Improve this page.