Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add bespoke template #5

Merged
merged 26 commits into from
Aug 29, 2018
Merged

Add bespoke template #5

merged 26 commits into from
Aug 29, 2018

Conversation

yhatt
Copy link
Member

@yhatt yhatt commented Aug 26, 2018

This PR will add "bespoke" template to supported templates. As the name suggests, this template is using bespoke.js.

It has super-simple and customizable ecosystem for HTML presentation, so it is the best solution for converted Marp slide deck.

  • Add classes - Based on bespokejs/bespoke-classes, but we only support adding to active slide.
  • Navigation - We are using bespokejs/bespoke-keys, and support additional keys and clever wheel navigation.
  • Touch support - Implemented better swipe support for touch devices.
  • URL hash support - Based on bespokejs/bespoke-hash, but we replace history, don't stack.
  • Hide cursor when inactive - Add bespoke-marp-cursor-inactive class when cursor is idle.
  • Progress bar - Bespoke template has a support of progress bar (disabled by default), and we will implement template option by configuration file in future.

It will become to be able HTML based presentation on browser. Try this HTML!! (an example of uncover theme) For actual presentation, you have to hit F11 key to get full-screen view.

It can close yhatt/marp#105, and it works as a workaround of presentation mode (yhatt/marp#13). However, we are planning much better presentation mode implementation in marp-team/marp-web repository (like presenter tools, multi-screen support using Presentation API).

ToDo

  • Add tests in browser context

@yhatt yhatt changed the title [Working In Progress] Add bespoke template Add bespoke template Aug 28, 2018
@yhatt
Copy link
Member Author

yhatt commented Aug 28, 2018

Testing for bespoke template was filled! 🎉
We are ready to be able using converted HTML in actual presentation.

Example HTML (using uncover theme) is here.

We recommend using with the latest Firefox. Renderings on other browsers seem not to work correctly.

  • Chrome (Almost good)
    • Wrong auto scaling on Mac
    • Wrong hitting area of link
  • Edge (Almost good)
    • Ignores background image filter
  • Safari (Bad)
    • Auto scaling is not working 😭

@yhatt yhatt merged commit 8444474 into master Aug 29, 2018
@yhatt yhatt deleted the bespoke branch August 29, 2018 08:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Best way of rendering presentation as a website online?
1 participant