Add content to Forks pages

Also adds dash after Tachiyomi to make names more clear

src/.vitepress/theme/styles/forks/tachiyomi-az.css

@@ -0,0 +1,396 @@
+.page-tachiyomiaz .image-bg {
+	display: none;
+}
+
+.page-tachiyomiaz ::selection {
+	background: rgba(255, 204, 77, 0.2);
+}
+
+/**
+ * Colors
+ * -------------------------------------------------------------------------- */
+
+:root .page-tachiyomiaz {
+	--vp-c-brand: #ffcc4d;
+	--vp-c-brand-light: #ffd879;
+	--vp-c-brand-lighter: #ffe5a6;
+	--vp-c-brand-lightest: #fff2d2;
+	--vp-c-brand-dark: #bf9939;
+	--vp-c-brand-darker: #7f6626;
+	--vp-c-brand-darkest: #3f3313;
+	--vp-c-brand-dimm: rgba(255, 204, 77, 0.08);
+}
+
+/**
+ * Component: Button
+ * -------------------------------------------------------------------------- */
+
+:root .page-tachiyomiaz {
+	--vp-button-brand-text: var(--vp-c-black);
+	--vp-button-brand-hover-text: var(--vp-c-black);
+	--vp-button-brand-active-text: var(--vp-c-black);
+}
+
+/**
+ * Component: Dumb
+ * -------------------------------------------------------------------------- */
+
+@font-face {
+	font-family: "Comic Sans MS";
+	src: url("//db.onlinewebfonts.com/t/7cc6719bd5f0310be3150ba33418e72e.eot");
+	src:
+		url("//db.onlinewebfonts.com/t/7cc6719bd5f0310be3150ba33418e72e.eot?#iefix") format("embedded-opentype"),
+		url("//db.onlinewebfonts.com/t/7cc6719bd5f0310be3150ba33418e72e.woff2") format("woff2"),
+		url("//db.onlinewebfonts.com/t/7cc6719bd5f0310be3150ba33418e72e.woff") format("woff"),
+		url("//db.onlinewebfonts.com/t/7cc6719bd5f0310be3150ba33418e72e.ttf") format("truetype"),
+		url("//db.onlinewebfonts.com/t/7cc6719bd5f0310be3150ba33418e72e.svg#Comic Sans MS") format("svg");
+}
+.azContainer {
+	width: 100%;
+	overflow: hidden;
+}
+.azContainer .azMarquee {
+	display: inline-block;
+	overflow: hidden;
+	white-space: nowrap;
+	animation: marquee 10s linear infinite;
+	padding-left: 100%;
+}
+.azContainer .azMarquee .azWiggleText {
+	padding: 2em;
+	width: fit-content;
+	animation: wiggleAnimation 1s ease-out infinite;
+}
+.azContainer .azMarquee .azWiggleText:hover {
+	animation: barrelRollAnimation 0.6s;
+}
+.azContainer .azMarquee .azWiggleText .azText {
+	font-family: "Comic Sans MS", "Comic Sans", cursive;
+	font-size: 2em;
+	display: inline-block;
+	-webkit-text-stroke: 1px #000;
+	text-shadow:
+		-1px -1px 0 #000,
+		1px -1px 0 #000,
+		-1px 1px 0 #000,
+		1px 1px 0 #000;
+	animation:
+		rainbowTextColorAnimation 0.5s linear infinite,
+		scaleXTextAnimation 2s infinite;
+}
+@-moz-keyframes marquee {
+	0% {
+		transform: translate(0, 0);
+	}
+	100% {
+		transform: translate(-100%, 0);
+	}
+}
+@-webkit-keyframes marquee {
+	0% {
+		transform: translate(0, 0);
+	}
+	100% {
+		transform: translate(-100%, 0);
+	}
+}
+@-o-keyframes marquee {
+	0% {
+		transform: translate(0, 0);
+	}
+	100% {
+		transform: translate(-100%, 0);
+	}
+}
+@keyframes marquee {
+	0% {
+		transform: translate(0, 0);
+	}
+	100% {
+		transform: translate(-100%, 0);
+	}
+}
+@-moz-keyframes barrelRollAnimation {
+	from {
+		transform: rotate(0deg);
+	}
+	to {
+		transform: rotate(360deg);
+	}
+}
+@-webkit-keyframes barrelRollAnimation {
+	from {
+		transform: rotate(0deg);
+	}
+	to {
+		transform: rotate(360deg);
+	}
+}
+@-o-keyframes barrelRollAnimation {
+	from {
+		transform: rotate(0deg);
+	}
+	to {
+		transform: rotate(360deg);
+	}
+}
+@keyframes barrelRollAnimation {
+	from {
+		transform: rotate(0deg);
+	}
+	to {
+		transform: rotate(360deg);
+	}
+}
+@-moz-keyframes wiggleAnimation {
+	0% {
+		transform: rotate(0deg);
+	}
+	25% {
+		transform: rotate(-15deg);
+	}
+	50% {
+		transform: rotate(0deg);
+	}
+	75% {
+		transform: rotate(15deg);
+	}
+	100% {
+		transform: rotate(0deg);
+	}
+}
+@-webkit-keyframes wiggleAnimation {
+	0% {
+		transform: rotate(0deg);
+	}
+	25% {
+		transform: rotate(-15deg);
+	}
+	50% {
+		transform: rotate(0deg);
+	}
+	75% {
+		transform: rotate(15deg);
+	}
+	100% {
+		transform: rotate(0deg);
+	}
+}
+@-o-keyframes wiggleAnimation {
+	0% {
+		transform: rotate(0deg);
+	}
+	25% {
+		transform: rotate(-15deg);
+	}
+	50% {
+		transform: rotate(0deg);
+	}
+	75% {
+		transform: rotate(15deg);
+	}
+	100% {
+		transform: rotate(0deg);
+	}
+}
+@keyframes wiggleAnimation {
+	0% {
+		transform: rotate(0deg);
+	}
+	25% {
+		transform: rotate(-15deg);
+	}
+	50% {
+		transform: rotate(0deg);
+	}
+	75% {
+		transform: rotate(15deg);
+	}
+	100% {
+		transform: rotate(0deg);
+	}
+}
+@-moz-keyframes scaleXTextAnimation {
+	0% {
+		transform: scaleX(0.5) scaleY(0.5);
+	}
+	50% {
+		transform: scaleX(1) scaleY(1);
+	}
+	100% {
+		transform: scaleX(0.5) scaleY(0.5);
+	}
+}
+@-webkit-keyframes scaleXTextAnimation {
+	0% {
+		transform: scaleX(0.5) scaleY(0.5);
+	}
+	50% {
+		transform: scaleX(1) scaleY(1);
+	}
+	100% {
+		transform: scaleX(0.5) scaleY(0.5);
+	}
+}
+@-o-keyframes scaleXTextAnimation {
+	0% {
+		transform: scaleX(0.5) scaleY(0.5);
+	}
+	50% {
+		transform: scaleX(1) scaleY(1);
+	}
+	100% {
+		transform: scaleX(0.5) scaleY(0.5);
+	}
+}
+@keyframes scaleXTextAnimation {
+	0% {
+		transform: scaleX(0.5) scaleY(0.5);
+	}
+	50% {
+		transform: scaleX(1) scaleY(1);
+	}
+	100% {
+		transform: scaleX(0.5) scaleY(0.5);
+	}
+}
+@-moz-keyframes rainbowTextColorAnimation {
+	0% {
+		color: #f00;
+	}
+	10% {
+		color: #f90;
+	}
+	20% {
+		color: #cf0;
+	}
+	30% {
+		color: #3f0;
+	}
+	40% {
+		color: #0f6;
+	}
+	50% {
+		color: #0ff;
+	}
+	60% {
+		color: #06f;
+	}
+	70% {
+		color: #30f;
+	}
+	80% {
+		color: #c0f;
+	}
+	90% {
+		color: #f09;
+	}
+	100% {
+		color: #f00;
+	}
+}
+@-webkit-keyframes rainbowTextColorAnimation {
+	0% {
+		color: #f00;
+	}
+	10% {
+		color: #f90;
+	}
+	20% {
+		color: #cf0;
+	}
+	30% {
+		color: #3f0;
+	}
+	40% {
+		color: #0f6;
+	}
+	50% {
+		color: #0ff;
+	}
+	60% {
+		color: #06f;
+	}
+	70% {
+		color: #30f;
+	}
+	80% {
+		color: #c0f;
+	}
+	90% {
+		color: #f09;
+	}
+	100% {
+		color: #f00;
+	}
+}
+@-o-keyframes rainbowTextColorAnimation {
+	0% {
+		color: #f00;
+	}
+	10% {
+		color: #f90;
+	}
+	20% {
+		color: #cf0;
+	}
+	30% {
+		color: #3f0;
+	}
+	40% {
+		color: #0f6;
+	}
+	50% {
+		color: #0ff;
+	}
+	60% {
+		color: #06f;
+	}
+	70% {
+		color: #30f;
+	}
+	80% {
+		color: #c0f;
+	}
+	90% {
+		color: #f09;
+	}
+	100% {
+		color: #f00;
+	}
+}
+@keyframes rainbowTextColorAnimation {
+	0% {
+		color: #f00;
+	}
+	10% {
+		color: #f90;
+	}
+	20% {
+		color: #cf0;
+	}
+	30% {
+		color: #3f0;
+	}
+	40% {
+		color: #0f6;
+	}
+	50% {
+		color: #0ff;
+	}
+	60% {
+		color: #06f;
+	}
+	70% {
+		color: #30f;
+	}
+	80% {
+		color: #c0f;
+	}
+	90% {
+		color: #f09;
+	}
+	100% {
+		color: #f00;
+	}
+}

