|gwillz eb37738239 Update readme.||5 months ago|
|css||1 year ago|
|public||1 year ago|
|src||7 months ago|
|types||1 year ago|
|.firebaserc||1 year ago|
|.gitignore||1 year ago|
|README.md||5 months ago|
|app.js||1 year ago|
|deploy.sh||1 year ago|
|firebase.json||1 year ago|
|package-lock.json||7 months ago|
|package.json||7 months ago|
|postcss.config.js||1 year ago|
|tsconfig.json||1 year ago|
|webpack.config.js||1 year ago|
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 all images instead of text.
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 do syntax highlighting without me having to think about it.
[//]: # ()
?url=...- must be CORS compliant
This is largly inspired by hacker-slides. I found my 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.
IE could technically work, but I wasn't bothered enough to include all the required polyfills. If someone really wants it, I'll throw them in :)
Also let me know if Safari and Edge work. That'd be cool.
# clone stuff git clone email@example.com:gwillz/slides cd slides/ # install and build stuff npm install npm run webpack # dev environment (in separate terminals) npm run webpack -- -w npm start # deploy stuff npm run clean NODE_ENV=production npm run webpack npm run pages # this pushes to origin/gh-pages
Feel welcome to create PRs if you please. I'm kinda picky about things but I couldn't tell you what until I've seen it. I guess we'll find out!
I think there's a fair bit of cool stuff in here and plenty of opportunity to extend the functionality.