Fix TachiyomiAZ.md (#218)

* Update TachiyomiAZ.md

* Update src/forks/TachiyomiAZ.md

Co-authored-by: Soitora <simon.mattila@protonmail.com>

* remove legacy marquee

* improved readability

carlos requested this change before merging

* whoops

* Improved readability for dyslexics

* even more readability, guaranteed safe font for dyslexics

* fix marquee overflow

* removed fun :(

* additional fun removal

Co-authored-by: Soitora <simon.mattila@protonmail.com>
This commit is contained in:
az4521 2020-05-27 16:03:05 -04:00 committed by GitHub
parent c0cb1977d9
commit 3f8138c9c5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -13,10 +13,76 @@ meta:
content: "#FFCC4D"
sidebar: false
---
<style lang="css">
@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"); }
.seizureText {
animation: rainbowTextAnim .5s linear infinite, upAndDownAnim 2s infinite;
}
.textWiggle {
padding: 2em;
width: fit-content;
animation: wiggleAnim 1s ease-out infinite;
}
.bigText {
font-family: "Comic Sans MS", "Comic Sans", cursive;
font-size: 2em;
display: inline-block;
-webkit-text-stroke: 1px black;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.textLoop {
display: inline-block;
overflow: hidden;
white-space: nowrap;
animation: customMarquee 10s linear infinite;
padding-left: 100%;
}
.overflowContainer {
width:100%;
overflow:hidden;
}
@keyframes customMarquee {
0% {transform: translate(0, 0);}
100% {transform: translate(-100%, 0);}
}
@keyframes wiggleAnim {
0% {transform: rotate(0deg)}
25% {transform: rotate(-15deg)}
50% {transform: rotate(0deg)}
75% {transform: rotate(15deg)}
100% {transform: rotate(0deg)}
}
@keyframes upAndDownAnim {
0% {transform: scaleX(.5) scaleY(.5)}
50% {transform: scaleX(1) scaleY(1)}
100% {transform: scaleX(.5) scaleY(.5)}
}
@keyframes rainbowTextAnim {
0% {color: hsl(0, 100%, 50%)}
10% {color: hsl(36, 100%, 50%)}
20% {color: hsl(72, 100%, 50%)}
30% {color: hsl(108, 100%, 50%)}
40% {color: hsl(144, 100%, 50%)}
50% {color: hsl(180, 100%, 50%)}
60% {color: hsl(216, 100%, 50%)}
70% {color: hsl(252, 100%, 50%)}
80% {color: hsl(288, 100%, 50%)}
90% {color: hsl(324, 100%, 50%)}
100% {color: hsl(360, 100%, 50%)}
}
</style>
# <img class="headerLogo" :src="$withBase('/forks/TachiyomiAZ/img/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">
<div class="textLoop">
<div class="textWiggle">
<span class="seizureText bigText"><i>The BEST fork</i> --az4521</span>
</div>
</div>
</div>
## Introduction
**TachiyomiAZ** is maintained by **[az4521](https://github.com/az4521)** and [Syer10](https://github.com/jobobby04).