Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

HTML Slides with notes

nbd.neocities.org

Post reply on HN
Print view View original

31–40 of 46 posts

Re: HTML Slides with notes

#31

Post by zenomt »

articsputnik wrote: post #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-prese…

i made a toolset i call "mdslides" for making pure HTML+CSS (no JavaScript) presentations in Markdown. it's just a CSS stylesheet and an 8 line Awk preprocessor for a slide delimiter, adding just enough HTML wrapping to work with the stylesheet. the stylesheet adds page breaks at each slide so you can get a PDF by asking your browser to print/save-as-PDF. it should work with any CommonMark Markdown formatter (i use "md2html" from the MD4C project).

presentation: https://zenomt.github.io/mdslides/mdslides.html

repo: https://github.com/zenomt/mdslides

Re: HTML Slides with notes

#32

Post by econ »

This is my favorite size project. It allows us to be pedantic about every detail.

When the key press event is triggered current is to be increased or decreased if two conditions are met. One shouldn't check just one, take action then change it back if the other condition isn't met.

   if(e.key == 'j'){ cur++; }
   if(e.key == 'k'){ cur--; }
   if(cur = sl.length){ cur = sl.length - 1; }
something like...

   if(cur0 && e.key=='k'){ cur-- }
The else is there because we don't need to check the other condition if the first is true.

Not that the original code doesn't work. I just want to execute instructions needed and avoid unnecessary ones if it is simple enough. The case where we try to increase beyond the array size would still trigger the second check. Even more correct would be:

   if(e.key == 'j'){ 
    if(cur  0){
      cur--;
    }
   }
To make it uglier the if can go...

   cur0 && e.key=='k' && cur--
As it won't check the next condition if the first fails.

This hideous bit...

   b+=("j"==d)-("k"==d)
Could be slightly less ugly and one character shorter

   b+=d=="j";b-=d=="k"
Then we can shovel the other conditions inthere too!

   b+=d=="j"&&b0
You see, with just a little effort we may improve nothing.

Re: HTML Slides with notes

#33

Post by zazaulola »

small_scombrus wrote: post #3

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

Which transitions in Powerpoint are special?

I haven't seen better slide transitions than here https://impress.js.org/

Re: HTML Slides with notes

#34

Post by Curiositry »

nairadithya wrote: post #26
articsputnik wrote: post #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-prese…

There's also marp https://marp.app/

I tried to use pandoc+revealJS, then tried presenterm (which was really nice but didn't give me enough control over font sizes), and then settled on Marp, which worked great.

Re: HTML Slides with notes

#36

Post by econ »

hecanjog wrote: post #4

I love it, but it was very disorienting to use `j` to move forward and `k` to move backward.

The other day I was reminded how SketchUp was a 3D drawing application without a learning curve. Today we get a slide show that needs a manual.

I suppose the right key is to use the space bar. But then the html moves to the next page without any js. (Shift space to page back)

Presto even loaded the "next>" link if one pressed space at the end of the page.

Re: HTML Slides with notes

#37

Post by econ »

chrismorgan wrote: post #6

(i = slide.nextElementSibling)?.className == "slidenote" ? i : slide ]), An alternative approach: slide.querySelector(":scope+.slidenote") ?? slide (|| would work just as well as ??, but ?? feels more appropriate.)

You could also make the notes mandatory.

Re: HTML Slides with notes

#38

Post by econ »

zazaulola wrote: post #33
small_scombrus wrote: post #3

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

Which transitions in Powerpoint are special? I haven't seen better slide transitions than here https://impress.js.org/

I would use this

https://youtu.be/A1XRbPQE9-M?si=VWatyCxmR-ADZKWJ

Re: HTML Slides with notes

#39

Post by econ »

fjfaase wrote: post #12

I use HTML for my presentations and publish them online mentioning the URL at the top, such that people can open them on their device, which is often a smart phone. I take that into account for the interactive parts of the presentation.

The backend could be just...

    if( is_numeric($_GET['current']) ){
      file_put_contents( 'current.txt',$_GET['current']);
    }
Then could post it it when the clock advances by a second, shortly before the slide advances on the main screen. Aggressively poll it on the clients to figure out how many ms after the whole second to poll.

All the screens would advance simultaneously which would impress the developers.

If someone in the audience has a question they can press a button to have their face and audio streamed to the big screen. Modified by LLM of course, or it would be pointless to have.

Re: HTML Slides with notes

#40

Post by hecanjog »

chrisweekly wrote: post #25
hecanjog wrote: post #4

I love it, but it was very disorienting to use `j` to move forward and `k` to move backward.

Fastmail uses these too, as does vim.

Ha, yeah I think it's my vim muscle memory that made it feel so weird. `j` going left instead of down and `k` going right instead of up. `h` and 'l` probably would have made me feel right at home though. (And in fairness, changing the keys is trivial in this case!) :-p
Post reply on HN