Live data from Hacker News

HTML Slides with notes

nbd.neocities.org

21–30 of 46 posts

Re: HTML Slides with notes

#21
post #20

I find the notes mode confusing. You can't tell if you're viewing a note or a slide. Why would you use it? In PowerPoint the point of notes is to have an aside view for the presenter for extra info. Here all is revealed to the viewer.

Open the page in two windows, with one that has note mode enabled

Re: HTML Slides with notes

#22
I found Presenterm [1] to be optimal for me. Simple and works in the terminal, yet powerful to export to PDF and HTML. It supports Mermaid and images. I'm also collecting a list [2] with other Markdown-first presentation tools, and according to the git stars, reveal.js seems to be the most popular. Tough for me, it was too heavy.

[1] https://github.com/mfontanini/presenterm

[2] https://www.ssp.sh/brain/markdown-presentations-or-slides/

Re: HTML Slides with notes

#24
post #20

I find the notes mode confusing. You can't tell if you're viewing a note or a slide. Why would you use it? In PowerPoint the point of notes is to have an aside view for the presenter for extra info. Here all is revealed to the viewer.

You could share a screen with the slides and have the notes visible to yourself. Also the notes mode has a dashed border around it.

This is just a simple demo but it's really cool how simple and easy it is in practice.

Re: HTML Slides with notes

#26

I found Presenterm [1] to be optimal for me. Simple and works in the terminal, yet powerful to export to PDF and HTML. It supports Mermaid and images. I'm also collecting a list [2] with other Markdown-first presentation tools, and according to the git stars, reveal.js seems to be the most popular. Tough for me, it was too heavy. [1] https://github.com/mfontanini/presenterm [2] https://www.ssp.sh/brain/markdown-prese…

There's also marp

https://marp.app/

Re: HTML Slides with notes

#27

This is really cute! I have a special spot in my heart for tools that do a good job of explaining themselves using their own outputs. I wonder how hard it would be to add the cute old PowerPoint style transitions using CSS

You can wrap the navigation event in document.startViewTransition() and get something basic out of the box:

https://codepen.io/pauladamsmith/pen/VYeJMMb

Re: HTML Slides with notes

#30
The original code is really nice:

  // golfed minslides, 173 bytes
  let a=document.getElementsByClassName("slide"),b=0,c=a.length-1;
  document.addEventListener("keypress",({key:d})=>{b+=("j"==d)-("k"==d),b=0>b?0:b>l?l:b,a[b].scrollIntoView()})
Post reply on HN