mirror of
https://github.com/tachiyomiorg/website.git
synced 2024-11-01 07:25:06 +01:00
Rename old containers for clarity (#374)
This commit is contained in:
Soitora
GitHub
parent
1a93058426
commit
f03c86831b
@ -97,7 +97,7 @@ export default {
|
||||
border-radius $buttonBorderRadius
|
||||
border-style none
|
||||
color white
|
||||
font-family $buttonFontFamily
|
||||
font-family $fontButton
|
||||
font-size 1.125em
|
||||
height 3rem
|
||||
margin 0.3125rem
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<div class="guide whatsNew">
|
||||
<p class="title"><MaterialIcon icon="new_releases" /> What's new</p>
|
||||
<div v-html="whatsNew"></div>
|
||||
<div class="custom-block aside">
|
||||
<div class="note">
|
||||
<p>
|
||||
View the full release
|
||||
<a href="https://github.com/inorichi/tachiyomi/releases/latest" target="_blank" rel="noopener">here</a>
|
||||
|
||||
@ -107,23 +107,25 @@ module.exports = [
|
||||
[
|
||||
"vuepress-plugin-container",
|
||||
{
|
||||
type: "guide-empty",
|
||||
before: "<div class='guide'>",
|
||||
type: "videolink",
|
||||
before: "<div class='videolink'>",
|
||||
after: "</div>",
|
||||
},
|
||||
],
|
||||
[
|
||||
"vuepress-plugin-container",
|
||||
{
|
||||
type: "aside",
|
||||
defaultTitle: "",
|
||||
type: "guide-empty",
|
||||
before: "<div class='guide g-empty'>",
|
||||
after: "</div>",
|
||||
},
|
||||
],
|
||||
[
|
||||
"vuepress-plugin-container",
|
||||
{
|
||||
type: "aside-guide",
|
||||
defaultTitle: "",
|
||||
type: "note",
|
||||
before: "<div class='note'><p>",
|
||||
after: "</div></p>",
|
||||
},
|
||||
],
|
||||
];
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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)
|
||||
:::
|
||||
|
||||
|
||||
@ -10,7 +10,7 @@ sidebarDepth: 0
|
||||
Forks are alternative versions of **Tachiyomi** with exclusive features.
|
||||
|
||||
## <img class="headerLogo" :src="$withBase('/assets/forks_logo-neko.png')"> [Neko](/forks/Neko)
|
||||
::: aside-guide
|
||||
::: videolink
|
||||
Maintained by [CarlosEsco](https://github.com/CarlosEsco)
|
||||
<br>Requires Android 7.0+
|
||||
:::
|
||||
@ -21,7 +21,7 @@ Some features include:
|
||||
* Built in manga recommendations
|
||||
|
||||
## <img class="headerLogo" :src="$withBase('/assets/forks_logo-j2k.png')"> [TachiyomiJ2K](/forks/TachiyomiJ2K)
|
||||
::: aside-guide
|
||||
::: videolink
|
||||
Maintained by [Jays2Kings](https://github.com/Jays2Kings)
|
||||
<br>Requires Android 6.0+
|
||||
:::
|
||||
@ -32,7 +32,7 @@ Some features include:
|
||||
* Automatic background based on manga page
|
||||
|
||||
## <img class="headerLogo" :src="$withBase('/assets/forks_logo-az.png')"> [TachiyomiAZ](/forks/TachiyomiAZ)
|
||||
::: aside-guide
|
||||
::: videolink
|
||||
Maintained by [az4521](https://github.com/az4521)
|
||||
<br>Requires Android 5.0+
|
||||
:::
|
||||
@ -45,7 +45,7 @@ Some features include:
|
||||
* Grid view corner rounding configuration
|
||||
|
||||
## <img class="headerLogo" :src="$withBase('/assets/forks_logo-sy.png')"> [TachiyomiSY](/forks/TachiyomiSY)
|
||||
::: aside-guide
|
||||
::: videolink
|
||||
Maintained by [Syer10](https://github.com/jobobby04)
|
||||
<br>Requires Android 5.0+
|
||||
:::
|
||||
|
||||
@ -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')"/>
|
||||
|
||||
## Features
|
||||
::: aside-guide
|
||||
::: videolink
|
||||
For a full list of features, visit the GitHub page.
|
||||
:::
|
||||
|
||||
|
||||
@ -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')"/>
|
||||
|
||||
## Features
|
||||
::: aside-guide
|
||||
::: videolink
|
||||
For a full list of features, visit the GitHub page.
|
||||
:::
|
||||
|
||||
|
||||
@ -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:<manga>`
|
||||
::: 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
|
||||
[<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.
|
||||
@ -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
|
||||
[<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.
|
||||
@ -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
|
||||
[<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?
|
||||
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/)
|
||||
:::
|
||||
|
||||
|
||||
@ -51,7 +51,7 @@ To delete a category, follow the steps below.
|
||||
|
||||
## Add manga to category
|
||||
|
||||
::: aside-guide
|
||||
::: videolink
|
||||
[<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
|
||||
|
||||
::: aside-guide
|
||||
::: videolink
|
||||
[<MaterialIcon icon="videocam"/> Click for video guide](/help/guides/categories/assets/Category-RemoveFrom.webm)
|
||||
:::
|
||||
|
||||
|
||||
@ -13,7 +13,7 @@ When you've completed the download, open the <VersionTag fileName/> file and pro
|
||||
|
||||
## Installing an extension
|
||||
|
||||
::: aside-guide
|
||||
::: videolink
|
||||
[<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
|
||||
|
||||
::: aside-guide
|
||||
::: videolink
|
||||
[<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**.
|
||||
* 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).
|
||||
:::
|
||||
::::
|
||||
|
||||
@ -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
|
||||
[<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
|
||||
::: aside-guide
|
||||
::: videolink
|
||||
[<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
|
||||
|
||||
:::: guide Migrating multiple manga
|
||||
::: aside-guide
|
||||
::: videolink
|
||||
[<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
|
||||
::: aside-guide
|
||||
::: videolink
|
||||
[<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
|
||||
|
||||
:::: guide Instructions
|
||||
::: aside-guide
|
||||
::: videolink
|
||||
[<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
|
||||
|
||||
:::: guide Migrating from Library
|
||||
::: aside-guide
|
||||
::: videolink
|
||||
[<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
|
||||
::: aside-guide
|
||||
::: videolink
|
||||
[<MaterialIcon icon="videocam"/> Click for video guide](/help/guides/source-migration/assets/Migrate-SY-Source.mp4)
|
||||
:::
|
||||
|
||||
|
||||
@ -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
|
||||
> [<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="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>
|
||||
> ::: 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/)
|
||||
> :::
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user