src/.vitepress/theme/styles/forks/tachiyomiaz.css

@@ -1,32 +0,0 @@
-.page-tachiyomiaz .image-bg {
-	display: none;
-}
-
-.page-tachiyomiaz ::selection {
-	background: rgba(255, 204, 77, 0.2);
-}
-
-/**
- * Colors
- * -------------------------------------------------------------------------- */
-
-:root .page-tachiyomiaz {
-	--vp-c-brand: #ffcc4d;
-	--vp-c-brand-light: #ffd879;
-	--vp-c-brand-lighter: #ffe5a6;
-	--vp-c-brand-lightest: #fff2d2;
-	--vp-c-brand-dark: #bf9939;
-	--vp-c-brand-darker: #7f6626;
-	--vp-c-brand-darkest: #3f3313;
-	--vp-c-brand-dimm: rgba(255, 204, 77, 0.08);
-}
-
-/**
- * Component: Button
- * -------------------------------------------------------------------------- */
-
-:root .page-tachiyomiaz {
-	--vp-button-brand-text: var(--vp-c-black);
-	--vp-button-brand-hover-text: var(--vp-c-black);
-	--vp-button-brand-active-text: var(--vp-c-black);
-}

src/forks/index.md

@@ -14,7 +14,7 @@ Some features include:
 * Same UI and features of J2K minus editing manga/cover
 * Built in manga recommendations
 
