Add content to Forks pages

Also adds dash after Tachiyomi to make names more clear
This commit is contained in:
Soitora 2023-07-21 15:30:50 +02:00
parent 58442aab3a
commit 656e92d09a
No known key found for this signature in database
GPG Key ID: 621BB8179664494A
9 changed files with 460 additions and 104 deletions

View File

@ -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;
}
}

View File

@ -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);
}

View File

@ -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

View File

@ -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
details: Describe Feature here.
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.
- title: MangaDex
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: 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

View File

@ -1,14 +1,14 @@
---
title: TachiyomiAZ
description: LongDesc
description: Hentai-focused with legacy features
layout: home
pageClass: page-tachiyomiaz
hero:
name: TachiyomiAZ
text: ShortDesc
tagline: LongDesc
text: Hentai-focused
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
details: Describe Feature here.
icon: <img src="https://tachiyomi-v3-gridsome.netlify.app/assets/forks_logo-az.png" height="32px" width="32px">
- title: Feature 2
details: Describe Feature here.
icon: <img src="https://tachiyomi-v3-gridsome.netlify.app/assets/forks_logo-az.png" height="32px" width="32px">
- title: Feature 3
details: Describe Feature here.
icon: <img src="https://tachiyomi-v3-gridsome.netlify.app/assets/forks_logo-az.png" height="32px" width="32px">
- title: Hentai-focused
details: Adds several features to enhance your Hentai experience.
icon: 🔞
- title: Manga recommendations
details: Get recommendations from MyAnimeList and AniDB.
icon: 📚
- title: Legacy design
details: Keeps the old design of Tachiyomi with hamburger menu.
icon: 👵
theme: "#FFCC4D"
image: /forks/forks_logo-az.png
@ -67,6 +67,16 @@ const members = [
]
</script>
<style>
@import "../.vitepress/theme/styles/forks/tachiyomiaz.css"
<br>
<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>

View File

@ -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
tagline: LongDesc
text: Redesigned
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
details: Describe Feature here.
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.
- title: Redesigned UI
details: Entirely different design from regular Tachiyomi, with exciting new features.
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>

View File

@ -7,8 +7,8 @@ pageClass: page-tachiyomisy
hero:
name: TachiyomiSY
text: ShortDesc
tagline: LongDesc
text: Hentai-focused
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
details: Describe Feature here.
icon: <img src="/forks/forks_logo-sy.png" height="32px" width="32px">
- title: Feature 2
details: Describe Feature here.
icon: <img src="/forks/forks_logo-sy.png" height="32px" width="32px">
- title: Feature 3
details: Describe Feature here.
icon: <img src="/forks/forks_logo-sy.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: Hentai-focused
details: Adds several features to enhance your Hentai experience.
icon: 🔞
- title: Manga recommendations
details: Get recommendations from MyAnimeList and AniDB.
icon: 📚
- title: Several exclusive fea
details: Keeps the old design of Tachiyomi with hamburger menu.
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>