Add "Beginner-friendly" view

momijizukamori / bookbinder-js

A JS application to format PDFs for bookbinding.

Mozilla Public License 2.0

99 stars 26 forks source link

Add "Beginner-friendly" view #59

Open daviesroyal opened 7 months ago

daviesroyal commented 7 months ago

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

hvitis commented 7 months ago

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 commented 7 months ago

It might be this

https://github.com/momijizukamori/bookbinder-js/issues/4

acestronautical commented 4 months ago

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 commented 4 months ago

@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 commented 4 months ago

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