Sidebar changes and renaming some Guide items (#570)

* Change names and set redirection on some guides

* Stylize sidebar

package.json

@@ -37,6 +37,7 @@
 		"vuepress-plugin-clean-urls": "^1.1.2",
 		"vuepress-plugin-container": "^2.1.5",
 		"vuepress-plugin-element-ui": "^1.1.0",
+		"vuepress-plugin-redirect-frontmatter": "^1.0.0",
 		"vuepress-plugin-zooming": "^1.1.8",
 		"webpack": "^4.44.2"
 	},

src/.vuepress/config.js

@@ -38,11 +38,11 @@ module.exports = {
 		lastUpdated: "Last updated",
 		nav: navBarConfig,
 		sidebar: {
-			"/help/guides/": sideBarConfig.guides,
+			"/help/guides/": sideBarConfig.default,
-			"/help/faq/": sideBarConfig.faq,
+			"/help/faq/": sideBarConfig.default,
-			"/help/contribution": sideBarConfig.contribution,
+			"/help/contribution": sideBarConfig.default,
-			"/extensions": sideBarConfig.extensions,
+			"/extensions": sideBarConfig.default,
-			"/forks": sideBarConfig.forks,
+			"/forks": sideBarConfig.default,
 			"/sandbox": sideBarConfig.sandbox,
 		},
 	},

src/.vuepress/config/plugins.js

@@ -49,6 +49,7 @@ module.exports = [
 			normalSuffix: "/",
 		},
 	],
