diff --git a/src/.vuepress/config.js b/src/.vuepress/config.js index 0cbb1a1a..12fe9cb2 100644 --- a/src/.vuepress/config.js +++ b/src/.vuepress/config.js @@ -2,6 +2,11 @@ module.exports = { title: 'Tachiyomi', description: 'Free and open source manga reader for Android.', dest: './public', + head: [ + ['script', { src: 'https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js'} , ''], + ['link', { rel: "stylesheet", type: "text/css", href: 'https://unpkg.com/flickity@2/dist/flickity.min.css'} , ''], + ['link', { rel: "stylesheet", type: "text/css", href: '/assets/css/carousel.css'} , ''] + ], themeConfig: { repo: 'inorichi/tachiyomi', docsRepo: 'tachiyomiorg/website', diff --git a/src/.vuepress/public/assets/css/carousel.css b/src/.vuepress/public/assets/css/carousel.css new file mode 100644 index 00000000..d531d1d1 --- /dev/null +++ b/src/.vuepress/public/assets/css/carousel.css @@ -0,0 +1,9 @@ +.carousel { + background: #EEE; +} + +.carousel-cell { + width: 100%; /* full width */ + margin-right: 16px; + margin-left: 16px; +} \ No newline at end of file diff --git a/src/.vuepress/public/assets/media/backgroundcolorblack.png b/src/.vuepress/public/assets/media/backgroundcolorblack.png new file mode 100644 index 00000000..eeb74b2d Binary files /dev/null and b/src/.vuepress/public/assets/media/backgroundcolorblack.png differ diff --git a/src/.vuepress/public/assets/media/backgroundcolorwhite.png b/src/.vuepress/public/assets/media/backgroundcolorwhite.png new file mode 100644 index 00000000..e870c0a0 Binary files /dev/null and b/src/.vuepress/public/assets/media/backgroundcolorwhite.png differ diff --git a/src/.vuepress/public/assets/media/fitheight.png b/src/.vuepress/public/assets/media/fitheight.png new file mode 100644 index 00000000..56d7c536 Binary files /dev/null and b/src/.vuepress/public/assets/media/fitheight.png differ diff --git a/src/.vuepress/public/assets/media/fitscreen.png b/src/.vuepress/public/assets/media/fitscreen.png new file mode 100644 index 00000000..eeb74b2d Binary files /dev/null and b/src/.vuepress/public/assets/media/fitscreen.png differ diff --git a/src/.vuepress/public/assets/media/fitwidth.png b/src/.vuepress/public/assets/media/fitwidth.png new file mode 100644 index 00000000..eeb74b2d Binary files /dev/null and b/src/.vuepress/public/assets/media/fitwidth.png differ diff --git a/src/.vuepress/public/assets/media/originalsize.png b/src/.vuepress/public/assets/media/originalsize.png new file mode 100644 index 00000000..93bc17eb Binary files /dev/null and b/src/.vuepress/public/assets/media/originalsize.png differ diff --git a/src/.vuepress/public/assets/media/smartfit.png b/src/.vuepress/public/assets/media/smartfit.png new file mode 100644 index 00000000..eeb74b2d Binary files /dev/null and b/src/.vuepress/public/assets/media/smartfit.png differ diff --git a/src/.vuepress/public/assets/media/stretch.png b/src/.vuepress/public/assets/media/stretch.png new file mode 100644 index 00000000..56d7c536 Binary files /dev/null and b/src/.vuepress/public/assets/media/stretch.png differ diff --git a/src/.vuepress/public/assets/media/withcropborder.png b/src/.vuepress/public/assets/media/withcropborder.png new file mode 100644 index 00000000..fb655734 Binary files /dev/null and b/src/.vuepress/public/assets/media/withcropborder.png differ diff --git a/src/.vuepress/public/assets/media/withoutcropborder.png b/src/.vuepress/public/assets/media/withoutcropborder.png new file mode 100644 index 00000000..eeb74b2d Binary files /dev/null and b/src/.vuepress/public/assets/media/withoutcropborder.png differ diff --git a/src/.vuepress/public/assets/media/zoomstartpositioncenter.png b/src/.vuepress/public/assets/media/zoomstartpositioncenter.png new file mode 100644 index 00000000..10ba6976 Binary files /dev/null and b/src/.vuepress/public/assets/media/zoomstartpositioncenter.png differ diff --git a/src/.vuepress/public/assets/media/zoomstartpositionleft.png b/src/.vuepress/public/assets/media/zoomstartpositionleft.png new file mode 100644 index 00000000..c3199d20 Binary files /dev/null and b/src/.vuepress/public/assets/media/zoomstartpositionleft.png differ diff --git a/src/.vuepress/public/assets/media/zoomstartpositionright.png b/src/.vuepress/public/assets/media/zoomstartpositionright.png new file mode 100644 index 00000000..cb62e443 Binary files /dev/null and b/src/.vuepress/public/assets/media/zoomstartpositionright.png differ diff --git a/src/help/guides/reader.md b/src/help/guides/reader.md index 6cdeb155..69bb3df9 100644 --- a/src/help/guides/reader.md +++ b/src/help/guides/reader.md @@ -4,55 +4,230 @@ lang: en-US --- # Reader -:construction: :construction_worker_man: W.I.P. Description, help us improve through [here](https://github.com/tachiyomiorg/website/edit/master/src/help/guides/reader.md)! +:construction: :construction_worker_man: W.I.P. Description, help us improve through +[here](https://github.com/tachiyomiorg/website/edit/master/src/help/guides/reader.md)! -## Default viewer -:construction: :construction_worker_man: W.I.P. +## Default viewer +Default viewer lets you choose which way you want the reader to flip though pages. -## Scale type -:construction: :construction_worker_man: W.I.P. +::: tip +You can have different Viewer for different series. By going to the series opening a chapter, tapping the middle of the +screen, then pressing the gear icon, then select a different viewer in `View for this series` +::: -## Zoom start position -:construction: :construction_worker_man: W.I.P. +**Left to right** +- Swipe left for next page. Swipe right for privious page. Perfect for reading Comics -## Rotation -:construction: :construction_worker_man: W.I.P. +**Right to left** +- Swipe right for next page. Swipe left for privious page. Perfect for reading Manga -## Background color -:construction: :construction_worker_man: W.I.P. +**Vertical** +- Swipe up for next page. Swipe down for privious. -## Double tap animation speed -:construction: :construction_worker_man: W.I.P. +**Webtoon** +- Scroll through pages. Perfect for reading Webtoons -## Skip chapters marked read -:construction: :construction_worker_man: W.I.P. +## Scale type +Scale type lets you choose how the page fits to your screen. -## Fullscreen -:construction: :construction_worker_man: W.I.P. +::: tip +You can change scale type when reading a chapter. By tapping the middle of the screen, then press the gear icon, then +select a different scale type under `Scale type`. This will change Scale type for all series. +::: -## Keep screen on -:construction: :construction_worker_man: W.I.P. +

Examples

-## Show page number -:construction: :construction_worker_man: W.I.P. +All examples are illustrations and may not reflect what really happends -## 32-bit color -:construction: :construction_worker_man: W.I.P. + + -## Page transitions -:construction: :construction_worker_man: W.I.P. +## Zoom start position +Depending on your scale type the page can be wider than the screen and with zoom start position you can choose where +Tachiyomi will start on that zoomed in page. -## Crop borders -:construction: :construction_worker_man: W.I.P. +

Examples

-## Tapping -:construction: :construction_worker_man: W.I.P. +All examples are illustrations -## Long tap dialog -:construction: :construction_worker_man: W.I.P. + + -## Volume keys -:construction: :construction_worker_man: W.I.P. +## Rotation +This allows you to control how to screen is going to be oriented. `Free` lets you rotate the screen between portrait and +landscape. `Lock` will lock the orientation to whatever orientation you had before entering the reader. `Force Portrait` +forces reader to be in portrait. `Force Landscape` forces reader to be in landscape. -## Invert volume keys -:construction: :construction_worker_man: W.I.P. +## Background color +This allows you to control what color the background should be in reader. Background color can either be `Black` or +`White`. + + + + +## Double tap animation speed +Double tap animation speed changes the speed in which the zoom happends when double tapping. + +## Skip chapters marked read +Skip chapters marked read will skip chapters that you have marked as read when reading +Example? + +## Fullscreen +Fullscreen if true will hide notification bar and bottom navigation else it will show + +## Keep screen on +Keep screen on if true will keep + +## Show page number +Displays current page number along with total page count + +## 32-bit color +::: warning +This setting will only show up on Oreo or later +::: +Lets you use 32-bit color. + +## Page transitions +Adds a page between chapters display read chapter and upcoming chapter name and chapter number + +## Crop borders +Tries to remove exess white borders + + + + +## Tapping +Tap to flip through pages. On left and right sides of screen. + +## Long tap dialog +If enabled when reading you can long tap to set the page as cover, share it, or save it. + +## Volume keys +Flip through pages with volume keys. +- Volume up goes backward +- Volume down goes forward + +## Invert volume keys +::: warning +Disabled if Volume keys if False +::: +Invert direction of volume keys +- Volume up goes forward +- Volume down goes backward