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

Rename old containers for clarity (#374)

Browse Source
This commit is contained in:
Soitora 2020-10-02 14:54:25 +02:00 committed by GitHub
parent 1a93058426
commit f03c86831b
15 changed files with 64 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/.vuepress/components/ForkButtons.vue
View File

@ -97,7 +97,7 @@ export default {
border-radius $buttonBorderRadius border-radius $buttonBorderRadius
border-style none border-style none
color white color white
font-family $buttonFontFamily font-family $fontButton
font-size 1.125em font-size 1.125em
height 3rem height 3rem
margin 0.3125rem margin 0.3125rem

2
src/.vuepress/components/WhatsNew.vue
View File

@ -2,7 +2,7 @@
<div class="guide whatsNew"> <div class="guide whatsNew">
<p class="title"><MaterialIcon icon="new_releases" /> What's new</p> <p class="title"><MaterialIcon icon="new_releases" /> What's new</p>
<div v-html="whatsNew"></div> <div v-html="whatsNew"></div>
<div class="custom-block aside"> <div class="note">
<p> <p>
View the full release View the full release
<a href="https://github.com/inorichi/tachiyomi/releases/latest" target="_blank" rel="noopener">here</a> <a href="https://github.com/inorichi/tachiyomi/releases/latest" target="_blank" rel="noopener">here</a>

14
src/.vuepress/config/plugins.js
View File

@ -107,23 +107,25 @@ module.exports = [
[ [
"vuepress-plugin-container", "vuepress-plugin-container",
{ {
type: "guide-empty", type: "videolink",
before: "<div class='guide'>", before: "<div class='videolink'>",
after: "</div>", after: "</div>",
}, },
], ],
[ [
"vuepress-plugin-container", "vuepress-plugin-container",
{ {
type: "aside", type: "guide-empty",
defaultTitle: "", before: "<div class='guide g-empty'>",
after: "</div>",
}, },
], ],
[ [
"vuepress-plugin-container", "vuepress-plugin-container",
{ {
type: "aside-guide", type: "note",
defaultTitle: "", before: "<div class='note'><p>",
after: "</div></p>",
}, },
], ],
]; ];

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

@ -26,6 +26,17 @@ body,
background-color $backgroundColorSecondary background-color $backgroundColorSecondary
// Custom block containers // Custom block containers
.videolink
background-color transparent !important
border none !important
padding-left 0.25rem !important
font-size 0.9rem
text-align left
p
margin-top: 0
a,
.material-holder
color #4a7cf6
.custom-block .custom-block
padding-left 1.25rem padding-left 1.25rem
padding-right 1rem padding-right 1rem
@ -101,6 +112,11 @@ body,
a a
color $accentColorSecondary color $accentColorSecondary
.note
color rgba(0,0,0,.4)
font-size .9rem
text-align right
// Guide container // Guide container
.guide .guide
background-color $containerBackground background-color $containerBackground
@ -109,7 +125,7 @@ body,
padding 0.1rem 1.5rem padding 0.1rem 1.5rem
.title .title
font-weight bold font-weight bold
.aside-guide .videolink
margin-top -1rem margin-top -1rem
// Expander container // Expander container
@ -126,7 +142,7 @@ body,
// File tree // File tree
.file-tree .file-tree
font-family $codeFontFamily font-family $fontCode
font-size 0.85rem font-size 0.85rem
list-style none list-style none
padding 0 padding 0

4
src/.vuepress/styles/palette.styl
View File

@ -25,8 +25,8 @@ $MQNarrow = 959px
$MQMobile = 767px $MQMobile = 767px
$MQMobileNarrow = 419px $MQMobileNarrow = 419px
// Fonts // Fonts
$buttonFontFamily = "Open Sans", Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif $fontButton = "Open Sans", Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
$codeFontFamily = source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace $fontCode = source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace
// Custom blocks // Custom blocks
$customTip = #184cef $customTip = #184cef
$customWarning = #b29400 $customWarning = #b29400

2
src/.vuepress/theme/components/Home.vue
View File

@ -133,7 +133,7 @@ export default {
color #fff color #fff
cursor pointer cursor pointer
display inline-block display inline-block
font-family $buttonFontFamily font-family $fontButton
font-size 1.125rem font-size 1.125rem
margin 0.25rem margin 0.25rem
padding 0.8rem padding 0.8rem

2
src/extensions/README.md
View File

@ -10,7 +10,7 @@ Here is a list of all available extensions to download inside the app.
::: guide ::: guide
User [SnakeDoc83](https://github.com/snakedoc83) has made a handy spreadsheet showing the different multi-source extensions and their sources. User [SnakeDoc83](https://github.com/snakedoc83) has made a handy spreadsheet showing the different multi-source extensions and their sources.
::: aside ::: note
[Click here to access the spreadsheet](https://docs.google.com/spreadsheets/d/1TyJEUg78WWH4zgnf3g6M2lkbWpBWbd40FYiPVQhW8IU/edit#gid=0) [Click here to access the spreadsheet](https://docs.google.com/spreadsheets/d/1TyJEUg78WWH4zgnf3g6M2lkbWpBWbd40FYiPVQhW8IU/edit#gid=0)
::: :::

8
src/forks/README.md
View File

@ -10,7 +10,7 @@ sidebarDepth: 0
Forks are alternative versions of **Tachiyomi** with exclusive features. Forks are alternative versions of **Tachiyomi** with exclusive features.
## <img class="headerLogo" :src="$withBase('/assets/forks_logo-neko.png')"> [Neko](/forks/Neko) ## <img class="headerLogo" :src="$withBase('/assets/forks_logo-neko.png')"> [Neko](/forks/Neko)
::: aside-guide ::: videolink
Maintained by [CarlosEsco](https://github.com/CarlosEsco) Maintained by [CarlosEsco](https://github.com/CarlosEsco)
<br>Requires Android 7.0+ <br>Requires Android 7.0+
::: :::
@ -21,7 +21,7 @@ Some features include:
* Built in manga recommendations * Built in manga recommendations
## <img class="headerLogo" :src="$withBase('/assets/forks_logo-j2k.png')"> [TachiyomiJ2K](/forks/TachiyomiJ2K) ## <img class="headerLogo" :src="$withBase('/assets/forks_logo-j2k.png')"> [TachiyomiJ2K](/forks/TachiyomiJ2K)
::: aside-guide ::: videolink
Maintained by [Jays2Kings](https://github.com/Jays2Kings) Maintained by [Jays2Kings](https://github.com/Jays2Kings)
<br>Requires Android 6.0+ <br>Requires Android 6.0+
::: :::
@ -32,7 +32,7 @@ Some features include:
* Automatic background based on manga page * Automatic background based on manga page
## <img class="headerLogo" :src="$withBase('/assets/forks_logo-az.png')"> [TachiyomiAZ](/forks/TachiyomiAZ) ## <img class="headerLogo" :src="$withBase('/assets/forks_logo-az.png')"> [TachiyomiAZ](/forks/TachiyomiAZ)
::: aside-guide ::: videolink
Maintained by [az4521](https://github.com/az4521) Maintained by [az4521](https://github.com/az4521)
<br>Requires Android 5.0+ <br>Requires Android 5.0+
::: :::
@ -45,7 +45,7 @@ Some features include:
* Grid view corner rounding configuration * Grid view corner rounding configuration
## <img class="headerLogo" :src="$withBase('/assets/forks_logo-sy.png')"> [TachiyomiSY](/forks/TachiyomiSY) ## <img class="headerLogo" :src="$withBase('/assets/forks_logo-sy.png')"> [TachiyomiSY](/forks/TachiyomiSY)
::: aside-guide ::: videolink
Maintained by [Syer10](https://github.com/jobobby04) Maintained by [Syer10](https://github.com/jobobby04)
<br>Requires Android 5.0+ <br>Requires Android 5.0+
::: :::

2
src/forks/TachiyomiEH.md
View File

@ -28,7 +28,7 @@ At the moment, it is **deprecated** as the developer does not have time to maint
<img class="zoomable" :src="$withBase('/assets/forks_banner-eh.png')"/> <img class="zoomable" :src="$withBase('/assets/forks_banner-eh.png')"/>
## Features ## Features
::: aside-guide ::: videolink
For a full list of features, visit the GitHub page. For a full list of features, visit the GitHub page.
::: :::

2
src/forks/TachiyomiJ2K.md
View File

@ -26,7 +26,7 @@ This fork takes a new approach to the design of the base app along with several
<img class="zoomable" :src="$withBase('/assets/forks_banner-j2k.png')"/> <img class="zoomable" :src="$withBase('/assets/forks_banner-j2k.png')"/>
## Features ## Features
::: aside-guide ::: videolink
For a full list of features, visit the GitHub page. For a full list of features, visit the GitHub page.
::: :::

20
src/help/faq/README.md
View File

@ -61,7 +61,7 @@ Be aware that it could be a network issue on your device or on the catalog you a
#### Can you make it possible to store manga on both internal storage and external SD-card? #### Can you make it possible to store manga on both internal storage and external SD-card?
At the moment, no. You could try using symlinks but that requires having your phone rooted. At the moment, no. You could try using symlinks but that requires having your phone rooted.
::: aside ::: note
Read more about rooting your phone [here](https://www.xda-developers.com/root/) Read more about rooting your phone [here](https://www.xda-developers.com/root/)
::: :::
@ -71,7 +71,7 @@ To log in with Kitsu you need to use your email address as your username.
#### Why can't I find manga in MAL's search results? #### Why can't I find manga in MAL's search results?
You can search a manga from your MAL profile's list by searching in the following format: `my:<manga>` You can search a manga from your MAL profile's list by searching in the following format: `my:<manga>`
::: aside ::: note
Related GitHub issue: [#65](https://github.com/inorichi/tachiyomi/issues/65) Related GitHub issue: [#65](https://github.com/inorichi/tachiyomi/issues/65)
::: :::
@ -134,7 +134,7 @@ Tachiyomi by default adds a `.nomedia` file to prevent this from happening but s
#### I lost everything, what now? #### I lost everything, what now?
To avoid data loss in the future, you can use the automatic backup feature. To avoid data loss in the future, you can use the automatic backup feature.
::: aside ::: note
Learn how to create automatic backups [here](/help/guides/creating-backups/#turning-on-auto-backups/) Learn how to create automatic backups [here](/help/guides/creating-backups/#turning-on-auto-backups/)
::: :::
@ -159,14 +159,14 @@ Some extensions contain multiple sources, look at the list below to find out whi
::: guide ::: guide
User [SnakeDoc83](https://github.com/snakedoc83) has made a handy spreadsheet showing the different multi-source extensions and their sources. User [SnakeDoc83](https://github.com/snakedoc83) has made a handy spreadsheet showing the different multi-source extensions and their sources.
::: aside ::: note
Access the spreadsheet [here](https://docs.google.com/spreadsheets/d/1TyJEUg78WWH4zgnf3g6M2lkbWpBWbd40FYiPVQhW8IU/edit#gid=0) Access the spreadsheet [here](https://docs.google.com/spreadsheets/d/1TyJEUg78WWH4zgnf3g6M2lkbWpBWbd40FYiPVQhW8IU/edit#gid=0)
::: :::
#### How do I request a new extension? #### How do I request a new extension?
Open an issue [on GitHub](https://github.com/inorichi/tachiyomi-extensions/issues) if one does not already exist. Open an issue [on GitHub](https://github.com/inorichi/tachiyomi-extensions/issues) if one does not already exist.
::: aside ::: note
You can find the list of extensions to download [here](/extensions/) You can find the list of extensions to download [here](/extensions/)
::: :::
@ -178,7 +178,7 @@ To install just download the file for the extension you want and then install it
#### How do I allow third-party installations? #### How do I allow third-party installations?
::::: el-tabs ::::: el-tabs
:::: el-tab-pane label="Android 8.0 and higher" :::: el-tab-pane label="Android 8.0 and higher"
::: aside-guide ::: videolink
[<MaterialIcon icon="videocam"/> Click for Android 8.0 and newer video guide](/help/faq/assets/UnknownSources-Android10.webm) [<MaterialIcon icon="videocam"/> Click for Android 8.0 and newer video guide](/help/faq/assets/UnknownSources-Android10.webm)
::: :::
When installing your first extension and are prompted that your phone *isn't allowed* to install unknown apps from that source, simply follow the prompt to allow it. When installing your first extension and are prompted that your phone *isn't allowed* to install unknown apps from that source, simply follow the prompt to allow it.
@ -186,7 +186,7 @@ When installing your first extension and are prompted that your phone *isn't all
In *newer* versions of **Android** you need to enable **Install unknown apps** by a per-app basis. In *newer* versions of **Android** you need to enable **Install unknown apps** by a per-app basis.
:::: ::::
:::: el-tab-pane label="Android 7.1 and lower" :::: el-tab-pane label="Android 7.1 and lower"
::: aside-guide ::: videolink
[<MaterialIcon icon="videocam"/> Click for Android 7.1 and older video guide](/help/faq/assets/UnknownSources-Android7.webm) [<MaterialIcon icon="videocam"/> Click for Android 7.1 and older video guide](/help/faq/assets/UnknownSources-Android7.webm)
::: :::
When installing your first extension and are prompted that your phone *isn't allowed* to install unknown apps from that source, simply follow the prompt to allow it. When installing your first extension and are prompted that your phone *isn't allowed* to install unknown apps from that source, simply follow the prompt to allow it.
@ -195,7 +195,7 @@ In *older* versions of **Android** you only need to enable **Unknown sources** g
:::: ::::
::::: :::::
::: aside ::: note
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/) 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/)
::: :::
@ -232,7 +232,7 @@ It might be because the title is worded differently. Follow any of the steps bel
### MangaDex ### MangaDex
#### Why are there no results when searching? #### Why are there no results when searching?
::: aside-guide ::: videolink
[<MaterialIcon icon="videocam"/> Click for video guide](/help/faq/assets/MangaDex-NoResults.mp4) [<MaterialIcon icon="videocam"/> Click for video guide](/help/faq/assets/MangaDex-NoResults.mp4)
::: :::
@ -265,7 +265,7 @@ This can be solved by opening **MangaDex** in <Navigation item="webview"/> and b
#### How do I fix chapters from Mangaplus being broken? #### How do I fix chapters from Mangaplus being broken?
Install the **MANGA Plus by SHUEISHA** extension instead and then migrate the manga that uses **MANGA Plus** on **MangaDex** onto the **MANGA Plus** source. Install the **MANGA Plus by SHUEISHA** extension instead and then migrate the manga that uses **MANGA Plus** on **MangaDex** onto the **MANGA Plus** source.
::: aside ::: note
Read about source migration [here](/help/guides/source-migration/) Read about source migration [here](/help/guides/source-migration/)
::: :::

4
src/help/guides/categories.md
View File

@ -51,7 +51,7 @@ To delete a category, follow the steps below.
## Add manga to category ## Add manga to category
::: aside-guide ::: videolink
[<MaterialIcon icon="videocam"/> Click for video guide](/help/guides/categories/assets/Category-AddTo.webm) [<MaterialIcon icon="videocam"/> Click for video guide](/help/guides/categories/assets/Category-AddTo.webm)
::: :::
@ -66,7 +66,7 @@ To add manga to a category, follow the steps below.
## Remove manga from category ## Remove manga from category
::: aside-guide ::: videolink
[<MaterialIcon icon="videocam"/> Click for video guide](/help/guides/categories/assets/Category-RemoveFrom.webm) [<MaterialIcon icon="videocam"/> Click for video guide](/help/guides/categories/assets/Category-RemoveFrom.webm)
::: :::

6
src/help/guides/getting-started.md
View File

@ -13,7 +13,7 @@ When you've completed the download, open the <VersionTag fileName/> file and pro
## Installing an extension ## Installing an extension
::: aside-guide ::: videolink
[<MaterialIcon icon="videocam"/> Click for video guide](/help/guides/getting-started/assets/Extension-Install.mp4) [<MaterialIcon icon="videocam"/> Click for video guide](/help/guides/getting-started/assets/Extension-Install.mp4)
::: :::
@ -27,7 +27,7 @@ You *might* need to give **Tachiyomi** the permission to *install unknown apps*,
## Adding manga to your library ## Adding manga to your library
::: aside-guide ::: videolink
[<MaterialIcon icon="videocam"/> Click for video guide](/help/guides/getting-started/assets/Library-Add.mp4) [<MaterialIcon icon="videocam"/> Click for video guide](/help/guides/getting-started/assets/Library-Add.mp4)
::: :::
@ -48,7 +48,7 @@ Check your spelling and try again, there's also the chance that your used source
> For example **Bungo Stray Dogs** instead of **Bungou Stray Dogs**. > For example **Bungo Stray Dogs** instead of **Bungou Stray Dogs**.
* Some sources use different wordings * Some sources use different wordings
> For example **3-gatsu no Lion** instead of **Sangatsu no Lion**. > For example **3-gatsu no Lion** instead of **Sangatsu no Lion**.
::: aside ::: note
Find more potential answers to your questions [here](/help/faq/#why-can-t-i-find-x-manga). Find more potential answers to your questions [here](/help/faq/#why-can-t-i-find-x-manga).
::: :::
:::: ::::

14
src/help/guides/source-migration.md
View File

@ -15,7 +15,7 @@ Always make sure to have a [backup](/help/guides/creating-backups/) in case anyt
## Migrating on Stable/Preview ## Migrating on Stable/Preview
:::: guide Migrating from Manga :::: guide Migrating from Manga
::: aside-guide ::: videolink
[<MaterialIcon icon="videocam"/> Click for video guide](/help/guides/source-migration/assets/Migrate-Preview-Manga.mp4) [<MaterialIcon icon="videocam"/> Click for video guide](/help/guides/source-migration/assets/Migrate-Preview-Manga.mp4)
::: :::
@ -27,7 +27,7 @@ Always make sure to have a [backup](/help/guides/creating-backups/) in case anyt
:::: ::::
:::: guide Migrating from Source :::: guide Migrating from Source
::: aside-guide ::: videolink
[<MaterialIcon icon="videocam"/> Click for video guide](/help/guides/source-migration/assets/Migrate-Preview-Source.mp4) [<MaterialIcon icon="videocam"/> Click for video guide](/help/guides/source-migration/assets/Migrate-Preview-Source.mp4)
::: :::
@ -49,7 +49,7 @@ Pin sources in <Navigation item="browse"/> using the <MaterialIcon icon="push_pi
## Migrating on TachiyomiJ2K ## Migrating on TachiyomiJ2K
:::: guide Migrating multiple manga :::: guide Migrating multiple manga
::: aside-guide ::: videolink
[<MaterialIcon icon="videocam"/> Click for video guide](/help/guides/source-migration/assets/Migrate-J2K.mp4) [<MaterialIcon icon="videocam"/> Click for video guide](/help/guides/source-migration/assets/Migrate-J2K.mp4)
::: :::
@ -62,7 +62,7 @@ Pin sources in <Navigation item="browse"/> using the <MaterialIcon icon="push_pi
:::: ::::
:::: guide Migrating a single manga :::: guide Migrating a single manga
::: aside-guide ::: videolink
[<MaterialIcon icon="videocam"/> Click for video guide](/help/guides/source-migration/assets/Migrate-J2K-Single.mp4) [<MaterialIcon icon="videocam"/> Click for video guide](/help/guides/source-migration/assets/Migrate-J2K-Single.mp4)
::: :::
@ -76,7 +76,7 @@ Pin sources in <Navigation item="browse"/> using the <MaterialIcon icon="push_pi
## Migrating on TachiyomiAZ ## Migrating on TachiyomiAZ
:::: guide Instructions :::: guide Instructions
::: aside-guide ::: videolink
[<MaterialIcon icon="videocam"/> Click for video guide](/help/guides/source-migration/assets/Migrate-AZ.mp4) [<MaterialIcon icon="videocam"/> Click for video guide](/help/guides/source-migration/assets/Migrate-AZ.mp4)
::: :::
@ -92,7 +92,7 @@ Pin sources in <Navigation item="browse"/> using the <MaterialIcon icon="push_pi
## Migrating on TachiyomiSY ## Migrating on TachiyomiSY
:::: guide Migrating from Library :::: guide Migrating from Library
::: aside-guide ::: videolink
[<MaterialIcon icon="videocam"/> Click for video guide](/help/guides/source-migration/assets/Migrate-SY-Library.mp4) [<MaterialIcon icon="videocam"/> Click for video guide](/help/guides/source-migration/assets/Migrate-SY-Library.mp4)
::: :::
@ -106,7 +106,7 @@ Pin sources in <Navigation item="browse"/> using the <MaterialIcon icon="push_pi
:::: ::::
:::: guide Migrating from Source :::: guide Migrating from Source
::: aside-guide ::: videolink
[<MaterialIcon icon="videocam"/> Click for video guide](/help/guides/source-migration/assets/Migrate-SY-Source.mp4) [<MaterialIcon icon="videocam"/> Click for video guide](/help/guides/source-migration/assets/Migrate-SY-Source.mp4)
::: :::

8
src/sandbox/style-guide.md
View File

@ -36,7 +36,7 @@ Some **DO**s and **DO NOT**s for [FAQ](../help/faq/README.md).
> ::: > :::
- **DO** include video guides as a text under the header: - **DO** include video guides as a text under the header:
> ::: aside-guide > ::: videolink
> [<MaterialIcon icon-name="videocam"/> Click for video guide](/help/faq/assets/MangaDex-NoResults.mp4) > [<MaterialIcon icon-name="videocam"/> Click for video guide](/help/faq/assets/MangaDex-NoResults.mp4)
> ::: > :::
@ -106,18 +106,18 @@ Some **DO**s and **DO NOT**s for [FAQ](../help/faq/README.md).
> <el-alert type="info" title="Disclaimer" description="Tachiyomi is not hosting any content, we are not affiliated with or responsible for any source that is; slow, down, missing chapters, or has subpar image quality." show-icon :closable="false"></el-alert> > <el-alert type="info" title="Disclaimer" description="Tachiyomi is not hosting any content, we are not affiliated with or responsible for any source that is; slow, down, missing chapters, or has subpar image quality." show-icon :closable="false"></el-alert>
> <el-alert type="warning" title="Warning!" description="This feature requires you to be on Android 7 or above." show-icon :closable="false"></el-alert> > <el-alert type="warning" title="Warning!" description="This feature requires you to be on Android 7 or above." show-icon :closable="false"></el-alert>
> <el-alert type="error" title="Attention!" description="Make sure you have created a backup before following these instructions!" show-icon :closable="false"></el-alert> > <el-alert type="error" title="Attention!" description="Make sure you have created a backup before following these instructions!" show-icon :closable="false"></el-alert>
> ::: aside > ::: note
> More alerts can be found on the [Element-UI](element-ui.md#alert) page. > More alerts can be found on the [Element-UI](element-ui.md#alert) page.
> ::: > :::
- **DO** include related info as an aside object: - **DO** include related info as an aside object:
> **Lorem ipsum** dolor sit amet, _consectetur_ adipiscing **elit**. > **Lorem ipsum** dolor sit amet, _consectetur_ adipiscing **elit**.
> ::: aside > ::: note
> Related GitHub issue: [#65](https://github.com/inorichi/tachiyomi/issues/65) > Related GitHub issue: [#65](https://github.com/inorichi/tachiyomi/issues/65)
> ::: > :::
> **Pellentesque** _habitant_ morbi tristique **senectus** et netus. > **Pellentesque** _habitant_ morbi tristique **senectus** et netus.
> ::: aside > ::: note
> Learn how to create automatic backups [here](/help/guides/creating-backups/#turning-on-auto-backups/) > Learn how to create automatic backups [here](/help/guides/creating-backups/#turning-on-auto-backups/)
> ::: > :::