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 "Beginner-friendly" view #59

Open
daviesroyal opened this issue Nov 11, 2023 · 5 comments
Open

Add "Beginner-friendly" view #59

daviesroyal opened this issue Nov 11, 2023 · 5 comments
Labels
enhancement New feature or request UI

Comments

@daviesroyal
Copy link

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
@Lottie16 Lottie16 added enhancement New feature or request UI labels Nov 12, 2023
@hvitis
Copy link

hvitis commented Nov 13, 2023

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.

@hvitis
Copy link

hvitis commented Nov 13, 2023

It might be this

#4

@acestronautical
Copy link
Collaborator

acestronautical commented Jan 31, 2024

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

@momijizukamori
Copy link
Owner

@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.

@acestronautical
Copy link
Collaborator

My discord name is the same as my github name if you want to add me. #8154 :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request UI
Projects
None yet
Development

No branches or pull requests

5 participants