Presentations
Existing presentations: ~/projects/presentations
How to hold a presentation
- Ask someone to assist, i.e.
- Track time
- Write down issues, questions, etc
- Use wireless presenter
- Disable applications the do notifications (gnome-calendar, thunderbird etc)
- Disable custom starship prompt
- Start chromium in incognito mode
- Enable slide presentation mode / slide notes
- Move presentation to beamer, leave notes window on desktop
Tools
Markdown based
Hedgedoc
- SaaS only
- Integrates reveal.js
- Docs
- Slide example
- Hedgedoc Markup features example
- Demo instance Warning: All slides will get purged after 24h!
Issues:
- Slide seperator is not recognized with a space at the end
- Fixed in unreleased v2
Slidev
- Website
- GitHub
- Showcases
- Very active, >30k GH stars, ~250 contributors
- Mermaid support
- Slidev prettier plugin
Marp
- Website
- GitHub
- Not so active, 7.5K GH stars, 12 contributors
- Typescript
- Docs
- Online-Editor
- Not supported by Decktape, but has built-in PDF exporter
- markdown-preview-nvim FR: Adding Marp for slide editing
Example: ~/projects/presentations/marp
Install marp-cli:
npm install -g @marp-team/marp-cli
Generate html and watch for changes:
marp -w marp-example.md
Marp issues
- watch mode doesn't detect file changes after a while
- inline images resize by percentage not possible
- No mermaid support
reveal-md
- GitHub
- Not so active, 3.7K GH stars, 75 contributors
- markdown-preview.nvim FR: add support for reveal.md
HTML based
Console based presentation tools
- nerd-slides-vim-plugin "vim plugin to keep your presentations/slides nerdy"
Unmaintained presentation frameworks
Markdown
- Backslide
- Bespoke
- Deck.js
- Dzslides
- Fusuma
- Landslide (rendering command needed)
- Marckdeck
- Mdx-deck
- Nuedeck
- P_slides
- Reveal-ck
- Reveal-jekyll
- Slideshow
- Slidy2
- WebSlides
Remark
- Website
- One Html file, no generate command needed.
- Cons: Still a nasty mix of Html and inline-markdown
- Example:
~/thoughtworks/cdp/presentation
Issues
Scale images to fit screen:
Put the following snippet in the <syle>
section of the slide:
img {
max-width: 100%;
}
.remark-slide-content {
background-size: contain;
}
export to html
cd ~/thoughtworks/cdp/presentation
sed -n '/^class:/,/<\/textarea/p' cdp2015.html | head -n -1 | tail -n +3 > cdp.md
pandoc --self-contained -t revealjs -s cdp.md -o cdp2015-thorsten-hinrichsmeyer-exported.html
html
etc
Decktape
- Github
- PDF exporter for HTML presentation frameworks
- Supports Bespoke.js, deck.js, DZSlides, Flowtime.js, impress.js, Inspire.js, NueDeck, remark, reveal.js, RISE, Shower, Slidy, WebSlides