in-browser slide generator?

[hchiam]

Taking inspiration from:

• http://service.tjc.org's PDF slide generator (I think we'd prefer in-browser slides)
• https://codepen.io/hchiam/pen/wNOQGL = example that takes plain HTML text -> slides.

Draft idea:

People who'd want to use this slide generator don't know how to make their own powerpoints or use google slides. So it needs to be simple to generate and present without special keyboard shortcuts; show buttons on the page for "next slide" and "previous slide". It also means NO special markdown symbols/tags for title, new slide, etc. and formatting.

• [x] User can type in text (use a <pre contenteditable> so it's a literal WYSIWYG).
• [x] User can add an image to a slide.
• [x] I suggest that the user can only either enter text or show an image on a slide (not both). Give people less options if they're not tech savvy.
• [x] User directly edits what they're presenting. Avoid having multiple screens (one for editing, one for presenting). The edit page = the present page.
• [x] Example screen: edit page = present page. Show 2 input boxes and 3 buttons:
  • [x] slide heading text placeholder: "Type here"
  • [x] slide content text placeholder: "Type here" (hidden when user hits image button)
  • [x] button: "Or choose an image" (hidden when user types in the content inputbox)
  • [x] button: "Previous slide"
  • [x] button: "Next slide" (not just for navigation: it creates a new slide if 2 things are true: the user is at the end, and the current slide has content. This means that if a user keeps hitting next during a presentation, we don't create a bunch of empty slides.)
• [x] Choose a good place to put the "previous"/"next" slide buttons so they're not in the way of skype/zoom/webex controls.
• [x] Add a button on the main admin page to open the presentation editor/presenter.
• [x] Make the "Next slide" button say "Add slide" when user is at the last slide.
• [x] Figure out a convenient way to save user data in case they accidentally close the page.
• [x] Figure out how to delete slides

[hchiam]

@alan-mj-lin i branch off of master-prod for this, right?

[alan-mj-lin]

@hchiam no don't branch off master-prod just branch off develop it should be updated. I intend master-prod branch to only for deploying the app. Because the cors list and ips are all different and stuff and SocketIO config will be different as well.

[hchiam]

something weird's going on with deleting slides. i might just remove it for simplicity