Add a separate button for Mihon

This commit is contained in:
beerpiss 2024-01-16 17:40:02 +07:00
parent 3963c0ff62
commit c2f5c83d52
No known key found for this signature in database
GPG Key ID: BF5DCBABB5F41037
2 changed files with 56 additions and 22 deletions

View File

@ -71,24 +71,34 @@ body.ready {
text-decoration: none text-decoration: none
} }
.base-url { .add-to-apps {
margin: .75rem auto; display: flex;
padding: .75rem 1rem; flex-direction: row;
border-style: solid;
border-radius: .125rem;
border-width: 1px;
border-color: #60a5fa;
background-color: #eff6ff
} }
.base-url__title { .add-to-apps sl-button {
font-weight: 600; flex: 1;
margin: 0; padding: 0.25rem;
margin-bottom: .5rem
} }
.base-url__url { sl-button.tachiyomi::part(base) {
margin: 0 background-color: #2c84c2;
border-color: #2c84c2;
}
@media (prefers-color-scheme: light) {
sl-button.mihon::part(base) {
background-color: #0058a0;
border-color: #0058a0;
}
}
@media (prefers-color-scheme: dark) {
sl-button.mihon::part(base) {
background-color: #7ebbed;
border-color: #7ebbed;
}
} }
.sources { .sources {

View File

@ -39,7 +39,17 @@
<p class="header__title">Keiyoushi</p> <p class="header__title">Keiyoushi</p>
</header> </header>
<div class="description"> <div class="description">
Join the <a class="description__anchor" href="https://discord.gg/3FbCpdKbdY" onclick="window.goatcounter?.count({ path: location.pathname + '#discord' })">Discord server</a> for support. Make sure to star <a class="description__anchor" href="https://github.com/keiyoushi/extensions">the GitHub repo</a>. Join the
<a class="description__anchor"
href="https://discord.gg/3FbCpdKbdY"
onclick="window.goatcounter?.count({ path: location.pathname + '#discord' })">
Discord server
</a>
for support. Make sure to star
<a class="description__anchor"
href="https://github.com/keiyoushi/extensions">
the GitHub repo
</a>.
</div> </div>
<h2 class="header">Guide</h2> <h2 class="header">Guide</h2>
@ -56,13 +66,27 @@
<li>Aniyomi Preview r7443+</li> <li>Aniyomi Preview r7443+</li>
</ul> </ul>
<sl-button <div class="add-to-apps">
style="display: flex; justify-content: center;" <sl-button
variant="primary" class="mihon"
href="tachiyomi://add-repo?url=https://raw.githubusercontent.com/keiyoushi/extensions/repo/index.min.json" style="display: flex; justify-content: center;"
onclick="window.goatcounter?.count({ path: location.pathname + '#add-to-tachiyomi' })"> variant="primary"
Add to Mihon/Tachiyomi href="mihon://add-repo?url=https://raw.githubusercontent.com/keiyoushi/extensions/repo/index.min.json"
</sl-button> onclick="window.goatcounter?.count({ path: location.pathname + '#add-to-mihon' })">
Add to Mihon
</sl-button>
<sl-button
class="tachiyomi"
style="display: flex; justify-content: center;"
variant="primary"
href="tachiyomi://add-repo?url=https://raw.githubusercontent.com/keiyoushi/extensions/repo/index.min.json"
onclick="window.goatcounter?.count({ path: location.pathname + '#add-to-tachiyomi' })">
Add to Tachiyomi
</sl-button>
</div>
</div> </div>
<div> <div>