",
+ type: "videolink",
+ before: "
",
after: "
",
},
],
[
"vuepress-plugin-container",
{
- type: "aside",
- defaultTitle: "",
+ type: "guide-empty",
+ before: "
",
+ after: "
",
},
],
[
"vuepress-plugin-container",
{
- type: "aside-guide",
- defaultTitle: "",
+ type: "note",
+ before: "
",
},
],
];
diff --git a/src/.vuepress/styles/index.styl b/src/.vuepress/styles/index.styl
index a3b55105..bc5111b0 100644
--- a/src/.vuepress/styles/index.styl
+++ b/src/.vuepress/styles/index.styl
@@ -26,6 +26,17 @@ body,
background-color $backgroundColorSecondary
// 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
padding-left 1.25rem
padding-right 1rem
@@ -101,6 +112,11 @@ body,
a
color $accentColorSecondary
+.note
+ color rgba(0,0,0,.4)
+ font-size .9rem
+ text-align right
+
// Guide container
.guide
background-color $containerBackground
@@ -109,7 +125,7 @@ body,
padding 0.1rem 1.5rem
.title
font-weight bold
- .aside-guide
+ .videolink
margin-top -1rem
// Expander container
@@ -126,7 +142,7 @@ body,
// File tree
.file-tree
- font-family $codeFontFamily
+ font-family $fontCode
font-size 0.85rem
list-style none
padding 0
diff --git a/src/.vuepress/styles/palette.styl b/src/.vuepress/styles/palette.styl
index 1ccab5b1..6436aa75 100644
--- a/src/.vuepress/styles/palette.styl
+++ b/src/.vuepress/styles/palette.styl
@@ -25,8 +25,8 @@ $MQNarrow = 959px
$MQMobile = 767px
$MQMobileNarrow = 419px
// Fonts
-$buttonFontFamily = "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
+$fontButton = "Open Sans", Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
+$fontCode = source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace
// Custom blocks
$customTip = #184cef
$customWarning = #b29400
diff --git a/src/.vuepress/theme/components/Home.vue b/src/.vuepress/theme/components/Home.vue
index c2811b03..b6296698 100644
--- a/src/.vuepress/theme/components/Home.vue
+++ b/src/.vuepress/theme/components/Home.vue
@@ -133,7 +133,7 @@ export default {
color #fff
cursor pointer
display inline-block
- font-family $buttonFontFamily
+ font-family $fontButton
font-size 1.125rem
margin 0.25rem
padding 0.8rem
diff --git a/src/extensions/README.md b/src/extensions/README.md
index 6e87651e..a6330f37 100644
--- a/src/extensions/README.md
+++ b/src/extensions/README.md
@@ -10,7 +10,7 @@ Here is a list of all available extensions to download inside the app.
::: guide
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)
:::
diff --git a/src/forks/README.md b/src/forks/README.md
index 62e5cd41..430e5de2 100644
--- a/src/forks/README.md
+++ b/src/forks/README.md
@@ -10,7 +10,7 @@ sidebarDepth: 0
Forks are alternative versions of **Tachiyomi** with exclusive features.
## [Neko](/forks/Neko)
-::: aside-guide
+::: videolink
Maintained by [CarlosEsco](https://github.com/CarlosEsco)
Requires Android 7.0+
:::
@@ -21,7 +21,7 @@ Some features include:
* Built in manga recommendations
## [TachiyomiJ2K](/forks/TachiyomiJ2K)
-::: aside-guide
+::: videolink
Maintained by [Jays2Kings](https://github.com/Jays2Kings)
Requires Android 6.0+
:::
@@ -32,7 +32,7 @@ Some features include:
* Automatic background based on manga page
## [TachiyomiAZ](/forks/TachiyomiAZ)
-::: aside-guide
+::: videolink
Maintained by [az4521](https://github.com/az4521)
Requires Android 5.0+
:::
@@ -45,7 +45,7 @@ Some features include:
* Grid view corner rounding configuration
## [TachiyomiSY](/forks/TachiyomiSY)
-::: aside-guide
+::: videolink
Maintained by [Syer10](https://github.com/jobobby04)
Requires Android 5.0+
:::
diff --git a/src/forks/TachiyomiEH.md b/src/forks/TachiyomiEH.md
index a631ebb3..f8713501 100644
--- a/src/forks/TachiyomiEH.md
+++ b/src/forks/TachiyomiEH.md
@@ -28,7 +28,7 @@ At the moment, it is **deprecated** as the developer does not have time to maint
## Features
-::: aside-guide
+::: videolink
For a full list of features, visit the GitHub page.
:::
diff --git a/src/forks/TachiyomiJ2K.md b/src/forks/TachiyomiJ2K.md
index 058b8be7..836c2eda 100644
--- a/src/forks/TachiyomiJ2K.md
+++ b/src/forks/TachiyomiJ2K.md
@@ -26,7 +26,7 @@ This fork takes a new approach to the design of the base app along with several
## Features
-::: aside-guide
+::: videolink
For a full list of features, visit the GitHub page.
:::
diff --git a/src/help/faq/README.md b/src/help/faq/README.md
index fc3d3197..29afab17 100644
--- a/src/help/faq/README.md
+++ b/src/help/faq/README.md
@@ -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?
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/)
:::
@@ -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?
You can search a manga from your MAL profile's list by searching in the following format: `my:
`
-::: aside
+::: note
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?
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/)
:::
@@ -159,14 +159,14 @@ Some extensions contain multiple sources, look at the list below to find out whi
::: guide
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)
:::
#### 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.
-::: aside
+::: note
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?
::::: el-tabs
:::: el-tab-pane label="Android 8.0 and higher"
-::: aside-guide
+::: videolink
[ 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.
@@ -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.
::::
:::: el-tab-pane label="Android 7.1 and lower"
-::: aside-guide
+::: videolink
[ 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.
@@ -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/)
:::
@@ -232,7 +232,7 @@ It might be because the title is worded differently. Follow any of the steps bel
### MangaDex
#### Why are there no results when searching?
-::: aside-guide
+::: videolink
[ Click for video guide](/help/faq/assets/MangaDex-NoResults.mp4)
:::
@@ -265,7 +265,7 @@ This can be solved by opening **MangaDex** in and b
#### 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.
-::: aside
+::: note
Read about source migration [here](/help/guides/source-migration/)
:::
diff --git a/src/help/guides/categories.md b/src/help/guides/categories.md
index d551d259..0df5a664 100644
--- a/src/help/guides/categories.md
+++ b/src/help/guides/categories.md
@@ -51,7 +51,7 @@ To delete a category, follow the steps below.
## Add manga to category
-::: aside-guide
+::: videolink
[ 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
-::: aside-guide
+::: videolink
[ Click for video guide](/help/guides/categories/assets/Category-RemoveFrom.webm)
:::
diff --git a/src/help/guides/getting-started.md b/src/help/guides/getting-started.md
index 2f655fe6..82b753e7 100644
--- a/src/help/guides/getting-started.md
+++ b/src/help/guides/getting-started.md
@@ -13,7 +13,7 @@ When you've completed the download, open the file and pro
## Installing an extension
-::: aside-guide
+::: videolink
[ 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
-::: aside-guide
+::: videolink
[ 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**.
* Some sources use different wordings
> 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).
:::
::::
diff --git a/src/help/guides/source-migration.md b/src/help/guides/source-migration.md
index 1e3eb701..0125a879 100644
--- a/src/help/guides/source-migration.md
+++ b/src/help/guides/source-migration.md
@@ -15,7 +15,7 @@ Always make sure to have a [backup](/help/guides/creating-backups/) in case anyt
## Migrating on Stable/Preview
:::: guide Migrating from Manga
-::: aside-guide
+::: videolink
[ 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
-::: aside-guide
+::: videolink
[ Click for video guide](/help/guides/source-migration/assets/Migrate-Preview-Source.mp4)
:::
@@ -49,7 +49,7 @@ Pin sources in using the Click for video guide](/help/guides/source-migration/assets/Migrate-J2K.mp4)
:::
@@ -62,7 +62,7 @@ Pin sources in using the Click for video guide](/help/guides/source-migration/assets/Migrate-J2K-Single.mp4)
:::
@@ -76,7 +76,7 @@ Pin sources in using the Click for video guide](/help/guides/source-migration/assets/Migrate-AZ.mp4)
:::
@@ -92,7 +92,7 @@ Pin sources in using the Click for video guide](/help/guides/source-migration/assets/Migrate-SY-Library.mp4)
:::
@@ -106,7 +106,7 @@ Pin sources in using the Click for video guide](/help/guides/source-migration/assets/Migrate-SY-Source.mp4)
:::
diff --git a/src/sandbox/style-guide.md b/src/sandbox/style-guide.md
index 4503c092..f5d50666 100644
--- a/src/sandbox/style-guide.md
+++ b/src/sandbox/style-guide.md
@@ -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:
-> ::: aside-guide
+> ::: videolink
> [ 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).
>
>
>
-> ::: aside
+> ::: note
> More alerts can be found on the [Element-UI](element-ui.md#alert) page.
> :::
- **DO** include related info as an aside object:
> **Lorem ipsum** dolor sit amet, _consectetur_ adipiscing **elit**.
-> ::: aside
+> ::: note
> Related GitHub issue: [#65](https://github.com/inorichi/tachiyomi/issues/65)
> :::
> **Pellentesque** _habitant_ morbi tristique **senectus** et netus.
-> ::: aside
+> ::: note
> Learn how to create automatic backups [here](/help/guides/creating-backups/#turning-on-auto-backups/)
> :::