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

Local guide icons (#373)

Browse Source
This commit is contained in:
Soitora 2020-10-01 14:00:40 +02:00 committed by GitHub
parent dc8a057497
commit ca2255712b
2 changed files with 60 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/.vuepress/styles/index.styl
View File

@ -134,25 +134,22 @@ body,
ul ul
position relative position relative
li li
font-weight bold
margin 0 margin 0
padding-left 1rem padding-left 1rem
&.file
font-weight normal
&::before &::before
&::after &::after
content "" content ""
left 0 left 0
position absolute position absolute
&::before &::before
border-top 1px solid #000000 border-top 1px solid #CCCCCC
height 0 height 0
top 0.7em top 0.7em
width 0.5em width 0.8em
&:last-child::after &:last-child::after
height 0.7em height 0.7em
&::after &::after
border-left 1px solid #000000 border-left 1px solid #CCCCCC
height 100% height 100%
top 0 top 0
width 0 width 0
@ -163,6 +160,30 @@ body,
& > li:first-child::before & > li:first-child::before
& > li:first-child::after & > li:first-child::after
content none content none
.ft-icon
position relative
display inline-block
vertical-align top
padding 0 0 0 1.5em
&:before
content ""
position absolute
top 0
left .25em
height 100%
width 1em
background no-repeat 50% 50%/contain
&.ft-
&folder
&:before
background-image url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 5v14h16V7h-8.414l-2-2H4zm8.414 0H21a1 1 0 011 1v14a1 1 0 01-1 1H3a1 1 0 01-1-1V4a1 1 0 011-1h7.414l2 2z' fill='rgba(71,101,130,1)'/%3E%3C/svg%3E")
&image
opacity 0.75
&:before
background-image url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4.828 21l-.02.02-.021-.02H2.992A.993.993 0 012 20.007V3.993A1 1 0 012.992 3h18.016c.548 0 .992.445.992.993v16.014a1 1 0 01-.992.993H4.828zM20 15V5H4v14L14 9l6 6zm0 2.828l-6-6L6.828 19H20v-1.172zM8 11a2 2 0 110-4 2 2 0 010 4z' fill='rgba(71,101,130,1)'/%3E%3C/svg%3E")
&zip
&:before
background-image url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M20 22H4a1 1 0 01-1-1V3a1 1 0 011-1h16a1 1 0 011 1v18a1 1 0 01-1 1zm-1-2V4H5v16h14zm-5-8v5h-4v-3h2v-2h2zm-2-8h2v2h-2V4zm-2 2h2v2h-2V6zm2 2h2v2h-2V8zm-2 2h2v2h-2v-2z' fill='rgba(71,101,130,1)'/%3E%3C/svg%3E")
.side-by-side .side-by-side
align-content middle align-content middle

52
src/help/guides/reading-local-manga.md
View File

@ -8,8 +8,9 @@ lang: en-US
Follow the steps below to create local manga. Follow the steps below to create local manga.
1. Create a folder named `local` in Tachiyomi folder, which is located in the phone's **internal storage** or **external SD card**. 1. Create a folder named `local` in the `/Tachiyomi/` folder.
1. Place manga inside `Tachiyomi/local` folder. > This is located in the phone's **internal storage** or **external SD card**.
1. Place correctly structured manga inside `/Tachiyomi/local/`.
1. You can then access the manga in <Navigation item="browse"/> → **Local source**. 1. You can then access the manga in <Navigation item="browse"/> → **Local source**.
If you add more chapters then you'll have to manually refresh the chapter list (by pulling down the list). If you add more chapters then you'll have to manually refresh the chapter list (by pulling down the list).
@ -24,31 +25,31 @@ Remember to give the app storage permissions on **Android 6** and newer.
Tachiyomi requires a specific folder structure for local manga to be correctly processed. Local manga will be read from the `Tachiyomi/local` folder. Each manga must have a `Manga` folder and a `Chapter` folder. Images will then go into the chapter folder. See below for more information on archive files. You can refer to the following example: Tachiyomi requires a specific folder structure for local manga to be correctly processed. Local manga will be read from the `Tachiyomi/local` folder. Each manga must have a `Manga` folder and a `Chapter` folder. Images will then go into the chapter folder. See below for more information on archive files. You can refer to the following example:
::: guide EXAMPLE ::: guide Example (Folder)
<div class="side-by-side"> <div class="side-by-side">
<ul class="file-tree"> <ul class="file-tree">
<li> <li>
/sdcard/Tachiyomi/local /sdcard/Tachiyomi/local
<ul> <ul>
<li> <li>
Manga Name <span class="ft-icon ft-folder">Manga title</span>
<ul> <ul>
<li> <li>
ch1 <span class="ft-icon ft-folder">ch1</span>
<ul> <ul>
<li class="file">images</li> <span class="ft-icon ft-image">images</span>
</ul> </ul>
</li> </li>
<li> <li>
ch2 <span class="ft-icon ft-folder">ch2</span>
<ul> <ul>
<li class="file">images</li> <span class="ft-icon ft-image">images</span>
</ul> </ul>
</li> </li>
<li class="file">cover.jpg</li> <span class="ft-icon ft-image">cover.jpg</span>
</ul> </ul>
</li> </li>
<li>&hellip;</li> <li>...</li>
</ul> </ul>
</li> </li>
</ul> </ul>
@ -57,23 +58,23 @@ Tachiyomi requires a specific folder structure for local manga to be correctly p
/storage/18F5-2C11/Tachiyomi/local /storage/18F5-2C11/Tachiyomi/local
<ul> <ul>
<li> <li>
Manga Name <span class="ft-icon ft-folder">Manga title</span>
<ul> <ul>
<li> <li>
ch3 <span class="ft-icon ft-folder">ch3</span>
<ul> <ul>
<li class="file">images</li> <span class="ft-icon ft-image">images</span>
</ul> </ul>
</li> </li>
<li> <li>
ch4 <span class="ft-icon ft-folder">ch4</span>
<ul> <ul>
<li class="file">images</li> <span class="ft-icon ft-image">images</span>
</ul> </ul>
</li> </li>
</ul> </ul>
</li> </li>
<li>&hellip;</li> <li>...</li>
</ul> </ul>
</li> </li>
</ul> </ul>
@ -92,38 +93,37 @@ The path to the folder with images must contain both the manga title and the cha
::: :::
## Archive Files ## Archive Files
Archive files such as `ZIP`/`CBZ` are supported but the folder structure inside is not. 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. All images inside the archive regardless of folder structure will become pages for that chapter. Archive files such as `ZIP`/`CBZ` are supported but the folder structure inside is not. 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. All images inside the archive regardless of folder structure will become pages for that chapter.
::: guide ZIP EXAMPLE ::: guide Example (ZIP)
<ul class="file-tree"> <ul class="file-tree">
<li> <li>
/sdcard/Tachiyomi/local /sdcard/Tachiyomi/local
<ul> <ul>
<li> <li>
Manga Name <span class="ft-icon ft-folder">Manga title</span>
<ul> <ul>
<li> <li>
ch1.zip <span class="ft-icon ft-zip">ch1.zip</span>
<ul> <ul>
<li class="file">images</li> <span class="ft-icon ft-image">images</span>
</ul> </ul>
</li> </li>
<li> <li>
ch2.zip <span class="ft-icon ft-zip">ch2.zip</span>
<ul> <ul>
<li> <li>
ch2 <span class="ft-icon ft-folder">ch2</span>
<ul> <ul>
<li class="file">images</li> <span class="ft-icon ft-image">images</span>
</ul> </ul>
</li> </li>
</ul> </ul>
</li> </li>
<li class="file">cover.jpg</li> <span class="ft-icon ft-image">cover.jpg</span>
</ul> </ul>
</li> </li>
<li>&hellip;</li> <li>...</li>
</ul> </ul>
</li> </li>
</ul> </ul>