Spring cleaning (#222)

* Remove manifest.json

May no longer be required

* Organize assets

Organized to relative folders; unused assets deleted.

* Small changes to some pages

* Remove unused navigational items

* Keep sidebar order

Prevent the sidebar order from jumping which can be annoying

* Remove manifest.json reference

* Merge comment block as a complete chunk

README.md

@@ -1,5 +1,6 @@
 <div>
-	<h1 align="center"><img src="./src/.vuepress/public/assets/media/tachiyomi.png">Tachiyomi Website</h1>
+	<span align="center"><img src="./src/.vuepress/public/icons/logo.png" height="100px"></span>
+	<h1 align="center">Tachiyomi Website</h1>
 	<p align="center">
 		<a href="https://discord.gg/tachiyomi">
 			<img src="https://img.shields.io/discord/349436576037732353.svg?label=Discord&labelColor=7289da&color=2c2f33&style=flat" alt="Discord">

src/.vuepress/components/Navigation.vue

@@ -84,18 +84,9 @@ export default {
 				button_browse: { text: "BROWSE" },
 				tab_sources: { text: "SOURCES" },
 				tab_extensions: { text: "EXTENSIONS" },
-				/* Sites */
-				tachiyomi: { text: "Tachiyomi" },
-				mangadex: { text: "MangaDex" },
 				/* Misc */
 				install: { text: "INSTALL", class:"ext-installation" },
 				reorder: { text: "Reorder", icon:"reorder" },
-				/* Legacy */
-				old_library: { text: "My library", icon: "class" },
-				old_catalogues: { text: "Catalogues", icon: "explore" },
-				old_overflow: { text: "Overflow menu", icon: "more_vert" },
-				old_backup: { text: "Backup", icon: "cloud_upload" },
-				old_extensions: { text: "Extensions", icon: "extension" },
 			}[this.item];
 		},
 	},

src/.vuepress/config.js