+	["redirect-frontmatter"],
 	[
 		"vuepress-plugin-zooming",
 		{

src/.vuepress/config/sideBar.js

@@ -1,6 +1,5 @@
 module.exports = {
-	guides: [
+	default: [
-		"/",
 		{
 			title: "Frequently Asked Questions",
 			path: "/help/faq/",
@@ -11,140 +10,20 @@ module.exports = {
 			sidebarDepth: 2,
 			children: [
 				"/help/guides/getting-started",
-				"/help/guides/troubleshooting-problems",
+				"/help/guides/troubleshooting",
 				"/help/guides/source-migration",
-				"/help/guides/creating-backups",
+				"/help/guides/backups",
-				"/help/guides/reading-local-manga",
-				"/help/guides/reader-settings",
-				"/help/guides/categories",
 				"/help/guides/tracking",
+				"/help/guides/categories",
+				"/help/guides/local-manga",
+				"/help/guides/reader-settings",
 			],
 		},
 		{
-			title: "Forks",
+			title: "Tachiyomi",
-			path: "/forks/",
-		},
-		{
-			title: "Contribution",
-			path: "/help/contribution",
-		},
-		{
-			title: "Download",
-			path: "/download/",
-		},
-		{
-			title: "Extensions",
-			path: "/extensions/",
-		},
-	],
-	faq: [
-		"/",
-		{
-			title: "Frequently Asked Questions",
-			path: "/help/faq/",
-		},
-		{
-			title: "Guides",
-			path: "/help/guides/getting-started",
-		},
-		{
-			title: "Forks",
-			path: "/forks/",
-		},
-		{
-			title: "Contribution",
-			path: "/help/contribution",
-		},
-		{
-			title: "Download",
-			path: "/download/",
-		},
-		{
-			title: "Extensions",
-			path: "/extensions/",
-		},
-	],
-	contribution: [
-		"/",
-		{
-			title: "Frequently Asked Questions",
-			path: "/help/faq/",
-		},
-		{
-			title: "Guides",
-			path: "/help/guides/getting-started",
-		},
-		{
-			title: "Forks",
-			path: "/forks/",
-		},
-		{
-			title: "Contribution",
 			collapsable: false,
-			sidebarDepth: 1,
+			sidebarDepth: 2,
-			children: ["/help/contribution"],
+			children: ["/help/contribution", "/download/", "/extensions/", "/forks/"],
-		},
-		{
-			title: "Download",
-			path: "/download/",
-		},
-		{
-			title: "Extensions",
-			path: "/extensions/",
-		},
-	],
-	extensions: [
-		"/",
-		{
-			title: "Frequently Asked Questions",
-			path: "/help/faq/",
-		},
-		{
-			title: "Guides",
-			path: "/help/guides/getting-started",
-		},
-		{
-			title: "Forks",
-			path: "/forks/",
-		},
-		{
-			title: "Contribution",
-			path: "/help/contribution",
-		},
-		{
-			title: "Download",
-			path: "/download/",
-		},
-		{
-			title: "Extensions",
-			path: "/extensions/",
-		},
-	],
-	forks: [
-		"/",
-		{
-			title: "Frequently Asked Questions",
-			path: "/help/faq/",
-		},
-		{
-			title: "Guides",
-			path: "/help/guides/getting-started",
-		},
-		{
-			title: "Forks",
-			path: "/forks/",
-		},
-		{
-			title: "Contribution",
-			path: "/help/contribution",
-		},
-		{
-			title: "Download",
-			path: "/download/",
-		},
-		{
-			title: "Extensions",
-			path: "/extensions/",
 		},
 	],
 	sandbox: [

src/.vuepress/styles/index.styl

@@ -361,3 +361,37 @@ a
 			&__title
 			&__description
 				color #ce8b27
+
+.sidebar
+    .sidebar-heading
+		font-weight 500 !important
+	.sidebar-links > li
+		> .sidebar-link
+			font-weight 500 !important
+		> .sidebar-group .sidebar-group-items .sidebar-link
+			font-weight 400 !important
+			&.active
+				font-weight 500 !important
+				border-left none !important
+				&::before
+					content " "
+					position: absolute
+					width 7px
+					height 7px
+					margin-left -12px
+					margin-top 6px
+					background-color $accentColor
+					border-radius 50%
+
+	.sidebar-sub-headers > .sidebar-sub-header
+		> .sidebar-link
+			font-weight 500 !important
+		& > .sidebar-sub-headers > .sidebar-sub-header
+			> .sidebar-link
+				font-weight 400 !important
+			> .sidebar-sub-headers > .sidebar-sub-header .sidebar-link
+				font-weight 500 !important
+
+	.menu-link.active:before {
+
+}

src/help/README.md

@@ -11,7 +11,7 @@ help:
     faq: true
   - title: Troubleshooting
     description: Fix common issues
-    link: /help/guides/troubleshooting-problems/
+    link: /help/guides/troubleshooting/
     fixProblems: true
   - title: Guides
     description: Extensive guides written for you

src/help/guides/backups.md

@@ -1,10 +1,12 @@
 ---
-title: Creating backups
+title: Backups
 description: Backups can save you a lot of headache in case something happens to your installation or device.
 lang: en-US
+permalink: /help/guides/backups
+redirectFrom: /help/guides/creating-backups
 ---
 
-# Creating backups
+# Backups
 
 Backups are inter-compatible between **Tachiyomi** versions, with a few exceptions listed under [forks information](#forks-information).
 
@@ -17,7 +19,7 @@ Backups can hold the following information:
 1. **Manga information** such as Author, Artist, Date Added to Library, Selected Viewer, etc.
 
 ::: guide
-You can do this by going to <Navigation item="more"/> → <Navigation item="settings"/> → <Navigation item="settings_backup"/> and then selecting **Create backup** and select a location to save it. 
+You can do this by going to <Navigation item="more"/> → <Navigation item="settings"/> → <Navigation item="settings_backup"/> and then selecting **Create backup** and select a location to save it.
 :::
 
 Legacy Backups can hold the following information:
@@ -28,7 +30,7 @@ Legacy Backups can hold the following information:
 1. **Reading history**
 
 ::: guide
-You can do this by going to <Navigation item="more"/> → <Navigation item="settings"/> → <Navigation item="settings_backup"/> and then selecting **Create legacy backup** and select a location to save it. 
+You can do this by going to <Navigation item="more"/> → <Navigation item="settings"/> → <Navigation item="settings_backup"/> and then selecting **Create legacy backup** and select a location to save it.
 :::
 
 Legacy Backups are intended for versions of Tachiyomi, or forks based on versions, older than 0.10.7.
@@ -36,9 +38,9 @@ Legacy Backups are intended for versions of Tachiyomi, or forks based on version
 
 ## Restoring
 
-Restoring is done from the <Navigation item="settings_backup"/> settings. 
+Restoring is done from the <Navigation item="settings_backup"/> settings.
 
-To restore a backup without issues be sure to: 
+To restore a backup without issues be sure to:
 
 * Log into the <Navigation item="settings_tracking"/> services that you previously used.
 

src/help/guides/local-manga.md

@@ -1,21 +1,23 @@
 ---
-title: Reading local manga
+title: Local manga
 description: All the information you would need to read your own local manga.
 lang: en-US
+permalink: /help/guides/local-manga
+redirectFrom: /help/guides/reading-local-manga
 ---
 
-# Reading local manga
+# Local manga
 
 Follow the steps below to create local manga.
 
 1. Create a folder named `local` in the `/Tachiyomi/` folder.
     <ul>
   		<li> The `/Tachiyomi/` folder is located in the root of phone's **internal storage** or **external SD card** and it's **not related** to the `eu.kanade.tachiyomi/` folder or the download location in the settings.</li>
-    </ul> 
+    </ul>
 1. Place correctly structured manga inside `/Tachiyomi/local/`.
 	<ul>
   		<li>Optional: If adding manga in folders, add a file named `.nomedia` to the local folder so images do not show up in the gallery</li>
-	</ul> 
+	</ul>
 1. You can then access the manga in <Navigation item="browse"/> → **Local source**.
 
 If you add more chapters then you'll have to manually refresh the chapter list (by pulling down the list).

src/help/guides/tracking.md

@@ -1,11 +1,11 @@
 ---
-title: Tracking manga
+title: Tracking
 description: How to automatically track read chapters on supported trackers
 lang: en-US
 ---
-# Tracking Info
+# Tracking
 
-**Tracking** helps you automatically send read manga chapters to supported trackers, so you can keep track of what and when you read it online. 
+**Tracking** helps you automatically send read manga chapters to supported trackers, so you can keep track of what and when you read it online.
 
 Tracking is currently supported on [MyAnimeList](https://myanimelist.com), [Anilist](https://anilist.co), [Kitsu](https://kitsu.io), [Shikimori](https://shikimori.one), and [Bangumi](https://bangumi.one)
 

src/help/guides/troubleshooting.md

@@ -1,10 +1,12 @@
 ---
-title: Troubleshooting problems
+title: Troubleshooting
 description: Encountered an issue with a source or the app? Here are resources to help you troubleshoot it.
 lang: en-US
+permalink: /help/guides/troubleshooting
+redirectFrom: /help/guides/troubleshooting-problems
 ---
 
-# Troubleshooting problems
+# Troubleshooting
 
 This page is for when you encounter a problem with a source or the app.