Mirrors/tachiyomi-website
2
0
Fork 0
mirror of https://github.com/tachiyomiorg/website.git synced 2024-12-21 07:31:58 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add tabs to more places

Browse Source
This commit is contained in:
Soitora 2023-08-18 18:03:37 +02:00
parent 29cb6ad739
commit 9a42c04c65
No known key found for this signature in database
GPG Key ID: A6D711EB4F2CCD97
4 changed files with 77 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
website/src/.vitepress/theme/styles/tree.styl
View File

@ -2,8 +2,8 @@
border-radius: 8px border-radius: 8px
margin: 16px margin: 16px
padding: 16px padding: 16px
color: var(--vp-code-block-color) color: var(--vp-c-text-1)
background-color: var(--vp-code-block-bg) // background-color: var(--vp-code-block-bg)
font-family: 'Roboto Mono', monospace font-family: 'Roboto Mono', monospace
font-size: 0.85rem font-size: 0.85rem
line-height: 1.5 line-height: 1.5
@ -20,14 +20,20 @@
span { span {
&.folder { &.folder {
&.root,
&.main { &.main {
color: var(--vp-c-brand) !important color: var(--vp-c-brand-darker)
} }
} }
&.folder,
&.file.zip { &.file.zip {
color: var(--vp-c-brand-lighter) !important color: var(--vp-c-brand-darker) !important
}
&.file {
.file-extension {
color: var(--vp-c-text-2)
}
} }
} }
@ -62,7 +68,7 @@
&:after { &:after {
position: absolute position: absolute
content: '' content: ''
background-color: var(--vp-c-code-dimm) background-color: var(--vp-c-text-3)
} }
&:last-child { &:last-child {
@ -80,3 +86,14 @@
display: inline-block display: inline-block
} }
} }
.dark {
.tree {
span {
&.folder,
&.file.zip {
color: var(--vp-c-brand-lighter) !important
}
}
}
}

11
website/src/docs/faq/extensions.md
View File

