Reword/Enhance all of FAQ (#70)

* Reword/Enhance all of FAQ

* Adressing final changes

* Fixed indentations
* Removed Google link
* Fixed newline with video tag
* Remove warning about 64-bit Java
* Remove "help us expand" tip

Extra thanks to: @Flat

src/.vuepress/components/MDI-Glasses.vue

@@ -0,0 +1,12 @@
+<template>
+<svg class="material-icons mdi-glasses" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M2.997 10a.769.769 0 0 0-.59.245.768.768 0 0 0-.17.615l.498 2.992c.08.63.667 1.148 1.262 1.148h3c.638 0 1.36-.563 1.515-1.183l1.05-3.191a.544.544 0 0 0-.083-.44c-.093-.12-.264-.186-.482-.186h-6zm4 7h-3c-1.617 0-3.04-1.257-3.24-2.86l-.498-2.992c-.107-.845.132-1.642.649-2.227A2.78 2.78 0 0 1 2.997 8h6c.835 0 1.585.348 2.059.955.119.152.217.318.296.492.425-.09.866-.09 1.292 0 .078-.175.176-.34.295-.492.474-.607 1.224-.955 2.058-.955h6c.812 0 1.572.336 2.09.921a2.78 2.78 0 0 1 .654 2.188l-.51 3.071c-.195 1.564-1.618 2.82-3.233 2.82h-3c-1.562 0-3.079-1.186-3.456-2.699l-.899-2.714a1.11 1.11 0 0 0-1.294.001l-.917 2.785C10.074 15.815 8.556 17 6.997 17zm8-7c-.217 0-.388.066-.481.185-.094.12-.116.302-.064.513l1.01 3.048c.175.691.897 1.254 1.536 1.254h3c.595 0 1.181-.518 1.255-1.108l.51-3.071a.752.752 0 0 0-.176-.576.77.77 0 0 0-.59-.245h-6z"/></svg>
+</template>
+
+<style scoped>
+.mdi-glasses {
+	fill: #476582;
+	-webkit-transform: translateY(15%) !important;
+	-ms-transform: translateY(15%) !important;
+	transform: translateY(15%) !important;
+}
+</style>

src/.vuepress/components/MaterialIcon.vue

@@ -15,17 +15,15 @@ export default {
 
 .material-holder {
     color: #476582;
-    background-color: rgba(27,31,35,0.05);
-    padding: 0.25rem 0.5rem;
     margin: 0;
     font-size: 0.85em;
-    border-radius: 3px; 
+    border-radius: 3px;
     display: inline;
 }
 
 .material-icons {
-    font-size: 16px;
+    font-size: 1.35em;
     position: relative;
     top: 0.2rem;
 }
-</style>
+</style>

src/.vuepress/config/nav.js

@@ -6,59 +6,32 @@ module.exports = [
 			{
 				text: 'Frequently Asked Questions',
 				items: [
-					{
+					{ text: 'Application', link: '/help/faq/application' },
-						text: 'Application',
+					{ text: 'Extensions', link: '/help/faq/extensions' }
-						link: '/help/faq/application'
-					},
-					{
-						text: 'Extensions',
-						link: '/help/faq/extensions'
-					}
 				]
 			},
 			{
 				text: 'Guides',
 				items: [
-					{
+					{ text: 'General', link: '/help/guides/getting-started' },
-						text: 'General',
+					{ text: 'Menus', link: '/help/guides/menus' },
-						link: '/help/guides/getting-started'
+					{ text: 'Settings', link: '/help/guides/settings' }
-					},
-					{
-						text: 'Menus',
-						link: '/help/guides/my-library'
-					},
-					{
-						text: 'Settings',
-						link: '/help/guides/general'
-					}
 				]
 			},
 			{
 				text: 'Contribution',
 				items: [
-					{
+					{ text: 'How can I help?', link: '/help/contribution' }
-						text: 'How can I help?',
-						link: '/help/contribution'
-					}
 				]
 			},
 			{
 				text: 'Available extensions',
 				items: [
-					{
+					{ text: 'List', link: '/extensions/' }
-						text: 'List',
-						link: '/extensions/'
-					}
 				]
 			}
 		]
 	},
-	{
+	{ text: 'Discord', link: 'https://discord.gg/tachiyomi' },
-		text: 'Discord',
+	{ text: 'Reddit', link: 'https://reddit.com/r/Tachiyomi' }
-		link: 'https://discord.gg/tachiyomi'
-	},
-	{
-		text: 'Reddit',
-		link: 'https://reddit.com/r/Tachiyomi'
-	}
 ];

src/.vuepress/config/plugins.js

@@ -1,25 +1,18 @@
 module.exports = [
-	[
+	['clean-urls',	{
-		'@vuepress/back-to-top'
+		normalSuffix: '/' }],
-	],
+	['@vuepress/back-to-top'],
-	[
+	['@vuepress/google-analytics', {
-		'@vuepress/google-analytics',
+		'ga': 'UA-148212082-1' }],
-		{
+	['vuepress-plugin-container', {
-			'ga': 'UA-148212082-1'
+		type: 'expander',
-		}
+		before: info => `<details class="expander content"><summary class="expander expansion">${info}</summary>`,
-	],
+		after: '</details>'}],
-	[
+	['vuepress-plugin-container', {
-		'container',
+		type: 'guide',
-		{
+		before: info => `<div class="guide"><p class="title">${info}</p>`,
-			type: 'expander',
+		after: '</div>'}],
-			before: info => `<details class="expander_details"><summary class="expander_summary">${info}</summary>\n`,
+	['vuepress-plugin-container', {
-			after: '</details>\n'
+		type: 'aside',
-		}
+		defaultTitle: ''}]
-	],
-	[
-		'clean-urls',
-		{
-			normalSuffix: '/'
-		}
-	]
 ];

src/.vuepress/config/sidebar/guides.js

