Add "Beginner-friendly" view
Opened this issue · 5 comments
Add checkbox for "beginner-friendly view" at the top of the page, inside "Bookbinder JS" box. Checking this box will enable a simplified view, hiding most features and picking defaults for certain options.
Hidden features:
- Source Manipulation box
- Custom paper dimensions, rotate paper 90°, alternate page rotation
- Page layout (defaults should be set to folio layout, proportional scaling, centered position, and downloading both aggregated and signature files)
- Wacky Small Layouts
- Perfectbound and custom signature settings
Expected view (visible features):
- File Info
- Printer (paper size, pick display unit for paper, choose printer type)
- Flyleaf
- Standard signature length in Signature Format
- Signature Info
- Generate Output button
Was just thinking about it. I'd also add new page css layout. Bulma maybe or some bootstrap. It's hard to read some unstyled parts.
I wonder if we could steal (with credit given) from one of these projects for a nicer layout:
https://github.com/havisVh/TabbedWebApp
https://github.com/cferdinandi/tabby
https://github.com/zoltantothcom/vanilla-js-tabs
https://github.com/jenstornell/tabbis.js
https://github.com/wnda/stabs
https://github.com/cferdinandi/tabby seems far and away the most popular though it's a bit old (has npm support though)
We could also do a pure CSS tabbed layout: https://freefrontend.com/css-tabs/
Here's some WIP I started with tabby: https://github.com/acestronautical/bookbinder-js/tree/tabbed-layout
@acestronautical are you on discord? I can invite you to the group chat we've got going if you'd like :) thanks for the feedback/contributions either way! Tabby does seem like it might be a good option - I see both it and tabbis.js mention keyboard nav and accessibility in their readmes, which was my immediate concern with a tabbed layout.
My discord name is the same as my github name if you want to add me. #8154 :)