Start rewriting "Reader settings"

website/src/docs/guides/reader-settings.md

@@ -5,4 +5,291 @@ description: This section relates to the reading experience in the app and navig
 
 # Reader settings
 
-Page too complex to port in only a few minutes.
+This section relates to the reading experience in the app and navigating the reader.
+
+## Options
+
+### Default reading mode <Badge type="info" text="Paged (right to left)" />
+
+This setting sets the reader's default direction when you open a manga.
+
+::: tip
+You can change viewer for different series by going to the series, opening a chapter, tapping the middle of the screen, pressing the gear icon, and selecting a different viewer in **Viewer for this series**.
+:::
+
+::: tabs
+== Paged (RTL)
+Right-to-left, the default way of reading manga.
+
+- Swipe right for next page.
+- Swipe left for previous page.
+== Paged (LTR)
+Left-to-right, the default way of reading comics.
+
+- Swipe left for next page.
+- Swipe right for previous page.
+== Paged (Vertical)
+- Swipe up for next page.
+- Swipe down for previous.
+
+== Long strip
+Default way of reading webtoons.
+== Long strip with gaps
+Long strip but with a little space between pages.
+:::
+
+### Double tap animation speed <Badge type="info" text="Normal" />
+Double tap animation speed changes the speed in which the zoom happens when double tapping.
+
+::: tabs
+== No animation
+TBA
+== Normal
+TBA
+== Fast
+TBA
+:::
+
+### Show reading mode <Badge type="info" text="On" />
+Briefly show current mode when reader is opened
+
+### Show tap zones overlay <Badge type="info" text="Off" />
+TBA
+
+### 32-bit color <Badge type="info" text="Off" />
+This setting decodes images in `ARGB888` format to allow the reader to display more colors.
+
+::: warning
+This setting will only show up on devices running **Android 8.0** or higher.
+:::
+
+### Animate page transitions <Badge type="info" text="On" />
+This setting applies a smooth transition when tapping to change page.
+
+## Display
+
+### Default rotation type <Badge type="info" text="Free" />
+
+This allows you to control how the screen is going to be oriented.
+
+::: tabs
+== Free
+TBA
+== Portrait
+TBA
+== Landscape
+TBA
+== Locked portrait
+TBA
+== Locked landscape
+TBA
+== Reverse portrait
+TBA
+:::
+
+### Background color <Badge type="info" text="Black" />
+
+::: tabs
+== Black
+![Black](/docs/guides/reader-settings/background-color_black.webp =512x788)
+== Gray
+![Gray](/docs/guides/reader-settings/background-color_gray.webp =512x788)
+== White
+![White](/docs/guides/reader-settings/background-color_white.webp =512x788)
+== Automatic
+Automatically sets the color based on the content of your page.
+:::
+
+### Fullscreen <Badge type="info" text="On" />
+TBA
+
+### Show content in cutout area <Badge type="info" text="On" />
+TBA
+
+### Keep screen on <Badge type="info" text="On" />
+TBA
+
+### Show page number <Badge type="info" text="On" />
+TBA
+
+## Reading
+
+### Skip chapters marked read <Badge type="info" text="Off" />
+TBA
+
+### Skip filtered chapters  <Badge type="info" text="On" />
+TBA
+
+### Skip duplicate chapters  <Badge type="info" text="Off" />
+TBA
+
+### Always show chapter transition  <Badge type="info" text="On" />
+TBA
+
+## Pages
+
+### Tap zones <Badge type="info" text="Default" />
+
+::: tabs
+== Default
+![Right and Left](/docs/guides/reader-settings/tap-zones_right-and-left.webp =247x600)
+== L shaped
+![L shaped](/docs/guides/reader-settings/tap-zones_l-shaped.webp =247x600)
+== Kindle-ish
+![Kindle-ish](/docs/guides/reader-settings/tap-zones_kindle-ish.webp =247x600)
+== Edge
+![Edge](/docs/guides/reader-settings/tap-zones_edge.webp =247x600)
+== Right and Left
+![Right and Left](/docs/guides/reader-settings/tap-zones_right-and-left.webp =247x600)
+== Disabled
+No tap zones to assist with navigation will be active.
+:::
+
+### Invert tap zones <Badge type="info" text="None" />
+
+::: tabs
+== None
+Keeps the default zap zones.
+== Horizontal
+Changes so that the tap zones are flipped horizontally.
+== Vertical
+Changes so that the tap zones are flipped vertically.
+== Both
+Changes so that the tap zones are flipped horizontally and vertically.
+:::
+
+### Scale type <Badge type="info" text="Fit screen" />
+
+::: tabs
+== Fit screen
+![Fit screen](/docs/guides/reader-settings/scale-type_fit-screen.webp =512x788)
+== Stretch
+![Stretch](/docs/guides/reader-settings/scale-type_stretch.webp =512x788)
+== Fit width
+![Fit width](/docs/guides/reader-settings/scale-type_fit-width.webp =512x788)
+== Fit height
+![Fit height](/docs/guides/reader-settings/scale-type_fit-height.webp =512x788)
+== Original size
+![Original size](/docs/guides/reader-settings/scale-type_original-size.webp =512x788)
+== Smart fit
+![Smart fit](/docs/guides/reader-settings/scale-type_smart-fit.webp =512x788)
+:::
+
+### Zoom start position <Badge type="info" text="Automatic" />
+
+::: tabs
+== Automatic
+![Center (TBA Default Image)](/docs/guides/reader-settings/zoom-start-position_center.webp =512x788)
+== Left
+![Left](/docs/guides/reader-settings/zoom-start-position_left.webp =512x788)
+== Right
+![Right](/docs/guides/reader-settings/zoom-start-position_right.webp =512x788)
+== Center
+![Center](/docs/guides/reader-settings/zoom-start-position_center.webp =512x788)
+:::
+
+### Crop borders <Badge type="info" text="Off" />
+
+:::tabs
+== Off
+![Not cropping borders](/docs/guides/reader-settings/crop-borders_off.webp =512x788)
+== On
+![Cropping borders](/docs/guides/reader-settings/crop-borders_on.webp =512x788)
+:::
+
+### Automatically zoom into wide images <Badge type="info" text="On" />
+TBA
+
+### Pan wide images <Badge type="info" text="On" />
+TBA
+
+### Split wide pages <Badge type="info" text="Off" />
+TBA
+
+### Rotate wide pages to fit <Badge type="info" text="Off" />
+TBA
+
+## Long strip
+
+### Tap zones <Badge type="info" text="Default" />
+
+::: tabs
+== Default
+![Right and Left](/docs/guides/reader-settings/tap-zones_right-and-left.webp =247x600)
+== L shaped
+![L shaped](/docs/guides/reader-settings/tap-zones_l-shaped.webp =247x600)
+== Kindle-ish
+![Kindle-ish](/docs/guides/reader-settings/tap-zones_kindle-ish.webp =247x600)
+== Edge
+![Edge](/docs/guides/reader-settings/tap-zones_edge.webp =247x600)
+== Right and Left
+![Right and Left](/docs/guides/reader-settings/tap-zones_right-and-left.webp =247x600)
+== Disabled
+No tap zones to assist with navigation will be active.
+:::
+
+### Invert tap zones <Badge type="info" text="None" />
+
+::: tabs
+== None
+TBA
+== Horizontal
+TBA
+== Vertical
+TBA
+== Both
+TBA
+:::
+
+### Side padding <Badge type="info" text="None" />
+
+::: tabs
+== None
+TBA
+== 5%
+TBA
+== 10%
+TBA
+== 15%
+TBA
+== 20%
+TBA
+== 25%
+TBA
+:::
+
+### Sensitivity for hiding menu on scroll <Badge type="info" text="Low" />
+
+::: tabs
+== Highest
+TBA
+== High
+TBA
+== Low
+TBA
+== Lowest
+TBA
+:::
+
+### Crop borders <Badge type="info" text="Off" />
+TBA
+
+### Split wide pages <Badge type="info" text="Off" />
+TBA
+
+### Double tap to zoom <Badge type="info" text="On" />
+TBA
+
+## Navigation
+TBA
+
+### Volume keys <Badge type="info" text="Off" />
+TBA
+
+## Actions
+
+### Show on long tap <Badge type="info" text="On" />
+TBA
+
+### Save pages into seperate folders <Badge type="info" text="Off" />
+TBA