From ca2255712b571767e5e3b3547728d87bd04901d2 Mon Sep 17 00:00:00 2001 From: Soitora Date: Thu, 1 Oct 2020 14:00:40 +0200 Subject: [PATCH] Local guide icons (#373) --- src/.vuepress/styles/index.styl | 33 ++++++++++--- src/help/guides/reading-local-manga.md | 66 +++++++++++++------------- 2 files changed, 60 insertions(+), 39 deletions(-) diff --git a/src/.vuepress/styles/index.styl b/src/.vuepress/styles/index.styl index 541f8bbe..a3b55105 100644 --- a/src/.vuepress/styles/index.styl +++ b/src/.vuepress/styles/index.styl @@ -134,25 +134,22 @@ body, ul position relative li - font-weight bold margin 0 padding-left 1rem - &.file - font-weight normal &::before &::after content "" left 0 position absolute &::before - border-top 1px solid #000000 + border-top 1px solid #CCCCCC height 0 top 0.7em - width 0.5em + width 0.8em &:last-child::after height 0.7em &::after - border-left 1px solid #000000 + border-left 1px solid #CCCCCC height 100% top 0 width 0 @@ -163,6 +160,30 @@ body, & > li:first-child::before & > li:first-child::after 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 align-content middle diff --git a/src/help/guides/reading-local-manga.md b/src/help/guides/reading-local-manga.md index 95a00204..dc2fb78d 100644 --- a/src/help/guides/reading-local-manga.md +++ b/src/help/guides/reading-local-manga.md @@ -8,8 +8,9 @@ lang: en-US 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. Place manga inside `Tachiyomi/local` folder. +1. Create a folder named `local` in the `/Tachiyomi/` 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 → **Local source**. 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: -::: guide EXAMPLE +::: guide Example (Folder)
  • /sdcard/Tachiyomi/local
    • - Manga Name + Manga title
      • - ch1 + ch1
          -
        • images
          • + images
      • - ch2 + ch2
          -
        • images
          • + images
        • -
      • cover.jpg
        • + cover.jpg
      • -
    • …
      • +
    • ...
@@ -57,23 +58,23 @@ Tachiyomi requires a specific folder structure for local manga to be correctly p /storage/18F5-2C11/Tachiyomi/local
  • - Manga Name + Manga title
    • - ch3 + ch3
        -
      • images
        • + images
    • - ch4 + ch4
        -
      • images
        • + images
    • -
  • …
    • +
  • ...
@@ -92,38 +93,37 @@ The path to the folder with images must contain both the manga title and the cha ::: ## 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. -::: guide ZIP EXAMPLE +::: guide Example (ZIP)
  • /sdcard/Tachiyomi/local
    • - Manga Name + Manga title
      • - ch1.zip + ch1.zip
          -
        • images
          • + images
      • - ch2.zip + ch2.zip
        • - ch2 + ch2
            -
          • images
            • + images
        • -
      • cover.jpg
        • + cover.jpg
      • -
    • …
      • +
    • ...
@@ -141,13 +141,13 @@ To import details along with your local manga, you have to create a json file. I You can copy the following example and edit the details as needed: ``` json { -"title": "Example Title", -"author": "Example Author", -"artist": "Example Artist", -"description": "Example Description", -"genre": ["genre 1", "genre 2", "etc"], -"status": "0", -"_status values": ["0 = Unknown", "1 = Ongoing", "2 = Completed", "3 = Licensed"] + "title": "Example Title", + "author": "Example Author", + "artist": "Example Artist", + "description": "Example Description", + "genre": ["genre 1", "genre 2", "etc"], + "status": "0", + "_status values": ["0 = Unknown", "1 = Ongoing", "2 = Completed", "3 = Licensed"] } ```