@ -39,15 +39,20 @@ You can find the list of extensions to download [here](/extensions/)
### How do I allow third-party installations? ### How do I allow third-party installations?
::::tabs
== Android 8.0 and higher
When installing your first extension and you are prompted that your device _is not allowed_ to install unknown apps from that source, follow the prompt to allow it. When installing your first extension and you are prompted that your device _is not allowed_ to install unknown apps from that source, follow the prompt to allow it.
In _newer_ versions of **Android**, you need to enable **Install unknown apps** on a per-app basis. > In _newer_ versions of **Android**, you need to enable **Install unknown apps** on a per-app basis.
== Android 7.1 and lower
When installing your first extension and you are prompted that your device _is not allowed_ to install unknown apps from that source, follow the prompt to allow it. When installing your first extension and you are prompted that your device _is not allowed_ to install unknown apps from that source, follow the prompt to allow it.
In _older_ versions of **Android**, you only need to enable **Unknown sources** globally. > In _older_ versions of **Android**, you only need to enable **Unknown sources** globally.
If you need more help regarding this, read [this](https://www.theandroidsoul.com/how-to-allow-apps-installation-from-unknown-sources-on-android-9-pie/) ::: tip Still got questions?
If you need more help regarding this, read [this](https://nerdschalk.com/how-to-allow-apps-installation-from-unknown-sources-on-android-9-pie/ "nerdschalk.com | How to allow apps installation from unknown sources on Android 9 Pie").
::::
--- ---

55
website/src/docs/guides/local-manga.md
View File

@ -33,7 +33,7 @@ Images will then go into the chapter folder.
See below for more information on archive files. See below for more information on archive files.
You can refer to the following example: You can refer to the following example:
#### Example #### Example {#example-storages}
:::tabs :::tabs
== Device Storage == Device Storage
@ -47,30 +47,30 @@ You can refer to the following example:
<ul> <ul>
<li> <li>
<img src="/img/jpeg.svg" class="tree-icon icon-jpeg"> <img src="/img/jpeg.svg" class="tree-icon icon-jpeg">
<span class="file jpg">cover.jpg</span> <span class="file jpg">cover<span class="file-extension">.jpg</span></span>
</li> </li>
<li> <li>
<img src="/img/folder.svg" class="tree-icon icon-folder"> <img src="/img/folder.svg" class="tree-icon icon-folder">
<span class="folder">chapter_1</span> <span class="folder">chapter_1</span>
<ul> <ul>
<li><span class="file">image_1.ext</span></li> <li><span class="file">image_1<span class="file-extension">.ext</span></span></li>
<li><span class="file">image_n.ext</span></li> <li><span class="file">image_n<span class="file-extension">.ext</span></span></li>
</ul> </ul>
</li> </li>
<li> <li>
<img src="/img/folder.svg" class="tree-icon icon-folder"> <img src="/img/folder.svg" class="tree-icon icon-folder">
<span class="folder">chapter_2</span> <span class="folder">chapter_2</span>
<ul> <ul>
<li><span class="file">image_1.ext</span></li> <li><span class="file">image_1<span class="file-extension">.ext</span></span></li>
<li><span class="file">image_n.ext</span></li> <li><span class="file">image_n<span class="file-extension">.ext</span></span></li>
</ul> </ul>
</li> </li>
<li> <li>
<img src="/img/folder.svg" class="tree-icon icon-folder"> <img src="/img/folder.svg" class="tree-icon icon-folder">
<span class="folder">chapter_n</span> <span class="folder">chapter_n</span>
<ul> <ul>
<li><span class="file">image_1.ext</span></li> <li><span class="file">image_1<span class="file-extension">.ext</span></span></li>
<li><span class="file">image_n.ext</span></li> <li><span class="file">image_n<span class="file-extension">.ext</span></span></li>
</ul> </ul>
</li> </li>
</ul> </ul>
@ -88,30 +88,30 @@ You can refer to the following example:
<ul> <ul>
<li> <li>
<img src="/img/jpeg.svg" class="tree-icon icon-jpeg"> <img src="/img/jpeg.svg" class="tree-icon icon-jpeg">
<span class="file jpg">cover.jpg</span> <span class="file jpg">cover<span class="file-extension">.jpg</span></span>
</li> </li>
<li> <li>
<img src="/img/folder.svg" class="tree-icon icon-folder"> <img src="/img/folder.svg" class="tree-icon icon-folder">
<span class="folder">chapter_1</span> <span class="folder">chapter_1</span>
<ul> <ul>
<li><span class="file">image_1.ext</span></li> <li><span class="file">image_1<span class="file-extension">.ext</span></span></li>
<li><span class="file">image_n.ext</span></li> <li><span class="file">image_n<span class="file-extension">.ext</span></span></li>
</ul> </ul>
</li> </li>
<li> <li>
<img src="/img/folder.svg" class="tree-icon icon-folder"> <img src="/img/folder.svg" class="tree-icon icon-folder">
<span class="folder">chapter_2</span> <span class="folder">chapter_2</span>
<ul> <ul>
<li><span class="file">image_1.ext</span></li> <li><span class="file">image_1<span class="file-extension">.ext</span></span></li>
<li><span class="file">image_n.ext</span></li> <li><span class="file">image_n<span class="file-extension">.ext</span></span></li>
</ul> </ul>
</li> </li>
<li> <li>
<img src="/img/folder.svg" class="tree-icon icon-folder"> <img src="/img/folder.svg" class="tree-icon icon-folder">
<span class="folder">chapter_n</span> <span class="folder">chapter_n</span>
<ul> <ul>
<li><span class="file">image_1.ext</span></li> <li><span class="file">image_1<span class="file-extension">.ext</span></span></li>
<li><span class="file">image_n.ext</span></li> <li><span class="file">image_n<span class="file-extension">.ext</span></span></li>
</ul> </ul>
</li> </li>
</ul> </ul>
@ -130,8 +130,10 @@ Any folders inside the archive file are ignored.
You must place the archive inside the `Manga` folder where the name will become the `Chapter` title. You must place the archive inside the `Manga` folder where the name will become the `Chapter` title.
All images inside the archive regardless of folder structure will become pages for that chapter. All images inside the archive regardless of folder structure will become pages for that chapter.
#### Example <Badge type="info" text="ZIP" /> {#example-zip} #### Example {#example-archives}
:::tabs
== .ZIP
<div class="tree"> <div class="tree">
<ul> <ul>
<img src="/img/folder.svg" class="tree-icon icon-folder"> <img src="/img/folder.svg" class="tree-icon icon-folder">
@ -142,47 +144,47 @@ All images inside the archive regardless of folder structure will become pages f
<ul> <ul>
<li> <li>
<img src="/img/jpeg.svg" class="tree-icon icon-jpeg"> <img src="/img/jpeg.svg" class="tree-icon icon-jpeg">
<span class="file jpg">cover.jpg</span> <span class="file jpg">cover<span class="file-extension">.jpg</span></span>
</li> </li>
<li> <li>
<img src="/img/zip.svg" class="tree-icon icon-zip"> <img src="/img/zip.svg" class="tree-icon icon-zip">
<span class="file zip">chapter_1.zip</span> <span class="file zip">chapter_1<span class="file-extension">.zip</span></span>
<ul> <ul>
<li> <li>
<img src="/img/jpeg.svg" class="tree-icon icon-jpeg"> <img src="/img/jpeg.svg" class="tree-icon icon-jpeg">
<span class="file jpg">image_1.jpg</span> <span class="file jpg">image_1<span class="file-extension">.jpg</span></span>
</li> </li>
<li> <li>
<img src="/img/jpeg.svg" class="tree-icon icon-jpeg"> <img src="/img/jpeg.svg" class="tree-icon icon-jpeg">
<span class="file jpg">image_n.jpg</span> <span class="file jpg">image_n<span class="file-extension">.jpg</span></span>
</li> </li>
</ul> </ul>
</li> </li>
<li> <li>
<img src="/img/zip.svg" class="tree-icon icon-zip"> <img src="/img/zip.svg" class="tree-icon icon-zip">
<span class="file zip">chapter_2.zip</span> <span class="file zip">chapter_2<span class="file-extension">.zip</span></span>
<ul> <ul>
<li> <li>
<img src="/img/jpeg.svg" class="tree-icon icon-jpeg"> <img src="/img/jpeg.svg" class="tree-icon icon-jpeg">
<span class="file jpg">image_1.jpg</span> <span class="file jpg">image_1<span class="file-extension">.jpg</span></span>
</li> </li>
<li> <li>
<img src="/img/jpeg.svg" class="tree-icon icon-jpeg"> <img src="/img/jpeg.svg" class="tree-icon icon-jpeg">
<span class="file jpg">image_n.jpg</span> <span class="file jpg">image_n<span class="file-extension">.jpg</span></span>
</li> </li>
</ul> </ul>
</li> </li>
<li> <li>
<img src="/img/zip.svg" class="tree-icon icon-zip"> <img src="/img/zip.svg" class="tree-icon icon-zip">
<span class="file zip">chapter_n.zip</span> <span class="file zip">chapter_n<span class="file-extension">.zip</span></span>
<ul> <ul>
<li> <li>
<img src="/img/jpeg.svg" class="tree-icon icon-jpeg"> <img src="/img/jpeg.svg" class="tree-icon icon-jpeg">
<span class="file jpg">image_1.jpg</span> <span class="file jpg">image_1<span class="file-extension">.jpg</span></span>
</li> </li>
<li> <li>
<img src="/img/jpeg.svg" class="tree-icon icon-jpeg"> <img src="/img/jpeg.svg" class="tree-icon icon-jpeg">
<span class="file jpg">image_n.jpg</span> <span class="file jpg">image_n<span class="file-extension">.jpg</span></span>
</li> </li>
</ul> </ul>
</li> </li>
@ -190,6 +192,7 @@ All images inside the archive regardless of folder structure will become pages f
</li> </li>
</ul> </ul>
</div> </div>
:::
## Advanced ## Advanced

25
website/src/docs/guides/source-migration.md
View File

@ -17,7 +17,11 @@ Migrations with downloaded chapter(s) may leave the download behind.
You will need to remove these manually with a file manager. You will need to remove these manually with a file manager.
::: :::
## Migrating from Manga ## Migration guide
::::tabs
==Tachiyomi
### Migrating from Manga
1. Tap into a **Manga** you would like to migrate. 1. Tap into a **Manga** you would like to migrate.
1. Go to Overflow and tap Migrate. 1. Go to Overflow and tap Migrate.
@ -26,7 +30,7 @@ You will need to remove these manually with a file manager.
1. Select the **Source** that you'd like to migrate _to_ by tapping the **Manga** thumbnail. 1. Select the **Source** that you'd like to migrate _to_ by tapping the **Manga** thumbnail.
1. Choose which data you want to transfer over, and you're done. 1. Choose which data you want to transfer over, and you're done.
## Migrating from Source ### Migrating from Source
1. Tap into Browse on the bottom navbar. 1. Tap into Browse on the bottom navbar.
1. Press the Migrate tab at the top next to Extensions. 1. Press the Migrate tab at the top next to Extensions.
@ -37,15 +41,17 @@ You will need to remove these manually with a file manager.
1. Select the **Source** you'd like to migrate _to_ by tapping the **Manga** thumbnail. 1. Select the **Source** you'd like to migrate _to_ by tapping the **Manga** thumbnail.
1. Choose which data you want to transfer over, and you're done. 1. Choose which data you want to transfer over, and you're done.
## Searching only pinned sources :::tip Searching only pinned sources
You can restrict global searching to pinned sources if you wish to declutter your search. You can restrict global searching to pinned sources if you wish to declutter your search.
To do this, go to **More → Settings → Browse** then toggle the **Only include pinned sources** setting. To do this, go to **More → Settings → Browse** then toggle the **Only include pinned sources** setting.
Pin sources in Browse using the pin icon next to the source name. Pin sources in Browse using the pin icon next to the source name.
:::
## Migrating multiple Manga ==TachiyomiJ2K
### Migrating multiple Manga
1. Tap **Settings** → **Sources** → **Source migration**. 1. Tap **Settings** → **Sources** → **Source migration**.
1. Select the **Source** you'd like to migrate _from_ and select **All**. 1. Select the **Source** you'd like to migrate _from_ and select **All**.
@ -55,7 +61,7 @@ Pin sources in Browse using the pin icon next to the source name.
> If a manga is not found, or is wrong you can manually search it by pressing Overflow → **Search manually**. > If a manga is not found, or is wrong you can manually search it by pressing Overflow → **Search manually**.
## Migrating a single Manga ### Migrating a single Manga
1. Tap into a **Manga** in your Library. 1. Tap into a **Manga** in your Library.
1. Tap **Overflow** → **Migrate manga**. 1. Tap **Overflow** → **Migrate manga**.
@ -64,7 +70,8 @@ Pin sources in Browse using the pin icon next to the source name.
> If a manga is not found, or is wrong you can manually search it by pressing Overflow → **Search manually** > If a manga is not found, or is wrong you can manually search it by pressing Overflow → **Search manually**
## Migrating from Library ==TachiyomiSY
### Migrating from Library
1. Tap into **Library**. 1. Tap into **Library**.
1. Tap **Overflow** → **Source migration**. 1. Tap **Overflow** → **Source migration**.
@ -75,7 +82,7 @@ Pin sources in Browse using the pin icon next to the source name.
> If a manga is not found, or is wrong you can manually search it by pressing **Overflow** → **Search manually**. > If a manga is not found, or is wrong you can manually search it by pressing **Overflow** → **Search manually**.
## Migrating from Source 2 ### Migrating from Source
1. Tap into Browse on the bottom navbar. 1. Tap into Browse on the bottom navbar.
1. Press the Migrate tab at the top next to Extensions. 1. Press the Migrate tab at the top next to Extensions.
@ -87,7 +94,8 @@ Pin sources in Browse using the pin icon next to the source name.
> If a manga is not found, or is wrong you can manually search it by pressing **Overflow** → **Search manually**. > If a manga is not found, or is wrong you can manually search it by pressing **Overflow** → **Search manually**.
## Instructions ==TachiyomiAZ
### Instructions
1. Tap into **Library**. 1. Tap into **Library**.
1. Tap **Overflow** → **Source migration**. 1. Tap **Overflow** → **Source migration**.
@ -97,3 +105,4 @@ Pin sources in Browse using the pin icon next to the source name.
1. Wait until all your **Manga** is found and hit the done at the top and you're done. 1. Wait until all your **Manga** is found and hit the done at the top and you're done.
> If a manga is not found, or is wrong you can manually search it by pressing **Overflow** → **Search manually**. > If a manga is not found, or is wrong you can manually search it by pressing **Overflow** → **Search manually**.
::::