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

Initial Semantic HTML change #32

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Conversation

edent
Copy link
Contributor

@edent edent commented Nov 30, 2023

I hope this is OK. I've rewritten this to use semantic HTML. That makes it easier to navigate the document (especially if you use accessibility tools). I've made some light changes to the CSS.

If you're happy with these changes, I'll make the CSS and HTML more consistent.

I haven't changed the order of the text, but it's now easier to see that the layout is:

KOREADER USER GUIDE 
   Table Of Contents 
   What Can You Do With Koreader? 
      Transferring your files 
      Text adjustments 
      While reading 
      Navigating through your collection 
      Navigating through your book 
      Search, Lookup and Translation 
      Device settings 
      PDF documents 
      Advanced features 
      Exporting your notes and highlights 
   User Interface 
      Reading Screen 
      File Browser 
         Viewing archive files 
         Viewing image files 
         Accessing your books 
      User Interface Tips 
         Menu search 
         Scrolling types 
         Go back to previous location 
         Prevent flashing on pages with images 
         Partial rendering support 
      Bottom Menu Items Explained 
         Saving your text appearance settings for later use 
   Basic Reading Info 
      How can I personalize my text? 
      How can I control the backlight / frontlight of my screen? 
      How can I configure the status bar? 
      How can I change the screen displayed while sleeping? 
   Keyboard Usage And Tips 
      Entering extra characters 
   Auto Warmth And Night Mode 
      Fixed Schedule Mode 
      Sun’s Position Mode 
      Night Mode 
      Frontlight auto on/off 
   Fonts 
      How can I add my own fonts? 
      Previewing the fonts on your device 
      Monospace font scale 
      Using different fonts in one document 
   Moving Through Your Book 
      Skim Widget 
      Chapter Marks 
      Book Map 
      User Interface And Controls 
      Book map options 
      Page Browser 
   Bookmarks, Highlighting And Notes 
      How to highlight 
      Normal mode 
      Select and highlight mode 
      Selecting punctuation 
      Editing a highlight 
      Exporting your highlights 
         1. Export Highlights plugin 
         2. Using KoHighlights 
         3. Using Calibre 
   Reading Pdfs 
      Reading large PDFs on a small screen 
      Explanations Of Pdf Specific Bottom Menu Items 
      OCR (Optical Character Recognition) 
      Panel Zoom (manga/comic) 
   Gestures And Keyboard Shortcuts 
      Predefined Gestures 
         Tap Corner 
         Double Tap 
         One Finger Swipe 
         Multiswipe 
      Gesture Categories 
         General 
         Device 
         Screen and lights 
         Reader 
         File browser 
         Reflowable documents 
         Fixed layout documents 
      Keyboard Shortcuts 
         File browser mode 
         Reading mode 
         Highlighting 
         Fonts 
         Links 
         Image viewer 
         Navigating the book 
         In Skim Document dialog 
         Page zooming 
   Quick Menu And Profiles 
      Quick Menu 
         Easy method 
         Advanced method 
      Profiles 
         Creating a profile 
         Activating a profile 
         Technical details of Profiles and Quick Menu ADVANCED 
   Plugins And User Patches 
      Plugin types 
         Internal 
         Contrib  ADVANCED 
         External  ADVANCED 
      List of internal plugins 
      User patches  ADVANCED 
         Basic usage – Adding an already written patch to your KOReader: 
         Patch manager 
         Naming the patch 
   Preparing And Transferring Your Documents 
      Transferring books to your reader 
      Optimizing EPUB/PDF documents for your mobile reader device 
      ZIP file support 
      Optimizing manga for your mobile reader device 
         File type 
         Resolution 
         Advanced preparation of manga 
         Immersive mode in KOReader 
         Extra step for smooth gradients  ADVANCED 
         Reversing the page turn direction for authentic Japanese manga  ADVANCED 
   TIPS 
      Updating KOReader 
      Automatic dimmer 
      Line/word count of a page 
      How can I add a password lock to KOReader? 
      Switching between documents quickly 
      Applying current defaults to an already opened book 
      Saving current book settings as defaults 
      Avoiding clicking links accidentally 
      Optimizing your battery life 
      Keeping an eye on your memory usage 
      Checking your battery consumption details 
      Checking detailed device statistics 
      Changing your book cover 
      Reading statistics after midnight 
   Troubleshooting 
      My status bar disappeared 
      Sometimes my taps are registered as a long tap or double taps 
      KOReader can't write to the SD card 
      My PDF/DJVU files are slow 
      Ghosting and residue when turning pages 
      Sleep cover problems 
      Text indentation problems 
      Cleaning your book cover cache database 
      Clearing file cache 
      Backing up your KOReader settings 
   More Info 
      How to reach us about problems or suggestions 
      You can also… 