@@ -42,6 +42,7 @@ module.exports = [
 					'/help/guides/tracking',
 					'/help/guides/backup',
 					'/help/guides/advanced',
+					'/help/guides/about'
 				]
 			},
 		]

src/.vuepress/public/assets/css/carousel.css

@@ -1,9 +1,17 @@
 .carousel {
-    background: #EEE;
+    background: #F0F4F8;
+    border-radius: 1em;
 }
   
 .carousel-cell {
     width: 100%; /* full width */
     margin-right: 16px;
     margin-left: 16px;
+}
+
+.flickity-button {
+    position: absolute;
+    background: hsla(0,0%,100%,.75);
+    border: none;
+    color: rgba(44, 62, 80);
 }

src/.vuepress/styles/index.scss

@@ -10,45 +10,10 @@
 	border-color: #2E84BF !important;
 }
 
-
 .home .hero img {
 	max-height: 120px !important;
 }
 
-.expander_details {
-	background-color: #f3f5f7;
-	color: #2E84BF;
-	border-left: 0.5rem solid #2E84BF;
-}
-
-.expander_details strong {
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	-ms-user-select: none;
-	user-select: none;
-}
-
-.expander_details ol {
-	padding: 0 0 1rem 1.5rem;
-	margin-left: 1rem;
-}
-
-.expander_details li {
-	font-weight: 500;
-}
-
-.expander_details ul li {
-	font-weight: 400;
-}
-
-.expander_summary {
-	padding: 1rem 1.5rem;
-}
-
-.expander_summary:focus {
-	outline: none !important;
-}
-
 .badge.default-indicator {
 	background-color: #2E84BF !important;
 }

src/.vuepress/styles/index.styl

@@ -0,0 +1,37 @@
+.guide
+	margin 1rem 0
+	padding .1rem 1.5rem
+	border-radius 0.4rem
+	background-color #f0f4f8
+	.title
+		font-weight bold
+
+.custom-block
+	&.aside
+		color transparentify($textColor, 0.4)
+		font-size 0.9rem
+		text-align right
+
+customBlockBorderRadius = '.custom-block.tip, .custom-block.warning, .custom-block.error'
+
+{customBlockBorderRadius}
+	border-radius 0rem 0.4rem 0.4rem 0rem
+
+.expander.content
+	.expander.expansion
+		font-weight bold
+
+.expander.content
+	margin 1rem 0
+	padding 1rem 1.5rem
+	border-radius 0.4rem
+	background-color #f0f4f8
+
+.expander.expansion:focus
+	outline none !important
+
+.expander.expansion
+	-webkit-user-select none
+	-moz-user-select none
+	-ms-user-select none
+	user-select none

src/help/README.md

@@ -7,7 +7,3 @@ sidebar: false
 # Help
 
 Choose between [guides](guides/general/) and [frequently asked questions](faq/application/).
