Web Presentation

A cross-platform replacement
for all those office presentation packages in a single file

presentation.js

Next: press space bar...

SVG: Scalable Vector Graphics

WepP: Raster Graphics

User-supplied custom HTML

Transition effects? Animation? Video?

Animation and Video:

SVG Animation HTML with CSS Animation

Animated WebP

Video: any browser-compatible containers and codecs

Next: press space bar...

How to create a presentation?

<html>
    <head>
        <script src="../presentation.js"></script>
        <title>My Presentation</title>
    </head>
<body>
    "../demo-resources/introduction.svg"
    "../demo-resources/insights.svg"
    "../demo-resources/images.svg"
</body>
</html>
        
<html>
    <head>
        <script src="../presentation.js"></script>
        <title>My Presentation</title>
    </head>
<body>

    <!-- List your files here -->

</body>
</html>
        

Next: press space bar...

"../demo-resources/look-at-photo.svg" "../demo-resources/2007-06-23.panorama.webp" "../demo-resources/2010-03-20-118.webp" "../demo-resources/2012-05-19.70.webp" "../demo-resources/2019-05-18.088.webp" "../demo-resources/look-at-animation.svg" "../demo-resources/2020-09-17.video.32.webp" ../demo-resources/look-at-video.svg ../demo-resources/CapeCode.20151108.143402.webm : ../demo-resources/2015-11-08-ProvinceTown-Blackwater-Pond-11.webp

Same video
with the demonstration of the autostart option...

Next: press space bar...

../demo-resources/CapeCode.20151108.143402.webm