-## [TachiyomiJ2K](tachiyomij2k)
+## [TachiyomiJ2K](tachiyomi-j2k)
 
 This fork takes a new approach to the design of the base app along with several other enhancements.
 Some features include:
@@ -22,10 +22,10 @@ Some features include:
 * Dynamic Categories
 * Automatic background based on manga page
 
-## [TachiyomiAZ](tachiyomiaz)
+## [TachiyomiAZ](tachiyomi-az)
 
 
-This fork is based on **[TachiyomiEH](https://github.com/NerdNumber9/TachiyomiEH)**, it has most features and fixes from **Tachiyomi**, as well as features from **[TachiyomiJ2K](tachiyomij2k)**.
+This fork is based on **[TachiyomiEH](https://github.com/NerdNumber9/TachiyomiEH)**, it has most features and fixes from **Tachiyomi**, as well as features from **[TachiyomiJ2K](tachiyomi-j2k)**.
 It has decided to keep the old hamburger menu style of navigation, compared to the other forks that have moved to the new bottom navigation style.
 
 Some features include:
@@ -33,12 +33,12 @@ Some features include:
 * Manga recommendations from MyAnimeList and AniList
 * Grid view corner rounding configuration
 
-## [TachiyomiSY](tachiyomisy)
+## [TachiyomiSY](tachiyomi-sy)
 
 
-This fork is based on [TachiyomiAZ](tachiyomiaz) and adds quite a lot of unique features.
+This fork is based on [TachiyomiAZ](tachiyomi-az) and adds quite a lot of unique features.
 It has the same new UI as the latest Tachiyomi version.
-And at the same time, it also shares quite a lot of features from both **Tachiyomi** and [TachiyomiJ2K](tachiyomij2k).
+And at the same time, it also shares quite a lot of features from both **Tachiyomi** and [TachiyomiJ2K](tachiyomi-j2k).
 
 Some features include:
 * Enhanced pages for certain sources

src/forks/neko.md

@@ -1,6 +1,6 @@
 ---
 title: Neko
-description: LongDesc
+description: Features specific to MangaDex with the featureset of TachiyomiJ2K
 
 layout: home
 pageClass: page-neko
@@ -8,7 +8,7 @@ pageClass: page-neko
 hero:
   name: Neko
   text: For MangaDex
-  tagline: LongDesc
+  tagline: Features specific to MangaDex with the featureset of TachiyomiJ2K
   image: /forks/forks_logo-neko.png
   actions:
     - theme: brand
@@ -19,15 +19,15 @@ hero:
       link: https://github.com/CarlosEsco/Neko
 
 features:
-  - title: Feature 1
+  - title: MangaDex
-    details: Describe Feature here.
+    details: Native login with support for MDList as a tracker, and syncing the MangaDex follows list.
-    icon: <img src="https://mangadex.org/img/brand/mangadex-logo.svg">
-  - title: Feature 2
-    details: Describe Feature here.
-    icon: <img src="https://mangadex.org/img/brand/mangadex-logo.svg">
-  - title: Feature 3
-    details: Describe Feature here.
     icon: <img src="https://mangadex.org/img/brand/mangadex-logo.svg">
+  - title: Similiar Manga
+    details: Recommendation system
+    icon: 📚
+  - title: Merging missing chapters
+    details: If anything is missing on MangaDex you can attempt to merge them with another source.
+    icon: ❔
 
 theme: "#FD6684"
 image: /forks/forks_logo-neko.png

src/forks/tachiyomi-az.md

@@ -1,14 +1,14 @@
 ---
 title: TachiyomiAZ
-description: LongDesc
+description: Hentai-focused with legacy features
 
 layout: home
 pageClass: page-tachiyomiaz
 
 hero:
   name: TachiyomiAZ
-  text: ShortDesc
+  text: Hentai-focused
-  tagline: LongDesc
+  tagline: Recommendation system, a hamburger menu, and loads of hentai
   image: https://tachiyomi-v3-gridsome.netlify.app/assets/forks_logo-az.png
   actions:
     - theme: brand
@@ -19,15 +19,15 @@ hero:
       link: https://github.com/az4521/tachiyomiAZ
 
 features:
-  - title: Feature 1
+  - title: Hentai-focused
-    details: Describe Feature here.
+    details: Adds several features to enhance your Hentai experience.
-    icon: <img src="https://tachiyomi-v3-gridsome.netlify.app/assets/forks_logo-az.png" height="32px" width="32px">
+    icon: 🔞
-  - title: Feature 2
+  - title: Manga recommendations
-    details: Describe Feature here.
+    details: Get recommendations from MyAnimeList and AniDB.
-    icon: <img src="https://tachiyomi-v3-gridsome.netlify.app/assets/forks_logo-az.png" height="32px" width="32px">
+    icon: 📚
-  - title: Feature 3
+  - title: Legacy design
-    details: Describe Feature here.
+    details: Keeps the old design of Tachiyomi with hamburger menu.
-    icon: <img src="https://tachiyomi-v3-gridsome.netlify.app/assets/forks_logo-az.png" height="32px" width="32px">
+    icon: 👵
 
 theme: "#FFCC4D"
 image: /forks/forks_logo-az.png
@@ -67,6 +67,16 @@ const members = [
 ]
 </script>
 
-<style>
+<br>
-	@import "../.vitepress/theme/styles/forks/tachiyomiaz.css"
+
+<div class="azContainer">
+  <div class="azMarquee">
+    <div class="azWiggleText">
+      <span class="azText"><i>The BEST fork</i> --az4521</span>
+    </div>
+  </div>
+</div>
+
+<style scoped>
+	@import "../.vitepress/theme/styles/forks/tachiyomi-az.css"
 </style>

src/forks/tachiyomi-j2k.md

@@ -1,14 +1,14 @@
 ---
 title: TachiyomiJ2K
-description: LongDesc
+description: New approach to the design of the base app along with several other enhancements
 
 layout: home
 pageClass: page-tachiyomij2k
 
 hero:
   name: TachiyomiJ2K
-  text: ShortDesc
+  text: Redesigned
-  tagline: LongDesc
+  tagline: New approach to the design of the base app along with several other enhancements
   image: /forks/forks_logo-j2k.png
   actions:
     - theme: brand
@@ -19,24 +19,15 @@ hero:
       link: https://github.com/Jays2Kings/tachiyomiJ2K
 
 features:
-  - title: Feature 1
+  - title: Redesigned UI
-    details: Describe Feature here.
+    details: Entirely different design from regular Tachiyomi, with exciting new features.
-    icon: <img src="/forks/forks_logo-j2k.png" height="32px" width="32px">
-  - title: Feature 2
-    details: Describe Feature here.
-    icon: <img src="/forks/forks_logo-j2k.png" height="32px" width="32px">
-  - title: Feature 3
-    details: Describe Feature here.
-    icon: <img src="/forks/forks_logo-j2k.png" height="32px" width="32px">
-  - title: Feature 4
-    details: Describe Feature here.
-    icon: 👑
-  - title: Feature 5
-    details: Describe Feature here.
-    icon: 👑
-  - title: Feature 6
-    details: Describe Feature here.
     icon: 👑
+  - title: Double-page for Tablets
+    details: Combine 2 pages while reading into a single one for a better tablet experience.
+    icon: 📖
+  - title: Dynamic categories
+    details: Group your library automatically by the tags, tracking status, source, and more.
+    icon: 🔖
 
 theme: "#0952AF"
 image: /forks/forks_logo-j2k.png
@@ -61,5 +52,5 @@ const members = [
 </script>
 
 <style>
-	@import "../.vitepress/theme/styles/forks/tachiyomij2k.css"
+	@import "../.vitepress/theme/styles/forks/tachiyomi-j2k.css"
 </style>

src/forks/tachiyomi-sy.md

@@ -7,8 +7,8 @@ pageClass: page-tachiyomisy
 
 hero:
   name: TachiyomiSY
-  text: ShortDesc
+  text: Hentai-focused
-  tagline: LongDesc
+  tagline: Keeping up-to-date with Tachiyomi while also adding exclusive features
   image: /forks/forks_logo-sy.png
   actions:
     - theme: brand
@@ -19,24 +19,15 @@ hero:
       link: https://github.com/jobobby04/TachiyomiSY
 
 features:
-  - title: Feature 1
+  - title: Hentai-focused
-    details: Describe Feature here.
+    details: Adds several features to enhance your Hentai experience.
-    icon: <img src="/forks/forks_logo-sy.png" height="32px" width="32px">
+    icon: 🔞
-  - title: Feature 2
+  - title: Manga recommendations
-    details: Describe Feature here.
+    details: Get recommendations from MyAnimeList and AniDB.
-    icon: <img src="/forks/forks_logo-sy.png" height="32px" width="32px">
+    icon: 📚
-  - title: Feature 3
+  - title: Several exclusive fea
-    details: Describe Feature here.
+    details: Keeps the old design of Tachiyomi with hamburger menu.
-    icon: <img src="/forks/forks_logo-sy.png" height="32px" width="32px">
+    icon: 👵
-  - title: Feature 4
-    details: Describe Feature here.
-    icon: 🐍
-  - title: Feature 5
-    details: Describe Feature here.
-    icon: 🐍
-  - title: Feature 6
-    details: Describe Feature here.
-    icon: 🐍
 
 theme: "#CE2828"
 image: /forks/forks_logo-sy.png
@@ -77,5 +68,5 @@ const members = [
 </script>
 
 <style>
-	@import "../.vitepress/theme/styles/forks/tachiyomisy.css"
+	@import "../.vitepress/theme/styles/forks/tachiyomi-sy.css"
 </style>