Unify location for assets.. again.. (#372)

Co-authored-by: Andreas E. <andreas.everos@gmail.com>

src/.vuepress/theme/components/Home.vue

@@ -45,12 +45,12 @@
 					<img
 						class="feature__Animation--dark"
 						alt="Feature image (Dark theme)"
-						:src="$withBase('/assets/' + feature.image + '-Dark.png')"
+						:src="$withBase('/assets/home_' + feature.image + '-dark.png')"
 					/>
 					<img
 						class="feature__Animation--light"
 						alt="Feature image (Light theme)"
-						:src="$withBase('/assets/' + feature.image + '-Light.png')"
+						:src="$withBase('/assets/home_' + feature.image + '-light.png')"
 					/>
 				</section>
 			</div>

src/README.md

@@ -12,12 +12,12 @@ buttonGuidesLink: /help/guides/getting-started
 features:
   - title: Tracking
     details: Automatically keep track of your manga with MyAnimeList, AniList, Kitsu, Shikimori, and Bangumi
-    image: Library
+    image: library
   - title: Extensions
     details: Online and offline reading from sources like MangaDex, MangaKakalot, and hundreds more
-    image: Browse
+    image: browse
   - title: Customization
     details: A configurable reader with multiple reading modes, custom color filters, and other settings
-    image: Manga
+    image: manga
 footer: Apache Licensed | Copyright © 2015-present Javier Tomás
 ---

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/assets/logo.png
+    content: /assets/forks_logo-neko.png
   - name: theme-color
     content: "#38CA79"
   - name: msapplication-TileColor
@@ -14,7 +14,7 @@ meta:
 sidebar: false
 ---
 
-# <img class="headerLogo" :src="$withBase('/forks/Neko/assets/logo.png')"> Neko
+# <img class="headerLogo" :src="$withBase('/assets/forks_logo-neko.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 class="zoomable" :src="$withBase('/forks/Neko/assets/banner.png')"/>
+<img class="zoomable" :src="$withBase('/assets/forks_banner-neko.png')"/>
 
 ## Mangadex specific features:
 - Supports native login to **MangaDex** and supports 2FA

src/forks/README.md

@@ -9,7 +9,7 @@ sidebarDepth: 0
 # Forks
 Forks are alternative versions of **Tachiyomi** with exclusive features.
 
-## <img class="headerLogo" :src="$withBase('/forks/Neko/assets/logo.png')"> [Neko](/forks/Neko)
+## <img class="headerLogo" :src="$withBase('/assets/forks_logo-neko.png')"> [Neko](/forks/Neko)
 ::: aside-guide
 Maintained by [CarlosEsco](https://github.com/CarlosEsco)
 <br>Requires Android 7.0+
@@ -20,7 +20,7 @@ Some features include:
 * Same UI and features of J2K minus editing manga/cover
 * Built in manga recommendations
 
-## <img class="headerLogo" :src="$withBase('/forks/TachiyomiJ2K/assets/logo.png')"> [TachiyomiJ2K](/forks/TachiyomiJ2K)
+## <img class="headerLogo" :src="$withBase('/assets/forks_logo-j2k.png')"> [TachiyomiJ2K](/forks/TachiyomiJ2K)
 ::: aside-guide
 Maintained by [Jays2Kings](https://github.com/Jays2Kings)
 <br>Requires Android 6.0+
@@ -31,7 +31,7 @@ Some features include:
 * Dynamic Categories
 * Automatic background based on manga page
 
-## <img class="headerLogo" :src="$withBase('/forks/TachiyomiAZ/assets/logo.png')"> [TachiyomiAZ](/forks/TachiyomiAZ)
+## <img class="headerLogo" :src="$withBase('/assets/forks_logo-az.png')"> [TachiyomiAZ](/forks/TachiyomiAZ)
 ::: aside-guide
 Maintained by [az4521](https://github.com/az4521)
 <br>Requires Android 5.0+
@@ -44,7 +44,7 @@ Some features include:
 * Manga recommendations from My Anime List and AniDB
 * Grid view corner rounding configuration
 
-## <img class="headerLogo" :src="$withBase('/forks/TachiyomiSY/assets/logo.png')"> [TachiyomiSY](/forks/TachiyomiSY)
+## <img class="headerLogo" :src="$withBase('/assets/forks_logo-sy.png')"> [TachiyomiSY](/forks/TachiyomiSY)
 ::: aside-guide
 Maintained by [Syer10](https://github.com/jobobby04)
 <br>Requires Android 5.0+

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/assets/logo.png
+    content: /assets/forks_logo-az.png
   - name: theme-color
     content: "#FFCC4D"
   - name: msapplication-TileColor
@@ -80,7 +80,7 @@ sidebar: false
 }
 </style>
 
-# <img class="headerLogo" :src="$withBase('/forks/TachiyomiAZ/assets/logo.png')"> TachiyomiAZ
+# <img class="headerLogo" :src="$withBase('/assets/forks_logo-az.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 class="zoomable" :src="$withBase('/forks/TachiyomiAZ/assets/gunz.png')">
+<img class="zoomable" :src="$withBase('/assets/forks_gunz-az.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/assets/logo.png
+    content: /assets/forks_logo-eh.png
   - name: theme-color
     content: "#2e84bf"
   - name: msapplication-TileColor
@@ -14,7 +14,7 @@ meta:
 sidebar: false
 ---
 
-# <img class="headerLogo" :src="$withBase('/forks/TachiyomiEH/assets/logo.png')"> TachiyomiEH <Badge text="Deprecated" type="error" vertical="middle" />
+# <img class="headerLogo" :src="$withBase('/assets/forks_logo-eh.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 class="zoomable" :src="$withBase('/forks/TachiyomiEH/assets/banner.png')"/>
+<img class="zoomable" :src="$withBase('/assets/forks_banner-eh.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/assets/logo.png
+    content: /assets/forks_logo-j2k.png
   - name: theme-color
     content: "#2e84bf"
   - name: msapplication-TileColor
@@ -14,7 +14,7 @@ meta:
 sidebar: false
 ---
 
-# <img class="headerLogo" :src="$withBase('/forks/TachiyomiJ2K/assets/logo.png')"> TachiyomiJ2K
+# <img class="headerLogo" :src="$withBase('/assets/forks_logo-j2k.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 class="zoomable" :src="$withBase('/forks/TachiyomiJ2K/assets/banner.png')"/>
+<img class="zoomable" :src="$withBase('/assets/forks_banner-j2k.png')"/>
 
 ## Features
 ::: aside-guide

src/forks/TachiyomiSY.md

@@ -6,7 +6,7 @@ description: This fork adds quite a few custom unique features, it also has new
 lang: en-US
 meta:
   - property: og:image
-    content: /forks/TachiyomiSY/assets/logo.png
+    content: /assets/forks_logo-sy.png
   - name: theme-color
     content: "#BE0F6E"
   - name: msapplication-TileColor
@@ -14,7 +14,7 @@ meta:
 sidebar: false
 ---
 
-# <img class="headerLogo" :src="$withBase('/forks/TachiyomiSY/assets/logo.png')"> TachiyomiSY
+# <img class="headerLogo" :src="$withBase('/assets/forks_logo-sy.png')"> TachiyomiSY
 
 <ForkButtons forkName="TachiyomiSY" downloadForkLink="https://api.github.com/repos/jobobby04/TachiyomiSY/releases/latest" downloadForkStyle="background-color:#BE0F6E;color:#FFFFFF;" githubForkLink="window.open('https://github.com/jobobby04/TachiyomiSY')"/>
 
@@ -22,7 +22,7 @@ sidebar: false
 This fork is based off of [TachiyomiAZ](/forks/TachiyomiAZ) and adds quite a few custom unique features, it also has new features from the latest **Tachiyomi** version as well as from other forks such as [TachiyomiJ2K](/forks/TachiyomiJ2K).
 
 ## Screenshots
-<img class="zoomable" :src="$withBase('/forks/TachiyomiSY/assets/banner.png')"/>
+<img class="zoomable" :src="$withBase('/assets/forks_banner-sy.png')"/>
 
 ## Features
 - Uses the new **Tachiyomi** UI

src/help/guides/creating-backups.md

@@ -47,11 +47,11 @@ You can do this by going to <Navigation item="more"/> → <Navigation item="sett
 
 ## Forks information
 
-### <img class="forkIconBefore" src="/forks/Neko/assets/logo.png" width="24" height="24" /> [Neko](/forks/Neko)
+### <img class="forkIconBefore" src="/assets/forks_logo-neko.png" width="24" height="24" /> [Neko](/forks/Neko)
 
 This fork can only restore **MangaDex** entries in a backup. If there are entries from other sources that are a part of that backup then they will not transfer.
 
-### <img class="forkIconBefore" src="/forks/TachiyomiAZ/assets/logo.png" width="24" height="24" /> [TachiyomiAZ](/forks/TachiyomiAZ), <img class="forkIconBefore" src="/forks/TachiyomiSY/assets/logo.png" width="24" height="24" />  [TachiyomiSY](/forks/TachiyomiSY) and <img class="forkIconBefore" src="/forks/TachiyomiEH/assets/logo.png" width="24" height="24" />  [TachiyomiEH](/forks/TachiyomiEH)
+### <img class="forkIconBefore" src="/assets/forks_logo-az.png" width="24" height="24" /> [TachiyomiAZ](/forks/TachiyomiAZ), <img class="forkIconBefore" src="/assets/forks_logo-sy.png" width="24" height="24" />  [TachiyomiSY](/forks/TachiyomiSY) and <img class="forkIconBefore" src="/assets/forks_logo-eh.png" width="24" height="24" />  [TachiyomiEH](/forks/TachiyomiEH)
 
 These forks have some built-in extensions, namely: **E-Hentai**, **Hitomi.la**, and **nHentai** for <Navigation item="tachiyomiaz" /> and <Navigation item="tachiyomieh" /> while <Navigation item="tachiyomisy" /> only has **E-Hentai**.
 

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('/help/guides/reader-settings/assets/Reader-FitScreen.png')">
+	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/guides_reader-fit-screen.png')">
 </figure>
 </CarouselItem>
 <CarouselItem>
 <figure class="centered">
 	<h4>Stretch</h4>
-	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/help/guides/reader-settings/assets/Reader-Stretch.png')">
+	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/guides_reader-stretch.png')">
 </figure>
 </CarouselItem>
 <CarouselItem>
 <figure class="centered">
 	<h4>Fit width</h4>
-	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/help/guides/reader-settings/assets/Reader-FitWidth.png')">
+	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/guides_reader-fit-width.png')">
 </figure>
 </CarouselItem>
 <CarouselItem>
 <figure class="centered">
 	<h4>Fit height</h4>
-	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/help/guides/reader-settings/assets/Reader-FitHeight.png')">
+	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/guides_reader-fit-height.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('/help/guides/reader-settings/assets/Reader-OriginalSize.png')">
+	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/guides_reader-original-size.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('/help/guides/reader-settings/assets/Reader-SmartFit.png')">
+	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/guides_reader-smart-fit.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('/help/guides/reader-settings/assets/Reader-ZoomStartPos-Left.png')">
+	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/guides_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('/help/guides/reader-settings/assets/Reader-ZoomStartPos-Right.png')">
+	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/guides_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('/help/guides/reader-settings/assets/Reader-ZoomStartPos-Center.png')">
+	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/guides_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('/help/guides/reader-settings/assets/Reader-Background-Black.png')">
+	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/guides_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('/help/guides/reader-settings/assets/Reader-Background-White.png')">
+	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/guides_reader-background-white.png')">
 	<h4>White</h4>
 	<p>Surrounds page with white. Makes pages seemless with the screen.</p>
 </figure>
@@ -172,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('/help/guides/reader-settings/assets/Reader-CropBorder-With.png')">
+	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/guides_reader-crop-border-on.png')">
 </figure>
 </CarouselItem>
 <CarouselItem>
 <figure class="centered">
 	<h4>With Crop borders off</h4>
-	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/help/guides/reader-settings/assets/Reader-CropBorder-Without.png')">
+	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/guides_reader-crop-border-off.png')">
 </figure>
 </CarouselItem>
 </Carousel>

src/help/guides/reading-local-manga.md

@@ -87,7 +87,7 @@ The path to the folder with images must contain both the manga title and the cha
 <figure class="centered">
 	<h4>Example structure using the file manager</h4>
 	<p>Here, the manga name is <strong>test</strong> so the file structure is <code>/Tachiyomi/local/test/ch1/images</code>.</p>
-	<img class="zoomable" height="300" :src="$withBase('/help/guides/reading-local-manga/assets/LocalManga.jpg')">
+	<img class="zoomable" height="300" :src="$withBase('/assets/guides_local-manga.jpg')">
 </figure>
 :::
 

src/help/guides/troubleshooting-problems.md

@@ -106,7 +106,7 @@ You must solve the **CAPTCHA** in **WebView**.
 1. Press the source you'd like to access.
 1. Press the <Navigation item="webview"/> icon.
 	<figure class="centered">
-		<img class="zoomable" :src="$withBase('/help/guides/troubleshooting-problems/assets/WebView-Open.jpg')">
+		<img class="zoomable" :src="$withBase('/assets/guides_webview-open.jpg')">
 	</figure>
 1. Complete **CAPTCHA** if one is present.
 1. Once done, press the *Back Arrow* at the top left to return.

src/sandbox/style-guide.md

@@ -190,14 +190,14 @@ Many of the stuff previously mentioned generally applies when making guides too,
 > <Carousel name="carousel-background-color">
 > <CarouselItem>
 > <figure class="centered">
-> 	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/help/guides/reader-settings/assets/Reader-Background-Black.png')">
+> 	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/guides_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('/help/guides/reader-settings/assets/Reader-Background-White.png')">
+> 	<img height="400" intrinsicsize="208x500" width="260" :src="$withBase('/assets/guides_reader-background-white.png')">
 > 	<h4>White</h4>
 > 	<p>Surrounds page with white. Makes pages seemless with the screen.</p>
 > </figure>