Show HN: Make slides with text, markdown, YAML, JSON or JavaScript, your call

Re:Show HN: Make slides with text, markdown, YAML, JSON or J... by abusedmedia on Monday December 07, 2020 @06:03AM (#25331045)

I don't know MKDocs but as far as I can see in the link you posted, it should be straightforward doing the same of the other libraries.

I got curious, thus, I make a proof.

Embedding a hosted presentation, it's just a matter of using an iframe: https://codepen.io/abusedmedia/pen/zYKBOXb

An here a test to avoid external hosting: https://codepen.io/abusedmedia/pen/YzGWPzY

The last one requires to download the libraries locally following the same example of flochart.js in MKDocsPlus.

It would be nice if you can test it out.

[ Parent | on HN ]

Re:Show HN: Make slides with text, markdown, YAML, JSON or J... by johnx123-up on Monday December 07, 2020 @07:49AM (#25331618)

Yes, perfect.

Minor feedback:

1. The presentation is not very obvious as it is lacking player kinda UI

2. Arrow in black background is also not obvious (I was keep clicking for sometime)

3. Player UI with fullscreen option and ability to hotlink (especially without external hosting) would be awesome

[ Parent | on HN ]

Re:Show HN: Make slides with text, markdown, YAML, JSON or J... by abusedmedia on Monday December 07, 2020 @08:26AM (#25331912)

Yeah, without style it might have this issue.

I've added a couple of props in the script, you can set the same values present in the dropdown menu in Play tool. Fullscreen can be activating by pressing 'f' on a specific presentation. Btw I might add a more explicit UI, though.

Out of curiosity, does MkDoc parse correctly the whole content without actually parsing the chunk for Presenta?

[ Parent | on HN ]

Re:Show HN: Make slides with text, markdown, YAML, JSON or J... by johnx123-up on Monday December 07, 2020 @08:51AM (#25332069)

MkDocs won't as it is already based on markdown. I was referring to MkDocs+ (fork) as they have bundled mermaid, etc

[ Parent | on HN ]