Markdown presentations

gwillz 3d1d666ff6 Updated css build process (into webpack). 2 years ago
css cce42c4658 Added page number to print view. 2 years ago
public 736f8d1984 Better tutorial link. 2 years ago
src 736f8d1984 Better tutorial link. 2 years ago
types 78ff763644 Fix classnames typings. 2 years ago
.firebaserc 9394d1970a Added firebase deployment. 2 years ago
.gitignore f1a061d26d Better image placements and regex; added tutorial document. 2 years ago
README.md 7d01b2bffa Updated readme. 2 years ago
app.js e5bd1429b8 Initial commit. 2 years ago
deploy.sh 3d1d666ff6 Updated css build process (into webpack). 2 years ago
firebase.json 292447be3e Fix tutorial deploy. 2 years ago
package-lock.json 3d1d666ff6 Updated css build process (into webpack). 2 years ago
package.json 3d1d666ff6 Updated css build process (into webpack). 2 years ago
postcss.config.js 3d1d666ff6 Updated css build process (into webpack). 2 years ago
tsconfig.json e5bd1429b8 Initial commit. 2 years ago
webpack.config.js 3d1d666ff6 Updated css build process (into webpack). 2 years ago

README.md

Markdown Slides

Available here.

I found myself presenting a class on programming recently. The slides were prepared by a third-party group who also provided the exam and certificate. Unfortunately, the material was often grossly incorrect and the code samples were images that couldn't edit.

I had to quickly turn around new slides as I went through the material. I hate having bulky powerpoint software on my computers and I really wanted something that would colour highlight my code nicely without me having to think about it.

Key features

  • Dark mode!
  • Create slides with horizontal rules ---
  • Save work to browser storage
  • Export/download files
  • Print mode - includes notes written as comments [//]: # ()
  • URL fetching with ?url=... - must be CORS compliant

Prior art

This is largly inspired by hacker-slides. I found by requirements weren't the same and it was a good opportunity to test a few new things.

Key differences; client-side only, file management, limited automatic rendering.

Techy things

  • Typescript
  • React
  • Redux
  • Showdown
  • highlight.js
  • Draft.js
  • PostCSS/Webpack

I think there's a fair bit of cool stuff in here and plenty of opportunity to extend the functionality.

Ta!

TODO

  • add param for loading saved local files