This change is Reviewable

</html>


</html>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Keep the newline at the end.

@Frenzie
Copy link
Member

Frenzie commented Nov 30, 2023

Pinging @offset-torque

Broadly a good idea to me and something I already had in the back of my mind, but removing text-indent is changing a design intent.

https://htmlpreview.github.io/?https://github.com/koreader/koreader.github.io/blob/8685cb6e8d6192c132dc37c7144a75aebee94133/user_guide/index.html

@offset-torque
Copy link
Contributor

No I don't approve this workflow Frenzie. Someone comes and makes 400+ changes to the guide. How am I supposed to review all these changes and still keep on top of this document.

No offense @edent, I am sure you have good intentions but this is not a publicly editable document. I am the author of this guide and you have to tell me verbally before making hundreds of changes to the guide. We have a user guide thread specifically for this but you decided to bypass that it seems.

Also our guide is optimized for usability. Removing indents removes all hierarchical paragraph structure and guide now looks like a wall of text. Why ?

guide_indent_test

Also for some reason headings are closer to the upper paragraph. You also changed relative margins into absolute margins. I made everything relative to be able to scale the guide easily. There are no constant pixels in this guide.

I don't know what else have you done to this document and why have you done all these things. If you itemize your changes and tell me what are the improvements for each of them, then we can discuss here and decide if they are ok to include.

@edent
Copy link
Contributor Author

edent commented Nov 30, 2023

I've re-added the indent. Not sure I can add the final newline - my editor strips it off.

If you're happy with this, my next PR will remove some of the inline CSS + plus a few other bits of tidying up.

@edent
Copy link
Contributor Author

edent commented Nov 30, 2023

@offset-torque I'm sorry for overstepping. I didn't see a CONTRIBUTING.md document so I went a bit too far.

I appreciate that it is a lot of changes. I'm happy to break it into smaller chunks if that helps? My intent was only to make the document more semantic and easier to edit in future.

If not, no worries.

Frenzie added a commit to Frenzie/koreader.github.io that referenced this pull request Nov 30, 2023
@Frenzie
Copy link
Member

Frenzie commented Nov 30, 2023

I'm happy to break it into smaller chunks if that helps?

That's a good idea regardless. "This PR changes the headings to h1-h6" is something that's simple to review. Stacking it with unrelated changes makes it harder to review and harder to merge (like here due to concerns about indents and margins).

Frenzie added a commit that referenced this pull request Nov 30, 2023
@offset-torque
Copy link
Contributor

No need to apologize edent, you couldn't have known. But I checked the changes and saw that you changed many more things like chapter title separation, emphasis dashes, title capitalization in addition to indents. All of these design choices are specifically made to improve the readability of this document. Prettiness comes after functionality in this guide.

I am open to improvements but you should be able to explain how your changes improve the readability, based on design and usability principles. Semantic HTML idea looks useful and if it helps accessibility tools I am all for it. So I ask you to please make a PR that includes only "div to H element" as Frenzie said above.

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.

3 participants