-
-::: tip
-Help us expand this page by clicking [here](https://github.com/tachiyomiorg/website/edit/master/src/help/README.md)
-:::

src/help/contribution.md

@@ -4,10 +4,9 @@ lang: en-US
 ---
 
 # How can I help?
-:construction: :construction_worker_man: W.I.P. Description, help us improve through [here](https://github.com/tachiyomiorg/website/edit/master/src/help/faq/how-can-i-help.md)!
+:construction: :construction_worker_man: W.I.P.
 
 ## GitHub
-:construction: :construction_worker_man: W.I.P.
 
 ## Translation
 

src/help/faq/README.md

@@ -1,33 +0,0 @@
----
-title: Frequently Asked Questions
-lang: en-US
----
-
-# Frequently Asked Questions
-:construction: :construction_worker_man: W.I.P. Description, help us improve through [here](https://github.com/tachiyomiorg/website/edit/master/src/help/faq/README.md)!
-
-### Regular
-
-- [Application](application)
-
-:construction: :construction_worker_man: W.I.P.
-
-- [Extensions](extensions)
-
-:construction: :construction_worker_man: W.I.P.
-
-### Contribution
-
-- [How can I help?](how-can-i-help)
-
-:construction: :construction_worker_man: W.I.P.
-
-### Other pages
-
-- [Guides](../guides/)
-
-:construction: :construction_worker_man: W.I.P.
-
-- [Available extensions](../../extensions/)
-
-:construction: :construction_worker_man: W.I.P.

src/help/faq/application.md

@@ -7,99 +7,103 @@ sidebarDepth: 2
 ## Library
 
 ### How can I see how many chapters I've downloaded?
+This can be done by enabling [Download badges](/help/guides/my-library/#download-badges).
 
-If you want to see how many chapters you have downloaded for all manga on My Library, enable `Download Badges`. It's under the `Filter` options in `My Library` (the upside-down pyramid of lines beside the three-dot) at the very bottom. Red is downloaded chapter count and Blue is unread chapter count.
+::: guide
+Enable it by going to **[<MaterialIcon icon-name="class"/> My library](/help/guides/my-library)** → **[<MaterialIcon icon-name="filter_list"/> Filter](/help/guides/my-library/#filter-options)** → **[Display](/help/guides/my-library/#display)** section then checking the **[Download badges](/help/guides/my-library/#download-badges)** option in the bottom.
+::: aside
+Read more [here](/help/guides/my-library/#download-badges)
+:::
 
 ### Some covers are white after restoring from backup
+The URL to the cover has probably changed. To fix this, refresh the metadata of your library.
 
-The URL to the cover has changed. To fix this, refresh the metadata of your library in `Settings > Advanced`.
+::: guide
+Refresh your metadata by going to **[<MaterialIcon icon-name="settings"/> Settings](/help/guides/settings)** → **[<MaterialIcon icon-name="code"/> Advanced](/help/guides/advanced)** then pressing **[Refresh library metadata](/help/guides/advanced/#refresh-library-metadata)**.
+::: aside
+Read more [here](/help/guides/advanced/#refresh-library-metadata)
+:::
 
 ### How do I ignore chapters from certain scanlator groups?
+Every now and then you find a manga that is translated by more than one group, because of this you get multiple releases for every chapter in the manga. To fix this the easiest way is to change sorting to [Total chapters](/help/guides/my-library/#total-chapters). You won't see any changes but, when you start reading you'll automatically skip the duplicate releases.
 
-Every now and then you find a manga that is translated by more than one group, because of this you get multiple releases for every chapter in the manga.
+::: guide
-
+Change library sorting by going to **[<MaterialIcon icon-name="class"/> My library](/help/guides/my-library)** → **[<MaterialIcon icon-name="filter_list"/> Filter](/help/guides/my-library/#filter-options)** → **[Sort](/help/guides/my-library/#sort)** section then in this case selecting **[Total chapters](/help/guides/my-library/#total-chapters)**.
-To automatically skip a translation group while reading, go to the manga's chapter list and click on the three dots in the upper right hand corner. From there, click on Sorting mode and select By chapter number. You won't see any changes but, when you start reading you'll automatically skip the duplicate releases.
+::: aside
-
+Read more [here](/help/guides/my-library/#total-chapters)
-### Why do I see `attempt to invoke virtual method 'com.hippo.unifile...`, what can I do to fix it?
+:::
 
+### Why do I see `attempt to invoke virtual method 'com.hippo.unifile...`?
 This error can be caused by a variety of reasons, all to do with storage.
 
-1. Most commonly it is caused by full storage, check to see if your device or SD Card is full
+
-1. Tachiyomi doesn't have access to SD card enabled in permissions for the app
+::: guide
-1. If you're downloading and this error pops up, that means the app might not be able to access the folder you're trying to download to.
+- Most commonly it is caused by full storage, check to see if your device or SD Card is full
-1. This may be because the folder is corrupted or does not exist. Use a file manager to check that the folder(s) actually exist and every folder in the sequence is available and accessible.
+- **Tachiyomi** doesn't have access to SD card enabled in permissions for the app
-1. The drive you're writing to is corrupted. Check using a file manager to see if it is accessible.
+- If you're downloading and this error pops up, that means the app might not be able to access the folder you're trying to download to.
+- This may be because the folder is corrupted or does not exist. Use a file manager to check that the folder(s) actually exist and every folder in the sequence is available and accessible.
+- The drive you're writing to is corrupted. Check using a file manager to see if it is accessible.
+:::
 
 ## Reader
-
 ### Why are some images not displayed?
-
+Aside from network issues, it could be because the images are too big or that the decoder doesn't support that image type.
-Aside from network issues, it could be because the images are too big or the decoder doesn't support that image.
 
 ## Downloads
-
 ### What happened to the simultaneous downloads feature?
-
+It was removed to prevent IP bans caused by too many requests. We know that speed is being sacrificed but it's better than not being able to access a source at all.
-It was removed in version `0.7.0` to prevent IP bans caused by too many requests. We know that speed is being sacrificed but it's better than not being able to access a source at all.
 
 ### Downloads are unstable
-
 Be aware that it could be a network issue on your device or on the catalog you are trying to download from.
 
 ### 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 (requires root).
+::: aside
-
+Read more about rooting your phone [here](https://www.xda-developers.com/root/)
-## Tracking
-
-### How do I log in with Kitsu?
-
-To log in with Kitsu you need to use your Email address as your username.
-
-### I can't find manga in MAL's search results
-
-You can search a manga from your MAL list like this: `my: <manga>`.
-[#65](https://github.com/inorichi/tachiyomi/issues/65)
-
-## Local Manga
-
-### How do I import my Manga into Tachiyomi?
-
-We recommend you to read [this](https://github.com/inorichi/tachiyomi/wiki/Local-manga) guide on how to do so.
-
-### I can't find the Tachiyomi folder
-
-If you don't see a Tachiyomi folder on your device, try downloading a chapter of any Manga or creating a backup so that the folder can be created.
-
-## Application Updates
-
-### How do I enable automatic updates?
-
-The Tachiyomi app now has in-app updating for both stable and dev versions.
-If you go to `Settings > About > Version` to check for updates, you can force an update there or wait for the app to notify you.
-
-## User Interface
-
-### How do I change the app language?
-
-Tachiyomi is (as of writing) available in 35 different languages.
-
-By default, the app language follows the language setting of your device.
-
-You can also set your own preferred language for Tachiyomi. Simply from side panel go to the `Settings > General > Language`.
-
-::: tip NOTE
-Only the UI has been localized, content will still be using the language of the source selected (i.e. English for KissManga source, Some sources have multiple Language too).
 :::
 
-If you want to help translate Tachiyomi, read our [guide](../guides/translation.md) on it.
+## Tracking
+### How do I log in with Kitsu?
+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
+Related GitHub issue: [#65](https://github.com/inorichi/tachiyomi/issues/65)
+:::
+
+## Local Manga
+### How do I import my manga into Tachiyomi?
+We recommend you to read [this](/help/guides/reading-local-manga) guide on how to do so.
+
+### I can't find the Tachiyomi folder
+If you don't see a **Tachiyomi** folder on your device, try downloading a chapter of any manga or creating a backup so that the folder can be created.
+
+## Application Updates
+### How do I enable automatic updates?
+The **Tachiyomi** app now has in-app updating for both stable and development versions. It happens automatically in the background if you got **[Check for updates](/help/guides/about/#check-for-updates)** enabled.
+::: guide
+If you go to **[<MaterialIcon icon-name="settings"/> Settings](/help/guides/settings)** → **[<MaterialIcon icon-name="help"/> About](/help/guides/about)** you will find the **[Check for updates](/help/guides/about/#check-for-updates)** toggle, you can also press **[Version](/help/guides/about/#version)** to force check for updates.
+:::
+
+## User Interface
+### Can I change the app language?
+**Tachiyomi** is as of writing available in 35 different languages. By default, the app follows the language used on your device.
+Only the UI has been localized, language in manga will still be using the language of the source selected.
+
+::: guide
+You can change language by going to **[<MaterialIcon icon-name="settings"/> Settings](/help/guides/settings)** → **[<MaterialIcon icon-name="tune"/> General](/help/guides/general)** then pressing **[Language](/help/guides/general/#language)**.
+::: aside
+Read more [here](/help/guides/general/#language)
+:::
 
 ## Miscellaneous
-
 ### iOS Version
-
+There is currently no iOS version and there are no plans for one and since iOS and Android apps don't share code it's hard to port.
-Is there an iOS version? No. Is there going to be? There are no plans for one since iOS and Android apps are nothing alike.
 
 ### I lost everything, what now?
+**Tachiyomi** is still in beta and some design changes or unexpected errors may lead to data loss. While we try for them not to happen, sometimes it is unavoidable. To avoid this in the future, you can use the automatic backup feature.
 
-Tachiyomi is still in beta. Some design changes or unexpected errors may lead to data loss. While I try for them not to happen, sometimes it is unavoidable. To avoid this in the future, you can use the automatic backup feature in Settings. If your file manager supports it, you may even backup to Google Drive.
+::: aside
+Learn how to backup [here](/help/guides/backup/)
+:::

src/help/faq/extensions.md

@@ -7,70 +7,75 @@ sidebarDepth: 2
 ## General
 
 ### What are some good extensions?
-
+The most popular are **MangaDex**, **MangaSee** and **Mangakakalot**, these are large
-The most popular are MangaDex, MangaSee and Mangakakalot, these are large
 sites which host content from scanlators, there's also extensions like
-Genkan, Madara, FoolSlide and ComiCake which contain sources which
+**Genkan**, **Madara**, **FoolSlide** and **ComiCake** which contain sources which
 host directly from the scanlators own websites.
 
-[Here](https://docs.google.com/spreadsheets/d/1TyJEUg78WWH4zgnf3g6M2lkbWpBWbd40FYiPVQhW8IU/edit#gid=0)
+::: guide
-is a good spreadsheet showing the different extensions and their sources.
+User [SnakeDoc83](https://github.com/snakedoc83) has made a handy spreadsheet showing the different extensions and their sources.
+::: aside
+Access the spreadsheet [here](https://docs.google.com/spreadsheets/d/1TyJEUg78WWH4zgnf3g6M2lkbWpBWbd40FYiPVQhW8IU/edit#gid=0)
+:::
 
 ### Why won't the extensions install?
+In some cases your phone might have some issues downloading the extensions, in those cases you can try installing them yourselves directly from the source.
 
-In some cases your phone might have some issues downloading the
+To install just download the file for the extension you want and then install it, like how you installed **Tachiyomi**.
-extensions, in those cases you can try installing them yourselves
-directly from the source. [Here](https://github.com/inorichi/tachiyomi-extensions/tree/repo/apk)
-is the repository for the files.
 
-To install just download the `.apk` file for the extension you want
+::: aside
-and then install it, like how you installed Tachiyomi.
+You can find the list of extensions to download [here](/extensions/)
+:::
 
 ### How do I allow third-party installations?
+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
+<div class="carousel" id="unknown-source-carousel">
-isn't allowed to install unknown apps from that source, simply press
+<div class="carousel-cell">
-the `Settings` button and then allow it.
+		<figure class="centered">
+			<h4>Android 8.0 and higher</h4>
+				<p>In newer versions of Android you need to enable "Install unknown apps" by a per-app basis.</p>
+		<video autoplay crossorigin="use-credentials" height="355" intrinsicsize="400x688" loading="lazy" loop="loop" muted="muted" playsinline="playsinline" :poster="$withBase('/assets/media/unknownapps-api28.png')" preload="none" width="200">
+			<source :src="$withBase('/assets/media/unknownapps-api28.webm')" type="video/webm" />
+			<source :src="$withBase('/assets/media/unknownapps-api28.mp4')" type="video/mp4" />
+		</video>
+		</figure>
+</div>
+<div class="carousel-cell">
+		<figure class="centered">
+			<h4>Android 7.1 and lower</h4>
+		<p>In older versions of Android you only need to enable "Unknown sources" globally.</p>
+		<video autoplay crossorigin="use-credentials" height="355" intrinsicsize="400x688" loading="lazy" loop="loop" muted="muted" playsinline="playsinline" :poster="$withBase('/assets/media/unknownapps-api25.png')" preload="none" width="200">
+			<source :src="$withBase('/assets/media/unknownapps-api25.webm')" type="video/webm" />
+			<source :src="$withBase('/assets/media/unknownapps-api25.mp4')" type="video/mp4" />
+		</video>
+		</figure>
+</div>
+</div>
+<script>
+var config = {
+	adaptiveHeight: true,
+	wrapAround: true,
+	pageDots: false
+};
+new Flickity('#unknown-source-carousel', config);
+</script>
 
-Two example videos, left one is for newer Androids.
+::: aside
-
+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/)
-<figure class="centered">
+:::
-	<video autoplay crossorigin="use-credentials" height="355"
-	  intrinsicsize="400x688" loading="lazy" loop="loop" muted="muted"
-	  playsinline="playsinline" :poster="$withBase('/assets/media/unknownapps-api28.png')"
-	  preload="none" width="200">
-		<source :src="$withBase('/assets/media/unknownapps-api28.webm')" type="video/webm" />
-		<source :src="$withBase('/assets/media/unknownapps-api28.mp4')" type="video/mp4" />
-	</video>
-	<video autoplay crossorigin="use-credentials" height="355"
-	  intrinsicsize="400x688" loading="lazy" loop="loop" muted="muted"
-	  playsinline="playsinline" :poster="$withBase('/assets/media/unknownapps-api25.png')"
-	  preload="none" width="200">
-		<source :src="$withBase('/assets/media/unknownapps-api25.webm')" type="video/webm" />
-		<source :src="$withBase('/assets/media/unknownapps-api25.mp4')" type="video/mp4" />
-	</video>
-</figure>
 
 ### How do I uninstall an extension?
+Extensions for **Tachiyomi** are technically installed the same as normal apps. Either you uninstall them through the app section on your phones settings or you go can do it in the app.
 
-Extensions for Tachiyomi are technically installed the same as normal apps.
+::: guide
-Either you uninstall them through the place you normally uninstall apps or
+To uninstall an extension from within **Tachiyomi**, go to **[<MaterialIcon icon-name="extension"/> Extensions](/help/guides/extensions)** then tap **Uninstall** on the extension you want to remove.
-you go to the `Extensions` tab, enter the extension you wish to uninstall
-then press `Uninstall`.
-
-### Why don't I have extensions or any sources in the catalog?
-
-**A:** `Tachiyomi 0.8.4` and above no longer have pre-installed extensions,
-so when upgrading or installing versions above this, installing the extensions
-you use will be required to install extensions from the extensions menu
-(the one with the puzzle piece).
-
-**B:** If you're getting a "Loader not implemented" error after clicking on a manga, you will need to reinstall the extensions you used to use. Which number in the menu corresponds to which is below.
-
-::: warning
-Be aware that Batoto is deprecated so you will need to migrate from that source to others.
 :::
 
+### Why don't I have extensions or any sources in the catalogue?
+- **Tachiyomi** no longer have pre-installed extensions, this means that you will need to install extensions you want to use from the **[<MaterialIcon icon-name="extension"/> Extensions](/help/guides/extensions)** menu.
+- If you're getting the `Loader not implemented` error after clicking on a manga, you will need to reinstall the extensions you used to use. Which number in the menu corresponds to which is below.
+
 ::: expander <strong>Click to expand!</strong>
 1. Batoto
 2. Mangahere
@@ -84,203 +89,117 @@ Be aware that Batoto is deprecated so you will need to migrate from that source
 10. WieManga
 :::
 
-### Why can't I restore my backup?
+::: warning
-
+Be aware that **Batoto** is deprecated so you will need to migrate from that source to others.
-To restore backups, Tachiyomi requires to have extensions installed for the respective manga.
+::: aside
-
+Read more about Batoto shutting down [here](https://goboiano.com/manga-scanlation-site-batoto-to-close-down/)
-### Which sources are there in the multi-source extensions?
-
-Some extensions contain multiple sources, look at the list below to find out which extension to install for the specific source that you want.
-
-::: expander <strong>Click to expand!</strong>
-1. Comicake
-   - Whim Scans
-   - Champion Scans
-   - LetItGo Scans
-2. Foolslide
-   - Jamini’s Box
-   - Helvetica Scans
-   - Sense-Scans
-   - Kirei Cake
-   - Silent Sky
-   - Mangatellers
-   - Iskultrip Scans
-   - Anata no Motokare
-   - Death Toll Scans
-   - DKThias Scanlations
-   - World Three
-   - Doki Fansubs
-   - Yuri-ism
-   - Ajia no Scantrad
-   - One Time Scans
-   - Tsubasa Society
-   - MangaScouts
-   - Storm in Heaven
-   - Lilyreader
-   - Midnight Haven
-   - Russification/Русификация
-   - Evil Flowers
-   - AkaiYuhiMun team
-   - LupiTeam
-   - HentaiCafe
-   - ShoujoSense
-   - The Cat Scans
-   - ShojouHearts
-3. Genkan
-   - Leviatan Scans
-   - Psycho Play
-   - One Shot Scans
-   - KaguyaDex
-   - Komi Scans
-   - Hunlight Scans
-4. Madara
-   - Mangasushi
-   - NinjaScans
-   - ReadManhua
-   - ZeroScans
-   - IsekaiScans
-   - Happy Tea Scans
-   - Just For Fun
-   - Agent of Change Translations
-   - Kanjiku
-   - KomikGo
-   - Luxy Scans
-   - Tritinia Scans
-   - Tsubaki No Scan
-   - Yokai Jump
-   - ZManga
-   - Mangazuki.me
-   - Mangazuki.online
-   - Mangazuki.club
-   - 1st Kiss
-   - Mangalike
-   - Manga SY
-   - Manhwa Club
-   - WuxiaWorld
-   - Yo Manga
-   - ManyToon
-   - Chibi Manga
-5. My Manga Reader CMS
-   - مانجا اون لاين
-   - Read Comics Online
-   - Biamam Scans
-   - Fallen Angels
-   - Hatigarm Scans
-   - Mangawww Reader
-   - ZXComic
-   - White Cloud Pavilion
-   - MangaTreat Scans
-   - SOS Scanltaion
-   - Scan FR
-   - Scan VF
-   - Komikid
-   - ToraScans
-   - Comic Space
-   - Mangas Yuri
-   - Dracaena
-   - Nikushima
-   - Anigai Clan
-   - MangaHanta
-   - Fallen Angel Scans
-   - LeoManga
-   - Mangadoor
-   - Mangas.pw
-   - HentaiShark
-6. MangaCards
-   - Valhalla Scans
-   - NANI? Scans
 :::
 
-### Why can't I find manga in `Catalogues` search?
+### Why can't I restore my backup?
+To restore backups, **Tachiyomi** requires to have extensions installed for the respective manga you want to restore.
 
-It might be because the title is worded differently. Follow the steps below:
+### Which sources are there in the multi-source extensions?
+Some extensions contain multiple sources, look at the list below to find out which extension to install for the specific source that you want.
 
-- Look up the title on Google or a manga tracking service
+::: guide
-- See which site has the series
+User [SnakeDoc83](https://github.com/snakedoc83) has made a handy spreadsheet showing the different extensions and their sources.
-- Download the extension for that source if it exists (see other FAQs if it is part of a multisource extension)
+::: aside
-- Go to Browse for source and search up manga name again
+Access the spreadsheet [here](https://docs.google.com/spreadsheets/d/1TyJEUg78WWH4zgnf3g6M2lkbWpBWbd40FYiPVQhW8IU/edit#gid=0)
+:::
 
-### Error: java.lang Exception: Challenge not found
+### Why can't I find manga when searching catalogues?
+It might be because the title is worded differently. Follow any of the steps below:
+- Look up the title on a search engine like **Google** or a manga tracking service such as [AniList](https://anilist.co/home).
+- See which site has the series, often a single site will not satisfy all your needs.
+- Download the extension for that source from **[<MaterialIcon icon-name="extension"/> Extensions](/help/guides/extensions)** if it exists, read [this](/help/faq/extensions/#which-sources-are-there-in-the-multi-source-extensions) for a list of which extensions contains what sources.
+- Go to **[<MaterialIcon icon-name="explore"/> Catalogues](/help/guides/catalogues)** → **[Browse](/help/guides/catalogues/#browse)** on a source then search for the manga again.
 
-Try closing (force-quit) and reopening Tachiyomi.
 
-### Error: Loader not implemented
+### Some common errors you might encounter
 
+#### Java.lang Exception: Challenge not found
+Often this will be resolved by force-quitting and reopening Tachiyomi.
+
+#### Loader not implemented
 It means that the respective extension for the manga is not installed. To fix, install the extension for the manga. If it still doesn't work, uninstall then reinstall the extension again.
 
-### Error: Value Manga is licensed at data of type java.lang.String cannot be converted to JSONObject
+#### Value Manga is licensed at data of type java.lang.String cannot be converted to JSONObject
-
+This means that the manga has been licensed and can no longer be read on that source. Try a different source to read the manga.
-This means that the manga has been licensed and can no longer be read on that source. Try a different source to read the manga. 
 
 ## MangaDex
 
 ### No results when searching
+If you're not getting any results when searching MangaDex then you need to log in. To do so enter the **WebView** for **MangaDex** then press the **Manga** drop-down and choose either **Sign up** or **Log in** to proceed with the log in.
 
-::: tip
+::: guide
-Make sure you're on app version `0.8.4` or higher.
+To enter the **WebView** go to **[<MaterialIcon icon-name="explore"/> Catalogues](/help/guides/catalogues)** → **[Browse](/help/guides/catalogues/#browse)**/**[Latest](/help/guides/catalogues/#latest)** next to **MangaDex**, open any manga from the list and then press the **<MaterialIcon icon-name="more_vert"/> Overflow menu** in the top-right corner and then press **Open in web view**.
 :::
 
-If you're not getting any results when searching MangaDex then you need to log in.
-
-To do so, go to `Browse`/`Latest` for MangaDex under `Catalogues`, open any manga from the list and then press the overflow menu (3 dot menu) in the top-right corner and then the `Open in web view` button.
-
-Now go to the hamburger menu, press the `Manga` drop-down and then choose either `Sign up` or `Log in` to proceed with the log in.
 
 ::: expander <strong>Click to reveal video guide!</strong>
 <figure class="centered">
 	<video autoplay crossorigin="use-credentials" height="534"
-	  intrinsicsize="500x100" loading="lazy" loop="loop" muted="muted"
+		intrinsicsize="500x100" loading="lazy" loop="loop" muted="muted"
-	  playsinline="playsinline" :poster="$withBase('/assets/media/logintomangadex.png')"
+		playsinline="playsinline" :poster="$withBase('/assets/media/logintomangadex.png')"
-	  preload="none" width="300">
+		preload="none" width="300">
 		<source :src="$withBase('/assets/media/logintomangadex.webm')" type="video/webm" />
 		<source :src="$withBase('/assets/media/logintomangadex.mp4')" type="video/mp4" />
 	</video>
 </figure>
 :::
 
+::: tip
+Make sure you're on app version **0.8.4** or higher.
+::: aside
+Make sure you stay up to date by reading [this](/help/faq/application/#how-do-i-enable-automatic-updates)
+:::
+
 ### Alternate searching method
+**MangaDex** allows you to search using the ID number to find manga. The easiest way to get the ID is opening the manga in your browser and looking at the URL.
 
-In `Mangadex 1.2.52` and newer the extension allows you to search using the id number to find manga. To get the id number look at the URL of the manga you want to add.
+::: guide
-
+An example search would be **`id:23427`** which would return results for [Candy & Cigarettes](https://mangadex.org/title/23427/candy-cigarettes)
-An example search: `id:31477`.
+:::
 
 ### Chapters from Mangaplus are broken
+Install the **Mangaplus** extension instead and then migrate the manga that uses **Mangaplus** on **MangaDex** onto the **Mangaplus** source.
 
-Install the Mangaplus extension and then migrate the manga that uses Mangaplus on Mangadex onto the Mangaplus source.
+::: aside
+Read about source migration [here](/help/guides/source-migration/)
+:::
 
 ## MangaRock
 
 #### Regarding MangaRock going away:
-
 - You won't lose existing bookmarks or downloads.
-- Chapters will no longer be updated once MangaRock is dead.
+- Chapters will no longer be updated once **MangaRock** is dead.
-- There is no native way to automatically import your favorites from MangaRock (although you can try [waicool20/mr2tachiyomi](https://github.com/waicool20/mr2tachiyomi)).
+- There is no native way to automatically import your favorites from MangaRock, but you can try [waicool20/mr2tachiyomi](https://github.com/waicool20/mr2tachiyomi).
-- Popular alternatives: Mangasee, Kissmanga, MangaDex, Mangakakalot, Toonily.
+- Popular alternatives are **MangaDex**, **MangaSee** and **Mangakakalot**.
 
-::: tip
+::: tip Out of the loop?
 Read more about the situation [here](https://mrcomics.com/).
 :::
 
 #### Migrate to Tachiyomi
+There is a tool to migrate from **MangaRock** to **Tachiyomi** courtesy of a member of our [Discord server](https://discord.gg/tachiyomi) by the same name as the creator, but a computer is required to finish the migration successfully.
 
-There is a tool to migrate from MangaRock to Tachiyomi courtesy of a member of our Discord server by the same name as the creator, but a computer is required to finish the migration successfully.
+View the program at [waicool20/mr2tachiyomi](https://github.com/waicool20/mr2tachiyomi).
 
-Note that you must download the 64-bit version of Java or it will run out of memory. Access the program at [waicool20/mr2tachiyomi](https://github.com/waicool20/mr2tachiyomi).
+### Why do I get `Value <url> at 0 of type java.lang.String cannot be converted to JSONObject`?
+If you get this error when opening **MangaRock** chapters, try clearing your chapter cache.
 
-### Error: Value `<url>` at 0 of type java.lang.String cannot be converted to JSONObject
+::: guide
-
+Chapter cache can be cleared by going to **[<MaterialIcon icon-name="settings"/> Settings](/help/guides/settings)** → **[<MaterialIcon icon-name="code"/> Advanced](/help/guides/advanced)** then pressing [Clear chapter cache](/help/guides/advanced/#clear-chapter-cache).
-If you get this error when opening Manga Rock chapters, try clearing your chapter cache (`Settings` > `Advanced`) and refreshing the chapters list.
+::: aside
+Read more about clearing chapter cache [here](/help/guides/advanced/#clear-chapter-cache)
+:::
 
 ## Madara
 
 ### Leviatan Scans is missing
-
+**Leviatan Scans** has shifted from **Madara** to **Genkan** extension. Install **Genkan**, migrate all **Leviatan scans** then update **Madara**.
-Leviatan Scans has shifted from Madara to Genkan extension.
-
-Install Genkan. Migrate all Leviatan scans. Update Madara.
 
 ## KissManga
 
-### Error: Page list is empty
+### Why do I get `Page list is empty`?
-
+If you get this error then you need to solve the **CAPTCHA** on their website using your browser (*Google Chrome*, *Samsung Browser*, *Firefox*, *Opera*, etc.).
-If you get this error then you need to solve the captcha on their website using your browser (*Google Chrome*, *Samsung Browser*, *Firefox*, *Opera*, etc.).

src/help/faq/how-can-i-help.md

@@ -1,24 +0,0 @@
----
-title: How can I help?
-lang: en-US
----
-
-# How can I help?
-:construction: :construction_worker_man: W.I.P. Description, help us improve through [here](https://github.com/tachiyomiorg/website/edit/master/src/help/faq/how-can-i-help.md)!
-
-## GitHub
-:construction: :construction_worker_man: W.I.P.
-
-## Translation
-
-**The project is available at [https://hosted.weblate.org/engage/tachiyomi/](https://hosted.weblate.org/engage/tachiyomi/)**
-(direct [https://hosted.weblate.org/projects/tachiyomi/strings/](https://hosted.weblate.org/projects/tachiyomi/strings/))
-
-The translators guide can be found at [https://docs.weblate.org/en/latest/user/index.html](https://docs.weblate.org/en/latest/user/index.html). Notice also:
-* [https://docs.weblate.org/en/latest/user/profile.html#secondary-languages](https://docs.weblate.org/en/latest/user/profile.html#secondary-languages)
-* [https://docs.weblate.org/en/latest/user/profile.html#subscriptions](https://docs.weblate.org/en/latest/user/profile.html#subscriptions)
-* [https://docs.weblate.org/en/latest/user/translating.html#glossary](https://docs.weblate.org/en/latest/user/translating.html#glossary)
-
-***
-
-[![Translation status](https://hosted.weblate.org/widgets/tachiyomi/-/multi-auto.svg)](https://hosted.weblate.org/engage/tachiyomi/?utm_source=widget)

src/help/guides/README.md

@@ -1,69 +0,0 @@
----
-title: Guides
-lang: en-US
----
-
-# Guides
-:construction: :construction_worker_man: W.I.P. Description, help us improve through [here](https://github.com/tachiyomiorg/website/edit/master/src/help/guides/README.md)!
-
-### Regular
-
-- [Getting started](getting-started)
-
-Starter guide that guides you into installing and configuring the application for first use.
-
-- [Reading local manga](reading-local-manga)
-
-If you want to read your own stored manga this is the guide for you!
-
-- [Source problems](source-problems)
-
-:construction: :construction_worker_man: W.I.P.
-
-- [Categories](categories)
-
-:construction: :construction_worker_man: W.I.P.
-
-- [Library filters](library-filters)
-
-:construction: :construction_worker_man: W.I.P.
-
-- [Source migration](source-migration)
-
-:construction: :construction_worker_man: W.I.P.
-
-### Settings
-
-- [General](general)
-
-:construction: :construction_worker_man: W.I.P.
-
-- [Reader](reader)
-
-:construction: :construction_worker_man: W.I.P.
-
-- [Downloads](downloads)
-
-:construction: :construction_worker_man: W.I.P.
-
-- [Tracking](tracking)
-
-:construction: :construction_worker_man: W.I.P.
-
-- [Backup](backup)
-
-:construction: :construction_worker_man: W.I.P.
-
-- [Advanced](advanced)
-
-:construction: :construction_worker_man: W.I.P.
-
-## Other pages
-
-- [Frequently Asked Questions](../faq/)
-
-:construction: :construction_worker_man: W.I.P.
-
-- [Available extensions](../../extensions/)
-
-:construction: :construction_worker_man: W.I.P.

src/help/guides/about.md

@@ -0,0 +1,19 @@
+---
+title: About
+lang: en-US
+---
+
+# About
+:construction: :construction_worker_man: W.I.P.
+
+## Send crash reports
+
+## Check for updates
+
+## Discord
+
+## GitHub
+
+## Version
+
+## Build time

src/help/guides/catalogues.md

@@ -4,4 +4,8 @@ lang: en-US
 ---
 
 # Catalogues
-:construction: :construction_worker_man: W.I.P. Description, help us improve through [here](https://github.com/tachiyomiorg/website/edit/master/src/help/guides/catalogues.md)!
+:construction: :construction_worker_man: W.I.P.
+
+### Browse
+
+### Latest

src/help/guides/download-queue.md

@@ -4,4 +4,4 @@ lang: en-US
 ---
 
 # Download queue
-:construction: :construction_worker_man: W.I.P. Description, help us improve through [here](https://github.com/tachiyomiorg/website/edit/master/src/help/guides/download-queue.md)!
+:construction: :construction_worker_man: W.I.P.

src/help/guides/extensions.md

@@ -4,4 +4,4 @@ lang: en-US
 ---
 
 # Extensions
-:construction: :construction_worker_man: W.I.P. Description, help us improve through [here](https://github.com/tachiyomiorg/website/edit/master/src/help/guides/extensions.md)!
+:construction: :construction_worker_man: W.I.P.

src/help/guides/library-filters.md

@@ -4,7 +4,6 @@ lang: en-US
 ---
 
 # Library filters
-:construction: :construction_worker_man: W.I.P. Description, help us improve through [here](https://github.com/tachiyomiorg/website/edit/master/src/help/guides/library-filters.md)!
+:construction: :construction_worker_man: W.I.P.
 
 ## Guide?
-:construction: :construction_worker_man: W.I.P.

src/help/guides/library-updates.md

@@ -4,4 +4,4 @@ lang: en-US
 ---
 
 # Library updates
-:construction: :construction_worker_man: W.I.P. Description, help us improve through [here](https://github.com/tachiyomiorg/website/edit/master/src/help/guides/library-updates.md)!
+:construction: :construction_worker_man: W.I.P.

src/help/guides/menus.md

@@ -0,0 +1,24 @@
+---
+title: Menus
+lang: en-US
+---
+
+# Menus
+:construction: :construction_worker_man: W.I.P.
+
+### [<MaterialIcon icon-name="class"/> My library](/help/guides/my-library)
+
+### [<MaterialIcon icon-name="update"/> Library updates](/help/guides/library-updates)
+
+### [<MDI-Glasses/> Recently read](/help/guides/recently-read)
+
+### [<MaterialIcon icon-name="explore"/> Catalogues](/help/guides/catalogues)
+
+### [<MaterialIcon icon-name="extension"/> Extensions](/help/guides/extensions)
+
+### [<MaterialIcon icon-name="get_app"/> Download queue](/help/guides/download-queue)
+
+### [<MaterialIcon icon-name="settings"/> Settings](/help/guides/settings)
+
+### [<MaterialIcon icon-name="help"/> Help](/help/)
+This feature redirects you to this website.

src/help/guides/my-library.md

@@ -4,4 +4,28 @@ lang: en-US
 ---
 
 # My library
-:construction: :construction_worker_man: W.I.P. Description, help us improve through [here](https://github.com/tachiyomiorg/website/edit/master/src/help/guides/my-library.md)!
+:construction: :construction_worker_man: W.I.P.
+
+## Filter options
+### Filter
+
+#### Downloaded
+
+#### Unread
+
+#### Completed
+
+### Sort
+#### Alphabetically
+#### Last read
+#### Last updated
+#### Unread
+#### Total chapters
+#### Source
+### Display
+#### Grid
+
+#### List
+
+#### Download badges
+If you want to see how many chapters you have downloaded for all manga in [My library](/help/guides/my-library), then enable this option. It will appear as a red badge similiar to the unread chapters badge.

src/help/guides/recently-read.md

@@ -4,4 +4,4 @@ lang: en-US
 ---
 
 # Recently read
-:construction: :construction_worker_man: W.I.P. Description, help us improve through [here](https://github.com/tachiyomiorg/website/edit/master/src/help/guides/recently-read.md)!
+:construction: :construction_worker_man: W.I.P.

src/help/guides/settings.md

@@ -0,0 +1,28 @@
+---
+title: Settings
+lang: en-US
+---
+
+# Settings
+:construction: :construction_worker_man: W.I.P.
+
+### [<MaterialIcon icon-name="tune"/> General](/help/guides/general)
+This category of settings allows you to change the look of the app, and the update schedule and how the app updates.
+
+### [<MaterialIcon icon-name="chrome_reader_mode"/> Reader](/help/guides/reader)
+This section relates to the reading experience in the app and navigating the reader.
+
+### [<MaterialIcon icon-name="get_app"/> Downloads](/help/guides/downloads)
+This category of settings allows you to change the limitations and behaviour of downloads as well as enabling automatic downloads.
+
+### [<MaterialIcon icon-name="autorenew"/> Tracking](/help/guides/tracking)
+This category of settings allows you to record the progress of chapters read in the app once you've linked an account to a service.
+
+### [<MaterialIcon icon-name="cloud_upload"/> Backup](/help/guides/backup)
+This section lets you backup your library, tracking settings, and reading history as well as restoring it.
+
+### [<MaterialIcon icon-name="code"/> Advanced](/help/guides/advanced)
+The features in this section mostly relate to keeping entries up to date or clearing unnecessary things from the app.
+
+### [<MaterialIcon icon-name="help"/> About](/help/guides/about)
+The features here are mainly aimed to listing useful information such as version, build time and links to relevant websites.