@@ -13,7 +13,6 @@ module.exports = {
 	head: [
 		// Embed headers
 		["link", { rel: "icon", href: "/favicon.ico" }],
-		["link", { rel: "manifest", href: "/manifest.json" }],
 		["meta", { name: "theme-color", content: "#2e84bf" }],
 		["meta", { prefix: "og: http://ogp.me/ns#", property: "og:image", content: "https://tachiyomi.org/icons/logo.png" }],
 		// Custom headers

src/.vuepress/config/sideBar.js

@@ -1,6 +1,10 @@
 module.exports = {
 	guides: [
 		"/",
+		{
+			title: "Frequently Asked Questions",
+			path: "/help/faq/",
+		},
 		{
 			title: "Guides",
 			collapsable: false,
@@ -15,10 +19,6 @@ module.exports = {
 				"/help/guides/categories",
 			],
 		},
-		{
-			title: "Frequently Asked Questions",
-			path: "/help/faq/",
-		},
 		{
 			title: "Forks",
 			path: "/forks/",
@@ -57,12 +57,6 @@ module.exports = {
 	],
 	contribution: [
 		"/",
-		{
-			title: "Contribution",
-			collapsable: false,
-			sidebarDepth: 1,
-			children: ["/help/contribution"],
-		},
 		{
 			title: "Frequently Asked Questions",
 			path: "/help/faq/",
@@ -75,6 +69,12 @@ module.exports = {
 			title: "Forks",
 			path: "/forks/",
 		},
+		{
+			title: "Contribution",
+			collapsable: false,
+			sidebarDepth: 1,
+			children: ["/help/contribution"],
+		},
 		{
 			title: "Available extensions",
 			path: "/extensions/",
@@ -82,10 +82,6 @@ module.exports = {
 	],
 	extensions: [
 		"/",
-		{
-			title: "Available extensions",
-			path: "/extensions/",
-		},
 		{
 			title: "Frequently Asked Questions",
 			path: "/help/faq/",
@@ -102,13 +98,13 @@ module.exports = {
 			title: "Contribution",
 			path: "/help/contribution",
 		},
+		{
+			title: "Available extensions",
+			path: "/extensions/",
+		},
 	],
 	forks: [
 		"/",
-		{
-			title: "Forks",
-			path: "/forks/",
-		},
 		{
 			title: "Frequently Asked Questions",
 			path: "/help/faq/",
@@ -117,6 +113,10 @@ module.exports = {
 			title: "Guides",
 			path: "/help/guides/getting-started",
 		},
+		{
+			title: "Forks",
+			path: "/forks/",
+		},
 		{
 			title: "Contribution",
 			path: "/help/contribution",

src/.vuepress/public/assets/media/logo.svg

@@ -1,23 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="288.000000pt" height="288.000000pt" viewBox="0 0 288.000000 288.000000"
- preserveAspectRatio="xMidYMid meet">
-
-<g transform="translate(0.000000,288.000000) scale(0.100000,-0.100000)"
-fill="#2E84BF" stroke="none">
-<path d="M1412 2513 l-183 -3 8 -98 c4 -53 8 -119 8 -147 l0 -50 -410 0 -410
-0 3 -179 3 -179 67 7 c152 14 1015 18 1462 7 256 -7 472 -14 480 -16 13 -4 15
-20 15 178 l0 182 -383 -4 c-210 -2 -398 0 -418 3 l-35 7 3 150 c3 128 1 149
--12 147 -8 -1 -97 -4 -198 -5z"/>
-<path d="M845 1744 c-128 -50 -160 -67 -158 -81 1 -10 22 -73 47 -140 58 -153
-124 -384 166 -578 18 -82 34 -151 35 -153 2 -2 83 25 182 60 l179 63 -12 60
-c-35 168 -248 836 -267 834 -7 -1 -84 -30 -172 -65z"/>
-<path d="M1781 1643 c-104 -417 -229 -832 -271 -901 l-19 -31 -173 -3 c-200
--3 -913 9 -943 16 -19 5 -20 0 -20 -180 l0 -186 50 6 c28 3 518 9 1090 12
-l1040 7 0 176 0 176 -85 -7 c-47 -3 -195 -7 -329 -7 -191 -1 -242 2 -238 12 3
-6 22 50 42 97 65 152 296 863 284 874 -4 4 -326 94 -365 103 -20 4 -24 -7 -63
--164z"/>
-</g>
-</svg>

src/.vuepress/public/manifest.json

@@ -1,23 +0,0 @@
-{
-	"name": "Tachiyomi",
-	"short_name": "Tachiyomi",
-	"description": "Free and open source manga reader for Android.",
-	"lang": "en-US",
-	"theme_color": "#2e84bf",
-	"background_color": "#ffffff",
-	"start_url": "/",
-	"display": "standalone",
-	"orientation": "portrait-primary",
-	"icons": [
-		{
-			"src": "/icons/android-chrome-192x192.png",
-			"sizes": "192x192",
-			"type": "image/png"
-		},
-		{
-			"src": "/icons/android-chrome-512x512.png",
-			"sizes": "512x512",
-			"type": "image/png"
-		}
-	]
-}

src/forks/Neko.md

@@ -6,7 +6,7 @@ description: MangaDex specific fork of Tachiyomi and TachiyomiJ2K. This contains
 lang: en-US
 meta:
   - property: og:image
-    content: /forks/Neko/img/logo.png
+    content: /forks/Neko/assets/logo.png
   - name: theme-color
     content: "#38CA79"
   - name: msapplication-TileColor
@@ -14,7 +14,7 @@ meta:
 sidebar: false
 ---
 
-# <img class="headerLogo" :src="$withBase('/forks/Neko/img/logo.png')"> Neko
+# <img class="headerLogo" :src="$withBase('/forks/Neko/assets/logo.png')"> Neko
 
 <ForkButtons forkName="Neko" downloadForkLink="https://api.github.com/repos/CarlosEsco/Neko/releases/latest" downloadForkStyle="background-color:#3DDA83;color:#000000;" githubForkLink="window.open('https://github.com/CarlosEsco/Neko')"/>
 
@@ -22,7 +22,7 @@ sidebar: false
 This is a [MangaDex](https://mangadex.org/) specific fork of **Tachiyomi** and [TachiyomiJ2K](/forks/TachiyomiJ2K). This contains features specific to **MangaDex** that those versions cannot offer. It also features almost every feature that **J2K** has except for extensions (aka other sources), custom covers, and local manga.
 
 ## Screenshots
-<img :src="$withBase('/forks/Neko/img/banner.png')"/>
+<img :src="$withBase('/forks/Neko/assets/banner.png')"/>
 
 ## Mangadex specific features:
 - Supports native login to **MangaDex** and supports 2FA

src/forks/README.md

@@ -9,26 +9,26 @@ sidebarDepth: 0
 # Forks
 Forks are alternative versions of **Tachiyomi** with exclusive features.
 
-## <img class="headerLogo" :src="$withBase('/forks/Neko/img/logo.png')"> [Neko](/forks/Neko)
+## <img class="headerLogo" :src="$withBase('/forks/Neko/assets/logo.png')"> [Neko](/forks/Neko)
 ::: aside-guide
 Maintained by [CarlosEsco](https://github.com/CarlosEsco)
 :::
 This **MangaDex** focused fork enhances your reading with native integration and recommendations.
 
-## <img class="headerLogo" :src="$withBase('/forks/TachiyomiJ2K/img/logo.png')"> [TachiyomiJ2K](/forks/TachiyomiJ2K)
+## <img class="headerLogo" :src="$withBase('/forks/TachiyomiJ2K/assets/logo.png')"> [TachiyomiJ2K](/forks/TachiyomiJ2K)
 ::: aside-guide
 Maintained by [Jays2Kings](https://github.com/Jays2Kings)
 :::
 This fork takes a new approach to the design of the base app along with several other enhancements.
 
-## <img class="headerLogo" :src="$withBase('/forks/TachiyomiAZ/img/logo.png')"> [TachiyomiAZ](/forks/TachiyomiAZ)
+## <img class="headerLogo" :src="$withBase('/forks/TachiyomiAZ/assets/logo.png')"> [TachiyomiAZ](/forks/TachiyomiAZ)
 ::: aside-guide
 Maintained by [az4521](https://github.com/az4521) and [Syer10](https://github.com/jobobby04)
 :::
 
 This hentai focused fork is based off of **[TachiyomiEH](/forks/TachiyomiEH)**, it has most features and fixes from **Tachiyomi**, as well as features from **[TachiyomiJ2K](/forks/TachiyomiJ2K)**. It has decided to keep the hamburger menu style of navigation, compared to the other forks that are moving to the new bottom navigation style.
 
-## <img class="headerLogo" :src="$withBase('/forks/TachiyomiEH/img/logo.png')"> [TachiyomiEH](/forks/TachiyomiEH) <Badge text="Deprecated" type="error" vertical="middle" />
+## <img class="headerLogo" :src="$withBase('/forks/TachiyomiEH/assets/logo.png')"> [TachiyomiEH](/forks/TachiyomiEH) <Badge text="Deprecated" type="error" vertical="middle" />
 ::: aside-guide
 Maintained by [NerdNumber9](https://github.com/NerdNumber9)
 :::

src/forks/TachiyomiAZ.md

@@ -6,7 +6,7 @@ description: This hentai focused fork is based off of TachiyomiEH, it has most f
 lang: en-US
 meta:
   - property: og:image
-    content: /forks/TachiyomiAZ/img/logo.png
+    content: /forks/TachiyomiAZ/assets/logo.png
   - name: theme-color
     content: "#FFCC4D"
   - name: msapplication-TileColor
@@ -80,7 +80,7 @@ sidebar: false
 }
 </style>
 
-# <img class="headerLogo" :src="$withBase('/forks/TachiyomiAZ/img/logo.png')"> TachiyomiAZ
+# <img class="headerLogo" :src="$withBase('/forks/TachiyomiAZ/assets/logo.png')"> TachiyomiAZ
 
 <ForkButtons forkName="TachiyomiAZ" downloadForkLink="https://api.github.com/repos/az4521/TachiyomiAZ/releases/latest" downloadForkStyle="background-color:#FFCC4D;color:#000000;" githubForkLink="window.open('https://github.com/az4521/TachiyomiAZ')"/>
 <div class="overflowContainer">
@@ -137,4 +137,4 @@ This hentai focused fork is based off of **[TachiyomiEH](/forks/TachiyomiEH)**,
 - Grid view corner rounding configuration
 - Manga recommendations
 
-<img :src="$withBase('/forks/TachiyomiAZ/img/gunz.png')">
+<img :src="$withBase('/forks/TachiyomiAZ/assets/gunz.png')">

src/forks/TachiyomiEH.md

@@ -6,7 +6,7 @@ description: This fork adds features that enhances the hentai experience with in
 lang: en-US
 meta:
   - property: og:image
-    content: /forks/TachiyomiEH/img/logo.png
+    content: /forks/TachiyomiEH/assets/logo.png
   - name: theme-color
     content: "#2e84bf"
   - name: msapplication-TileColor
@@ -14,7 +14,7 @@ meta:
 sidebar: false
 ---
 
-# <img class="headerLogo" :src="$withBase('/forks/TachiyomiEH/img/logo.png')"> TachiyomiEH <Badge text="Deprecated" type="error" vertical="middle" />
+# <img class="headerLogo" :src="$withBase('/forks/TachiyomiEH/assets/logo.png')"> TachiyomiEH <Badge text="Deprecated" type="error" vertical="middle" />
 
 <ForkButtons forkName="TachiyomiEH" downloadForkLink="https://api.github.com/repos/NerdNumber9/TachiyomiEH/releases/latest" githubForkLink="window.open('https://github.com/NerdNumber9/TachiyomiEH')"/>
 
@@ -25,7 +25,7 @@ This fork adds features that enhances the hentai experience with integrations to
 
 At the moment, it is **deprecated** as the developer does not have time to maintain it. Use [TachiyomiAZ](/forks/TachiyomiAZ) instead.
 
-<img :src="$withBase('/forks/TachiyomiEH/img/banner.png')"/>
+<img :src="$withBase('/forks/TachiyomiEH/assets/banner.png')"/>
 
 ## Features
 ::: aside-guide

src/forks/TachiyomiJ2K.md

@@ -6,7 +6,7 @@ description: This fork takes a new approach to the design of the base app along
 lang: en-US
 meta:
   - property: og:image
-    content: /forks/TachiyomiJ2K/img/logo.png
+    content: /forks/TachiyomiJ2K/assets/logo.png
   - name: theme-color
     content: "#2e84bf"
   - name: msapplication-TileColor
@@ -14,7 +14,7 @@ meta:
 sidebar: false
 ---
 
-# <img class="headerLogo" :src="$withBase('/forks/TachiyomiJ2K/img/logo.png')"> TachiyomiJ2K
+# <img class="headerLogo" :src="$withBase('/forks/TachiyomiJ2K/assets/logo.png')"> TachiyomiJ2K
 
 <ForkButtons forkName="TachiyomiJ2K" downloadForkLink="https://api.github.com/repos/Jays2Kings/tachiyomiJ2K/releases/latest" githubForkLink="window.open('https://github.com/Jays2Kings/tachiyomiJ2K')"/>
 
@@ -23,7 +23,7 @@ sidebar: false
 
 This fork takes a new approach to the design of the base app along with several other enhancements.
 
-<img :src="$withBase('/forks/TachiyomiJ2K/img/banner.png')"/>
+<img :src="$withBase('/forks/TachiyomiJ2K/assets/banner.png')"/>
 
 ## Features
 ::: aside-guide

src/help/faq/README.md

@@ -32,18 +32,6 @@ Every now and then you find a manga that is translated by more than one group, b
 Change library sorting by going to <Navigation item="library"/> → <Navigation item="filter"/> → **Sort** section then in this case selecting **Total chapters**.
 :::
 
-#### 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.
-
-
-::: guide
-- Most commonly it is caused by full storage, check to see if your device or SD Card is full
-- **Tachiyomi** doesn't have access to SD card enabled in permissions for the app
-- 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.
@@ -99,14 +87,10 @@ You can change language by going to <Navigation item="more"/> → <Navigation it
 
 ### Miscellaneous
 #### What happened to the F-Droid version?
-F-Droid is no longer supported. Both the Stable and Preview builds are now automatically updated.
 
-An unofficial F-Droid repo is available at [tachi.efreakbnc.net](https://tachi.efreakbnc.net). 
+**F-Droid** is no longer supported. Both the Stable and Preview builds are now automatically updated.
 
-#### Why do I get a `App not installed` error when installing?
-You may encounter this if you're installing an official build over an existing F-Droid build due to differing signatures.
-
-Backup your data, uninstall the app, then restore the data in the fresh install.
+An unofficial **F-Droid** repo is available at [tachi.efreakbnc.net](https://tachi.efreakbnc.net).
 
 #### iOS Version
 There is no iOS version and no plans for one. Since iOS and Android apps don't share code it's hard to port.
@@ -131,8 +115,7 @@ Tachiyomi is not affiliated with or responsible for any source that is down or s
 
 <!---
 While Tachiyomi does not officially endorse or recommend any manga website, below listed are some popular sources reported by users. **MangaDex**, **MangaSee** and **MangaNelo** are among the most popular in general, these are large sites which host content from scanlators. Description of some popular sources are listed below:
--->
-<!--- 
+
 - Fastest manga updates: **Mangadex** and scanlator sources
 - Largest manga library: **MangaPark**
 - High quality scans and official translation: **MangaSee**
@@ -140,9 +123,8 @@ While Tachiyomi does not officially endorse or recommend any manga website, belo
 - Webtoons and Manhwa/Manhua: **Webtoons**, **Toonily** (found in **Madara** extension), **Mangazuki.me** (in **Madara** extension), **IsekaiScan.com** (also in **Madara** extension)
 - Western comics: **ReadComicOnline** and **ComicExtra**
 - Yaoi, Yuri, Shounen Ai and Shoujo Ai: **Mangahasu**, **Dynasty** (for Yuri), **Lily Manga** (for Yuri, in **Madara** extension) **MyReadingManga** (for Yaoi)
+
 - Other popular sources: **MangaLife**, **MangaOwl**, **MangaHere**, **MangaFreak**, **Manhwa18.net** (in **FMReader** extension)
--->
-<!--- 
 Most of the scanlator sources are part of **Multi-source** extensions, which contain multiple sources. For example, extensions like **Genkan**, **Madara**, **FoolSlide** and **ComiCake** which contain sources which host directly from the scanlators' own websites.
 -->
 
@@ -182,8 +164,8 @@ When installing your first extension and are prompted that your phone isn't allo
 <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 muted loop controls :poster="$withBase('/assets/media/video-guide-unknownsources-android10.png')" height="500" controlslist="nodownload noremoteplayback" preload="none" loading="lazy" crossorigin="use-credentials">
-		<source :src="$withBase('/assets/media/video-guide-unknownsources-android10.webm')" type="video/webm" />
+	<video muted loop controls :poster="$withBase('/help/faq/assets/UnknownSources-Android10.png')" height="500" controlslist="nodownload noremoteplayback" preload="none" loading="lazy" crossorigin="use-credentials">
+		<source :src="$withBase('/help/faq/assets/UnknownSources-Android10.webm')" type="video/webm" />
 	</video>
 </figure>
 </CarouselItem>
@@ -191,8 +173,8 @@ When installing your first extension and are prompted that your phone isn't allo
 <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 muted loop controls :poster="$withBase('/assets/media/video-guide-unknownsources-android711.png')" height="500" controlslist="nodownload noremoteplayback" preload="none" loading="lazy" crossorigin="use-credentials">
-		<source :src="$withBase('/assets/media/video-guide-unknownsources-android711.webm')" type="video/webm" />
+	<video muted loop controls :poster="$withBase('/help/faq/assets/UnknownSources-Android7.png')" height="500" controlslist="nodownload noremoteplayback" preload="none" loading="lazy" crossorigin="use-credentials">
+		<source :src="$withBase('/help/faq/assets/UnknownSources-Android7.webm')" type="video/webm" />
 	</video>
 </figure>
 </CarouselItem>
@@ -246,10 +228,10 @@ It might be because the title is worded differently. Follow any of the steps bel
 - Go to <Navigation item="browse"/> → <Navigation item="button_browse"/> on a source then search for the manga again.
 
 
-#### Some common errors you might encounter
+#### Common errors
 
 ##### Java.lang Exception: Challenge not found
-Often this will be resolved by force-quitting and reopening Tachiyomi.
+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.
@@ -258,30 +240,41 @@ It means that the respective extension for the manga is not installed. To fix, i
 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.
 
 ##### HTTP error 403
-The source you selected may have Cloudflare protection on and is enforcing CAPTCHAs.
+The source you selected may have **Cloudflare** protection on and is enforcing **CAPTCHAs**.
 
 1. Find a manga in your library that is from the source you're trying to access.
 1. Tap on the <Navigation item="webview"/> in the **INFO** tab.
-1. Complete the CAPTCHA if present and wait for the page to finish loading.
+1. Complete the **CAPTCHA** if present and wait for the page to finish loading.
 1. Press back rather than exiting the app and if that does not work, use the back arrow.
 
+##### App not installed
+You may encounter this if you're installing an official build over an existing **F-Droid** build due to differing signatures.
+Backup your data, uninstall the app, then restore the data in the fresh install.
+
+##### Attempt to invoke virtual method 'com.hippo.unifile...
+This error can be caused by a variety of reasons, all to do with storage.
+
+::: guide
+- Most commonly it is caused by full storage, check to see if your device or SD Card is full
+- **Tachiyomi** doesn't have access to SD card enabled in permissions for the app
+- 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.
+:::
+
 ### 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.
+::: aside-guide
+[<MaterialIcon icon-name="videocam"/> Click for video guide](/help/faq/assets/MangaDex-NoResults.webm)
+:::
+
+If you're not getting any results when searching MangaDex then you need to log in. To do so enter the <Navigation item="webview"/> for **MangaDex** then press the **Manga** drop-down and choose either **Sign up** or **Log in** to proceed with the log in.
 
 ::: guide
 To enter the **WebView** go to <Navigation item="browse"/> → <Navigation item="button_browse"/>/<Navigation item="button_latest"/> next to **MangaDex**, then press on <Navigation item="webview"/> in the top right corner.
 :::
 
-::: expander <strong>Click to reveal video guide!</strong>
-<figure class="centered">
-	<video muted loop controls :poster="$withBase('/assets/media/video-guide-mangadex-no-results.png')" height="500" controlslist="nodownload noremoteplayback" preload="none" loading="lazy" crossorigin="use-credentials">
-		<source :src="$withBase('/assets/media/video-guide-mangadex-no-results.webm')" type="video/webm"/>
-	</video>
-</figure>
-:::
-
 ::: tip
 Make sure you're on app version **0.9.2** or higher.
 ::: aside
@@ -337,15 +330,15 @@ Japscan has some manga that are scrambled using a different algorithm than other
 
 ### MangaRock
 
-##### Migrate to Tachiyomi
+#### Migrate to Tachiyomi
 There is a tool to migrate **MangaRock** favorites 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.
 
 View the program at [waicool20/mr2tachiyomi](https://github.com/waicool20/mr2tachiyomi).
 
-##### Restore a backup from the MangaRock source
+#### Restore a backup from the MangaRock source
 There is an unofficial method to restore/backup all manga from the MangaRock source.
 
-1. Install the [DummyRock](/assets/misc/tachiyomi-en.dummyrock-v1.2.1-debug.apk) file.
+1. Install the [DummyRock](https://github.com/tachiyomiorg/website/raw/files/DummyRock.apk) file.
 1. Go to <Navigation item="browse"/> → **EXTENSIONS** and press **Trust** to proceed.
 1. Restore backup.
 

src/help/guides/categories.md

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

src/help/guides/creating-backups.md

@@ -17,7 +17,7 @@ Backups can hold the following information:
 
 ## Restoring
 
-Restoring is done from the <Navigation item="old_backup"/> settings. To restore without issues be sure to:
+Restoring is done from the <Navigation item="settings_backup"/> settings. To restore without issues be sure to:
 
 * Install all the <Navigation item="tab_extensions"/> that were installed at the time of the backup.
 * Log into the <Navigation item="settings_tracking"/> services that you use.
@@ -30,7 +30,7 @@ Restoring is done from the <Navigation item="old_backup"/> settings. To restore
 You can transfer downloaded manga chapters from one version of **Tachiyomi** to another.
 
 ::: guide
-You can do this by going to <Navigation item="settings"/> → <Navigation item="settings_downloads"/> and then set the download directory to that of the download folder of your old **Tachiyomi**, then restore the backup.
+You can do this by going to <Navigation item="more"/> → <Navigation item="settings"/> → <Navigation item="settings_downloads"/> and then set the download directory to that of the download folder of your old **Tachiyomi**, then restore the backup.
 :::
 
 ## Turning on auto-backups
@@ -38,7 +38,7 @@ You can do this by going to <Navigation item="settings"/> → <Navigation item="
 It is highly recommended you turn on auto backups, this will ensure you can recover if need be.
 
 ::: guide
-You can do this by going to <Navigation item="settings"/> → <Navigation item="old_backup"/> and then setting a **backup frequency**. In the case of a catastrophic failure, at least you will be able to recover.
+You can do this by going to <Navigation item="more"/> → <Navigation item="settings"/> → <Navigation item="settings_backup"/> and then setting a **backup frequency**. In the case of a catastrophic failure, at least you will be able to recover.
 :::
 
 ## Forks information

src/help/guides/getting-started.md

@@ -10,21 +10,21 @@ lang: en-US
 
 <DownloadButtons downloadStableTag="Tachiyomi" downloadPreviewTag="Tachiyomi Preview"/>
 
-You can download the latest version of <Navigation item="tachiyomi"/> by clicking either of the above buttons.
+You can download the latest version of **Tachiyomi** by clicking either of the above buttons.
 When you've completed the download, open the <VersionTag fileName/> file and proceed with installing it.
 
 ## Installing an extension
 
 ::: aside-guide
-[<MaterialIcon icon-name="videocam"/> Click for video guide](/assets/media/video-guide-extension-install.webm)
+[<MaterialIcon icon-name="videocam"/> Click for video guide](/help/guides/getting-started/assets/Extension-Install.webm)
 :::
 
-Now that <Navigation item="tachiyomi"/> is installed, open the app and navigate to <Navigation item="browse"/> and then switch to the <Navigation item="tab_extensions"/> tab.
+Now that **Tachiyomi** is installed, open the app and navigate to <Navigation item="browse"/> and then switch to the <Navigation item="tab_extensions"/> tab.
 
 Find the extension that you'd like to use then press the <Navigation item="install"/> button next to your desired extension and then accept the installation prompt.
 
 ::: guide Security prompt
-You *might* be stopped by a security prompt while attempting to install an extension. If that were to happen then you need to allow <Navigation item="tachiyomi"/> the permission to *install unknown apps*.
+You *might* be stopped by a security prompt while attempting to install an extension. If that were to happen then you need to allow **Tachiyomi** the permission to *install unknown apps*.
 ::: aside
 Learn how you can do so [here](/help/faq/#how-do-i-allow-third-party-installations)
 :::
@@ -32,7 +32,7 @@ Learn how you can do so [here](/help/faq/#how-do-i-allow-third-party-installatio
 ## Adding manga to your library
 
 ::: aside-guide
-[<MaterialIcon icon-name="videocam"/> Click for video guide](/assets/media/video-guide-library-add-to.webm)
+[<MaterialIcon icon-name="videocam"/> Click for video guide](/help/guides/getting-started/assets/Library-AddTo.webm)
 :::
 
 Now that you've installed the desired extension it will show in the <Navigation item="tab_sources"/> tab. This page contains all of your sources, which is obtained through extensions, some extensions contain *multiple* sources.

src/help/guides/reader-settings.md

@@ -38,39 +38,39 @@ All examples are illustrations and may not reflect what actually happens.
 <figure class="centered">
 	<h4>Fit screen</h4>
 	<p>Will fit either to width or height depending on image resolution</p>
-	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/media/fitscreen.png')">
+	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/help/guides/reader-settings/assets/Reader-FitScreen.png')">
 </figure>
 </CarouselItem>
 <CarouselItem>
 <figure class="centered">
 	<h4>Stretch</h4>
-	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/media/stretch.png')">
+	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/help/guides/reader-settings/assets/Reader-Stretch.png')">
 </figure>
 </CarouselItem>
 <CarouselItem>
 <figure class="centered">
 	<h4>Fit width</h4>
-	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/media/fitwidth.png')">
+	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/help/guides/reader-settings/assets/Reader-FitWidth.png')">
 </figure>
 </CarouselItem>
 <CarouselItem>
 <figure class="centered">
 	<h4>Fit height</h4>
-	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/media/fitheight.png')">
+	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/help/guides/reader-settings/assets/Reader-FitHeight.png')">
 </figure>
 </CarouselItem>
 <CarouselItem>
 <figure class="centered">
 	<h4>Original size</h4>
 	<p>Will be either zoom in or out depending on image resolution</p>
-	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/media/originalsize.png')">
+	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/help/guides/reader-settings/assets/Reader-OriginalSize.png')">
 </figure>
 </CarouselItem>
 <CarouselItem>
 <figure class="centered">
 	<h4>Smart fit</h4>
 	<p>Fits to the longest side of the image</p>
-	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/media/smartfit.png')">
+	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/help/guides/reader-settings/assets/Reader-SmartFit.png')">
 </figure>
 </CarouselItem>
 </Carousel>
@@ -92,21 +92,21 @@ All examples are illustrations
 <figure class="centered">
 	<h4>Left</h4>
 	<p>Will start at the left side of the page.</p>
-	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/media/zoomstartpositionleft.png')">
+	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/help/guides/reader-settings/assets/Reader-ZoomStartPos-Left.png')">
 </figure>
 </CarouselItem>
 <CarouselItem>
 <figure class="centered">
 	<h4>Right</h4>
 	<p>Will start at the right side of the page.</p>
-	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/media/zoomstartpositionright.png')">
+	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/help/guides/reader-settings/assets/Reader-ZoomStartPos-Right.png')">
 </figure>
 </CarouselItem>
 <CarouselItem>
 <figure class="centered">
 	<h4>Center</h4>
 	<p>Will start at the center of the page.</p>
-	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/media/zoomstartpositioncenter.png')">
+	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/help/guides/reader-settings/assets/Reader-ZoomStartPos-Center.png')">
 </figure>
 </CarouselItem>
 </Carousel>
@@ -126,14 +126,14 @@ This allows you to control what color the background should be in reader. Backgr
 <Carousel name="carousel-background-color">
 <CarouselItem>
 <figure class="centered">
-	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/media/backgroundcolorblack.png')">
+	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/help/guides/reader-settings/assets/Reader-Background-Black.png')">
 	<h4>Black</h4>
 	<p>Surrounds page with black. With an AMOLED screen you can save battery by using this.</p>
 </figure>
 </CarouselItem>
 <CarouselItem>
 <figure class="centered">
-	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/media/backgroundcolorwhite.png')">
+	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/help/guides/reader-settings/assets/Reader-Background-White.png')">
 	<h4>White</h4>
 	<p>Surrounds page with white. Makes pages seemless with the screen.</p>
 </figure>
@@ -144,8 +144,7 @@ This allows you to control what color the background should be in reader. Backgr
 Double tap animation speed changes the speed in which the zoom happens when double tapping.
 
 ## Skip chapters marked read <Badge text="False" type="default-indicator" vertical="middle" />
-This setting allows the chapters marked as read to be skipped during reading. To mark a chapter as read, tap the <Navigation item="old_overflow"/> and press **Mark as Read**.
-This setting can be useful if a series has multiple scanlation groups and you want to hide one's chapters during reading.
+This setting allows the chapters marked as read to be skipped during reading. This setting can be useful if a series has multiple scanlation groups and you want to hide one's chapters during reading.
 
 ## Fullscreen <Badge text="True" type="default-indicator" vertical="middle" />
 This setting specifies if the notification and navigation bar are to be hidden while in the reader.
@@ -173,13 +172,13 @@ Tries to remove excess white borders
 <CarouselItem>
 <figure class="centered">
 	<h4>With Crop borders on</h4>
-	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/media/withcropborder.png')">
+	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/help/guides/reader-settings/assets/Reader-CropBorder-With.png')">
 </figure>
 </CarouselItem>
 <CarouselItem>
 <figure class="centered">
 	<h4>With Crop borders off</h4>
-	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/media/withoutcropborder.png')">
+	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/help/guides/reader-settings/assets/Reader-CropBorder-Without.png')">
 </figure>
 </CarouselItem>
 </Carousel>

src/help/guides/source-problems.md

@@ -19,8 +19,8 @@ lang: en-US
 :::
 
 ## Diagnosis
-1. Try opening the manga in WebView. If there is CAPTCHA, solve it and see if it helped.
-1. Change your internet connection (switch to WiFi, mobile data or a VPN, use a "What's my IP" site to confirm your ip has changed), then try again.
+1. Try opening the manga in <Navigation item="webview"/>. If there is **CAPTCHA**, solve it and see if it helped.
+1. Change your internet connection (*switch to Wi-Fi, mobile data or a VPN, use a "What's my IP" site to confirm your IP has changed*), then try again.
 1. Ask other users to try the action that gives you the error.
 
 ::: tip Bonus step
@@ -31,7 +31,7 @@ If any of these help go to [it only happens to me](#it-only-happens-to-me).
 If it's not just you, go to [everyone is having this problem](#everyone-is-having-this-problem).
 
 ### It only happens to me
-You may be getting a CAPTCHA, may have been IP-banned, or some other counter-measure that website owners deploy against programs like Tachiyomi. If that is the case, there is probably nothing that can be done about that. Some of them (like CAPTCHA) have to be manually solved, some are temporary (IP bans).
+You may be getting a **CAPTCHA**, may have been IP-banned, or some other counter-measure that website owners deploy against programs like **Tachiyomi**. If that is the case, there is probably nothing that can be done about that. Some of them (like **CAPTCHA**) have to be manually solved, some are temporary (IP bans).
 
 **Workarounds that can lower chance of it happening again:**
 * Don't use downloads with the source.
@@ -51,20 +51,20 @@ In this case it is a problem with the site.
 
 **Please note that WebView is not the same as using your browser.**
 
-You can open WebView in two of the following ways:
+You can open **WebView** in two of the following ways:
 
 * If you already have a manga in **Library**
 	* Open the manga in **Library**, then click on the <Navigation item="webview"/> on the **INFO** tab.
 * If you don't have manga in **Library**
 	* Go to <Navigation item="browse"/> and click on **BROWSE** beside the source. Then open a manga and click on <Navigation item="webview"/>.
 
-Once in WebView, you will see a webpage and a bar on top with an arrow at the left side, pointing to the left edge of your screen.
-If there is no CAPTCHA on the webpage, initiate one by tapping a manga title, if possible. Once a CAPTCHA is shown, solve it. After that, use the aforementioned back arrow on the bar at the top of your screen to go back to your manga. Please do not use the back button on your phone as it does not work as expected.
+Once in **WebView**, you will see a webpage and a bar on top with an arrow at the left side, pointing to the left edge of your screen.
+If there is no **CAPTCHA** on the webpage, initiate one by tapping a manga title, if possible. Once a **CAPTCHA** is shown, solve it. After that, use the aforementioned back arrow on the bar at the top of your screen to go back to your manga. Please do not use the back button on your phone as it does not work as expected.
 
 ::: tip
-If WebView doesn't work for you, please update the **Android System WebView** app through [Play Store](https://play.google.com/store/apps/details?id=com.google.android.WebView), then go to [Developer Options](https://developer.android.com/studio/debug/dev-options) in your phone's settings and set **WebView Implementation** to Android System WebView. If Android System WebView doesn't work, set **Google Chrome** as default in WebView Implementation.
+If **WebView** doesn't work for you, please update the **Android System WebView** app through [Play Store](https://play.google.com/store/apps/details?id=com.google.android.WebView), then go to [Developer Options](https://developer.android.com/studio/debug/dev-options) in your phone's settings and set **WebView Implementation** to *Android System WebView*. If *Android System WebView* doesn't work, set **Google Chrome** as default in **WebView Implementation**.
 :::
 
 <figure class="centered">
-	<img :src="$withBase('/assets/media/openinwebview.jpg')">
+	<img :src="$withBase('/help/guides/source-problems/assets/WebView-Open.jpg')">
 </figure>