More Home tweaks

Add contributors to forks
Add all forks
Make front-page image be based on theme
Add better theme colors
This commit is contained in:
Soitora 2023-07-19 17:26:27 +02:00
parent a381c31199
commit 98a8ac5c55
18 changed files with 401 additions and 183 deletions

View File

@ -2,23 +2,31 @@
display: none;
}
:root {
--vp-c-brand: #ff6884;
--vp-c-brand-light: #ff8aa1;
--vp-c-brand-lighter: #ffa7b8;
--vp-c-brand-lightest: #ffc5d0;
--vp-c-brand-dark: #b2485c;
--vp-c-brand-darker: #652934;
--vp-c-brand-dimm: rgba(255, 109, 137, 0.08);
--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);
--vp-home-hero-name-background: -webkit-linear-gradient(120deg, var(--vp-c-brand) 30%, var(--vp-c-brand-dark));
--vp-home-hero-image-background-image: linear-gradient(-45deg, var(--vp-c-brand) 50%, var(--vp-c-brand-dark) 50%);
}
::selection {
background: rgba(255, 109, 137, 0.2);
}
/**
* Colors
* -------------------------------------------------------------------------- */
:root {
--vp-c-brand: #ff6884;
--vp-c-brand-light: #ff8da2;
--vp-c-brand-lighter: #ffb3c1;
--vp-c-brand-lightest: #ffd9e0;
--vp-c-brand-dark: #bf4e63;
--vp-c-brand-darker: #7f3442;
--vp-c-brand-darkest: #3f1a21;
--vp-c-brand-dimm: rgba(255, 109, 137, 0.08);
}
/**
* Component: Button
* -------------------------------------------------------------------------- */
:root {
--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

@ -0,0 +1,32 @@
.image-bg {
display: none;
}
::selection {
background: rgba(255, 204, 77, 0.2);
}
/**
* Colors
* -------------------------------------------------------------------------- */
:root {
--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 {
--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

@ -0,0 +1,32 @@
.image-bg {
display: none;
}
::selection {
background: rgba(9, 82, 175, 0.2);
}
/**
* Colors
* -------------------------------------------------------------------------- */
:root {
--vp-c-brand: #0952af;
--vp-c-brand-light: #467dc3;
--vp-c-brand-lighter: #84a8d7;
--vp-c-brand-lightest: #c1d3eb;
--vp-c-brand-dark: #063d83;
--vp-c-brand-darker: #042957;
--vp-c-brand-darkest: #02142b;
--vp-c-brand-dimm: rgba(9, 82, 175, 0.08);
}
/**
* Component: Button
* -------------------------------------------------------------------------- */
:root {
--vp-button-brand-text: var(--vp-c-white);
--vp-button-brand-hover-text: var(--vp-c-white);
--vp-button-brand-active-text: var(--vp-c-white);
}

View File

@ -0,0 +1,32 @@
.image-bg {
display: none;
}
::selection {
background: rgba(206, 40, 40, 0.2);
}
/**
* Colors
* -------------------------------------------------------------------------- */
:root {
--vp-c-brand: #ce2828;
--vp-c-brand-light: #da5d5d;
--vp-c-brand-lighter: #e69393;
--vp-c-brand-lightest: #f2c9c9;
--vp-c-brand-dark: #9a1e1e;
--vp-c-brand-darker: #671414;
--vp-c-brand-darkest: #330a0a;
--vp-c-brand-dimm: rgba(206, 40, 40, 0.08);
}
/**
* Component: Button
* -------------------------------------------------------------------------- */
:root {
--vp-button-brand-text: var(--vp-c-white);
--vp-button-brand-hover-text: var(--vp-c-white);
--vp-button-brand-active-text: var(--vp-c-white);
}

View File

@ -8,12 +8,13 @@
* -------------------------------------------------------------------------- */
:root {
--vp-c-brand: #646cff;
--vp-c-brand-light: #747bff;
--vp-c-brand-lighter: #9499ff;
--vp-c-brand-lightest: #bcc0ff;
--vp-c-brand-dark: #535bf2;
--vp-c-brand-darker: #454ce1;
--vp-c-brand: #818cf8;
--vp-c-brand-light: #a0a8f9;
--vp-c-brand-lighter: #c0c5fb;
--vp-c-brand-lightest: #dfe2fd;
--vp-c-brand-dark: #6069ba;
--vp-c-brand-darker: #40467c;
--vp-c-brand-darkest: #20233e;
--vp-c-brand-dimm: rgba(100, 108, 255, 0.08);
}
@ -23,13 +24,13 @@
:root {
--vp-button-brand-border: var(--vp-c-brand-light);
--vp-button-brand-text: var(--vp-c-white);
--vp-button-brand-text: var(--vp-c-black);
--vp-button-brand-bg: var(--vp-c-brand);
--vp-button-brand-hover-border: var(--vp-c-brand-light);
--vp-button-brand-hover-text: var(--vp-c-white);
--vp-button-brand-hover-text: var(--vp-c-black);
--vp-button-brand-hover-bg: var(--vp-c-brand-light);
--vp-button-brand-active-border: var(--vp-c-brand-light);
--vp-button-brand-active-text: var(--vp-c-white);
--vp-button-brand-active-text: var(--vp-c-black);
--vp-button-brand-active-bg: var(--vp-button-brand-bg);
}
@ -39,9 +40,9 @@
:root {
--vp-home-hero-name-color: transparent;
--vp-home-hero-name-background: -webkit-linear-gradient(120deg, #bd34fe 30%, #41d1ff);
--vp-home-hero-name-background: -webkit-linear-gradient(120deg, var(--vp-c-brand) 30%, var(--vp-c-brand-dark));
--vp-home-hero-image-background-image: linear-gradient(-45deg, #bd34fe 50%, #47caff 50%);
--vp-home-hero-image-background-image: linear-gradient(-45deg, var(--vp-c-brand-darkest) 50%, var(--vp-c-brand-darker) 50%);
--vp-home-hero-image-filter: blur(40px);
}

View File

@ -1,20 +1,21 @@
---
title: Neko
description: WIP
description: LongDesc
layout: home
hero:
name: Neko
text: For MangaDex
tagline: Features specific to MangaDex that no other fork can offer
image: https://raw.githubusercontent.com/CarlosEsco/Neko/main/.github/readme-images/logo.png
tagline: LongDesc
image: /forks/forks_logo-neko.png
actions:
- theme: brand
text: Download
link: /
link: https://github.com/CarlosEsco/Neko/releases/latest
- theme: alt
text: GitHub
link: /
link: https://github.com/CarlosEsco/Neko
features:
- title: Feature 1
@ -26,17 +27,44 @@ features:
- title: Feature 3
details: Describe Feature here.
icon: <img src="https://mangadex.org/img/brand/mangadex-logo.svg">
- title: Feature 4
details: Describe Feature here.
icon: 🐈
- title: Feature 5
details: Describe Feature here.
icon: 🐈
- title: Feature 6
details: Describe Feature here.
icon: 🐈
head:
- - meta
- property: og:image
content: /forks/forks_logo-neko.png
- - meta
- name: theme-color
content: "#FD6684"
- - meta
- name: msapplication-TileColor
content: "#FD6684"
---
<br><VPTeamMembers size="small" :members="members" />
<script setup>
import { VPTeamMembers } from "vitepress/theme"
const members = [
{
avatar: "https://www.github.com/CarlosEsco.png",
name: "CarlosEsco",
title: "Creator",
links: [
{ icon: "github", link: "https://github.com/CarlosEsco" }
]
},
{
avatar: "https://www.github.com/Jays2Kings.png",
name: "Jays2Kings",
title: "Fork base",
links: [
{ icon: "github", link: "https://github.com/Jays2Kings" }
]
}
]
</script>
<style>
@import "../.vitepress/theme/forks/neko.css"
</style>

View File

@ -1,70 +1,78 @@
---
title: TachiyomiAZ
description: WIP
description: LongDesc
layout: home
hero:
name: TachiyomiAZ
text: ShortDesc
tagline: LongDesc
image: https://tachiyomi-v3-gridsome.netlify.app/assets/forks_logo-az.png
actions:
- theme: brand
text: Download
link: https://github.com/az4521/TachiyomiAZ/releases/latest
- theme: alt
text: GitHub
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">
head:
- - meta
- property: og:image
content: /forks/forks_logo-az.png
- - meta
- name: theme-color
content: "#FFCC4D"
- - meta
- name: msapplication-TileColor
content: "#FFCC4D"
---
# TachiyomiAZ
<br><VPTeamMembers size="small" :members="members" />
This hentai-focused fork is based on **TachiyomiEH**, it has most features and fixes from **Tachiyomi**, as well as features from **TachiyomiJ2K**.
It has decided to keep the hamburger menu style of navigation, compared to the other forks that are moving to the new bottom navigation style.
<script setup>
import { VPTeamMembers } from "vitepress/theme"
## Download
const members = [
{
avatar: "https://www.github.com/az4521.png",
name: "az4521",
title: "Creator",
links: [
{ icon: "github", link: "https://github.com/az4521" }
]
},
{
avatar: "https://www.github.com/jobobby04.png",
name: "jobobby04",
title: "Former Maintainer",
links: [
{ icon: "github", link: "https://github.com/jobobby04" }
]
},
{
avatar: "https://www.github.com/NerdNumber9.png",
name: "NerdNumber9",
title: "Original EH Fork",
links: [
{ icon: "github", link: "https://github.com/NerdNumber9" }
]
}
]
</script>
Requires **Android 5.0** or higher.
Requires **Android 5.0** or higher.
## Features
### Special Sources
(integrated plus added features)
* E-Hentai/ExHentai
* nHentai
* Hitomi.la
* 8Muses
* HBrowse
* Perv Eden
### Delegated Sources
(Sources with added features if installed)
* Puruin
* Tsumino
* HentaiCafe (Foolside)
### From EH
* Save Searches for use later
* AutoScroll
* Boost Page (force re-download page)
* Page download thread customization
* Pre-download the whole chapter while reading (Optional)
* Retry immediately instead of waiting for the rest of the preloaded pages to finish downloading
* Customize image cache size (how much space Tachiyomi has available to store future pages)
* Sync your favorites with your EHentai/ExHentai account
* Batch import E-Hentai/ExHentai URLs (import single URLs by pasting them into the source search box)
* Automatic CAPTCHA solving
### From EH and fixed/changed
* Auto Migration (Originally from EH, it was then improved in J2k, and we have reintegrated the J2k version)
* Merged Sources (Merge 2 or more versions of a manga to get chapters from all of them)
* App and notification lock with fingerprint and PIN unlock
* Restoring backups in the background
* Fixed Tsumino and Hitomi
* Language filtering search options for nHentai
* Tri-state filter when filtering in library
* Random bugfixes
### Original AZ Features
* Maintained hamburger navigation
* Grid view corner rounding configuration
* Manga recommendations
## Disclaimer
The developer of this application does not have any affiliation with the content providers available.
<style>
@import "../.vitepress/theme/forks/tachiyomiaz.css"
</style>

View File

@ -1,48 +1,71 @@
---
title: TachiyomiJ2K
description: WIP
description: LongDesc
layout: home
hero:
name: TachiyomiJ2K
text: ShortDesc
tagline: LongDesc
image: /forks/forks_logo-j2k.png
actions:
- theme: brand
text: Download
link: https://github.com/Jays2Kings/tachiyomiJ2K/releases/latest
- theme: alt
text: GitHub
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.
icon: 👑
head:
- - meta
- property: og:image
content: /forks/forks_logo-j2k.png
- - meta
- name: theme-color
content: "#0952AF"
- - meta
- name: msapplication-TileColor
content: "#0952AF"
---
# TachiyomiJ2K
<br><VPTeamMembers size="small" :members="members" />
**TachiyomiJ2K** is maintained by [**Jays2Kings**](https://github.com/Jays2Kings).
<script setup>
import { VPTeamMembers } from "vitepress/theme"
This fork takes a new approach to the design of the base app along with several other enhancements.
const members = [
{
avatar: "https://www.github.com/Jays2Kings.png",
name: "Jays2Kings",
title: "Creator",
links: [
{ icon: "github", link: "https://github.com/Jays2Kings" }
]
}
]
</script>
## Download
Requires **Android 6.0** or higher.
## Features
For a full list of features, visit the GitHub page.
* **New Manga details screen**
* **New Recents page**
* Providing quick access to newly added manga, new chapters, and to continue where you left on in a series
* **Android 10 Edge to Edge support**
* No more small ugly bar for the gesture navigation.
* Older versions get a translucent nav bar instead.
* **Automatic background based on the manga page**
* For those that like having a white background to match the content, this will automatically set the background to match for moments such as a flashback section of a manga.
* **Reader seekbar overrides switch app gesture in Android 10, so no more accidents for that**
* [**New material snackbar**](https://raw.githubusercontent.com/Jays2Kings/tachiyomi/master/.github/readme-images/material%20snackbar.png)
* Removing manga now auto-deletes chapters and has an undo button in case you change your mind.
* **Library specific enhancements**
* Library Categories are stacked vertically
* Per-category/Drag & drop sorting
* Tri-state/Negative filters
* Multi-source migration
* Sort by Date Added (_Taken from Neko._)
* [**Share sheets upgrade for Android 10**](https://raw.githubusercontent.com/Jays2Kings/tachiyomi/master/.github/readme-images/share%20menu.png)
* **Batch Auto-Source Migration**
* _Taken from TachiyomiEH._
* **Recently Read goes all the way back to the beginning of time**
* **Restoring backups in the background**
* _Taken from Neko._
* **Expanding manga thumbnails**
* **A lot more Material Design 2 additions**
## Disclaimer
The developer of this application does not have any affiliation with the content providers available.
<style>
@import "../.vitepress/theme/forks/tachiyomij2k.css"
</style>

View File

@ -1,42 +1,87 @@
---
title: TachiyomiSY
description: WIP
description: LongDesc
layout: home
hero:
name: TachiyomiSY
text: ShortDesc
tagline: LongDesc
image: /forks/forks_logo-sy.png
actions:
- theme: brand
text: Download
link: https://github.com/jobobby04/TachiyomiSY/releases/latest
- theme: alt
text: GitHub
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: 🐍
head:
- - meta
- property: og:image
content: /forks/forks_logo-sy.png
- - meta
- name: theme-color
content: "#CE2828"
- - meta
- name: msapplication-TileColor
content: "#CE2828"
---
# TachiyomiSY
<br><VPTeamMembers size="small" :members="members" />
This fork is based on TachiyomiAZ and adds quite a few unique features, it also has new features from the latest Tachiyomi version as well as from other forks such as TachiyomiJ2K.
<script setup>
import { VPTeamMembers } from "vitepress/theme"
## Download
const members = [
{
avatar: "https://www.github.com/jobobby04.png",
name: "jobobby04",
title: "Creator",
links: [
{ icon: "github", link: "https://github.com/jobobby04" }
]
},
{
avatar: "https://www.github.com/she11sh0cked.png",
name: "she11sh0cked",
title: "Extra tracking, filter, recommendations, and more",
links: [
{ icon: "github", link: "https://github.com/she11sh0cked" }
]
},
{
avatar: "https://www.github.com/az4521.png",
name: "az4521",
title: "Base recommendations and AZ",
links: [
{ icon: "github", link: "https://github.com/az4521" }
]
}
]
</script>
Requires **Android 6.0** or higher.
Requires **Android 6.0** or higher.
## Features
* Uses the new **Tachiyomi** UI
* Enhanced pages for certain sources
* Latest tab preview configurable to show up to five sources
* Ability to enable and disable Hentai features
* Automatic webtoon detection, allowing the reader to switch to webtoon mode automatically when viewing one
* Manga recommendations from both [MyAnimeList](https://myanimelist.net/) and [AniList](https://anilist.co/)
* Lewd filter so you can hide the lewd manga in your library if you want to
* Tracking filter so you can filter your tracked manga
* Search tracking status in the library
* Backup saved searches
* New E-Hentai/ExHentai features such as language settings and watched list settings
* Comfortable grid view
* Source categories
* Manga info edit
* Enhanced views for internal and delegated sources
* Numerous features from TachiyomiAZ
## Credits
* [She11Shocked](https://github.com/she11sh0cked/) for the extra tracking, filter, recommendation features, and a ton more.
* [az4521](https://github.com/az4521) for the base recommendations and **AZ**.
## Disclaimer
The developer of this application does not have any affiliation with the content providers available.
<style>
@import "../.vitepress/theme/forks/tachiyomisy.css"
</style>

View File

@ -6,7 +6,10 @@ hero:
name: Tachiyomi
text: Free Manga reader for Android
tagline: Read any manga from your smartphone faster and easier than ever.
image: https://tachiyomi.org/assets/home_library-dark.png
image:
alt: Tachiyomi Library Tab Dark
light: /home/home_library-light.png
dark: /home/home_library-dark.png
actions:
- theme: brand
text: Get Started
@ -24,5 +27,5 @@ features:
icon: <img src="https://mangadex.org/img/brand/mangadex-logo.svg">
- title: Customization
details: A configurable reader with multiple reading modes, custom color filters, and other settings.
icon: <img src="https://tachiyomi.org/icons/logo.svg">
icon: <svg height="30" viewbox="0 0 48 48" width="80" x="0.0" y="0.0"><g transform="translate(0.000000,0.000000) scale(0.013200,-0.013200)"><path class="st0" d="M1761.7-8.5l-305-5l13.3-163.3c6.7-88.3,13.3-198.3,13.3-245v-83.3H800H116.7l5-298.3l5-298.3l111.7,11.7 c253.3,23.3,1691.7,30,2436.7,11.7c426.7-11.7,786.7-23.3,800-26.7c21.7-6.7,25,33.3,25,296.7v303.3l-638.3-6.7 c-350-3.3-663.3,0-696.7,5l-58.3,11.7l5,250c5,213.3,1.7,248.3-20,245C2078.3-1.9,1930-6.9,1761.7-8.5z" fill="var(--vp-c-brand)" fill-rule="nonzero"></path><path class="st0" d="M816.7-1290.2c-213.3-83.3-266.7-111.7-263.3-135c1.7-16.7,36.7-121.7,78.3-233.3 c96.7-255,206.7-640,276.7-963.3c30-136.7,56.7-251.7,58.3-255c3.3-3.3,138.3,41.7,303.3,100l298.3,105l-20,100 c-58.3,280-413.3,1393.3-445,1390C1091.7-1183.5,963.3-1231.9,816.7-1290.2z" fill="var(--vp-c-brand)" fill-rule="nonzero"></path><path class="st0" d="M2376.7-1458.5c-173.3-695-381.7-1386.7-451.7-1501.7l-31.7-51.7l-288.3-5c-333.3-5-1521.7,15-1571.7,26.7 c-31.7,8.3-33.3,0-33.3-300v-310l83.3,10c46.7,5,863.3,15,1816.7,20l1733.3,11.7v293.3v293.3l-141.7-11.7 c-78.3-5-325-11.7-548.3-11.7c-318.3-1.7-403.3,3.3-396.7,20c5,10,36.7,83.3,70,161.7C2725-2560.2,3110-1375.2,3090-1356.9 c-6.7,6.7-543.3,156.7-608.3,171.7C2448.3-1178.5,2441.7-1196.9,2376.7-1458.5z" fill="var(--vp-c-brand)" fill-rule="nonzero"></path></g></svg>
---

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

6
src/public/logo.svg Normal file
View File

@ -0,0 +1,6 @@
<svg height="80" viewbox="0 0 48 48" width="80" x="0.0" y="0.0">
<g transform="translate(0.000000,0.000000) scale(0.013200,-0.013200)">
<path class="st0" d="M1761.7-8.5l-305-5l13.3-163.3c6.7-88.3,13.3-198.3,13.3-245v-83.3H800H116.7l5-298.3l5-298.3l111.7,11.7 c253.3,23.3,1691.7,30,2436.7,11.7c426.7-11.7,786.7-23.3,800-26.7c21.7-6.7,25,33.3,25,296.7v303.3l-638.3-6.7 c-350-3.3-663.3,0-696.7,5l-58.3,11.7l5,250c5,213.3,1.7,248.3-20,245C2078.3-1.9,1930-6.9,1761.7-8.5z" fill="currentColor" fill-rule="nonzero"></path>
<path class="st0" d="M816.7-1290.2c-213.3-83.3-266.7-111.7-263.3-135c1.7-16.7,36.7-121.7,78.3-233.3 c96.7-255,206.7-640,276.7-963.3c30-136.7,56.7-251.7,58.3-255c3.3-3.3,138.3,41.7,303.3,100l298.3,105l-20,100 c-58.3,280-413.3,1393.3-445,1390C1091.7-1183.5,963.3-1231.9,816.7-1290.2z" fill="currentColor" fill-rule="nonzero"></path>
<path class="st0" d="M2376.7-1458.5c-173.3-695-381.7-1386.7-451.7-1501.7l-31.7-51.7l-288.3-5c-333.3-5-1521.7,15-1571.7,26.7 c-31.7,8.3-33.3,0-33.3-300v-310l83.3,10c46.7,5,863.3,15,1816.7,20l1733.3,11.7v293.3v293.3l-141.7-11.7 c-78.3-5-325-11.7-548.3-11.7c-318.3-1.7-403.3,3.3-396.7,20c5,10,36.7,83.3,70,161.7C2725-2560.2,3110-1375.2,3090-1356.9 c-6.7,6.7-543.3,156.7-608.3,171.7C2448.3-1178.5,2441.7-1196.9,2376.7-1458.5z" fill="currentColor" fill-rule="nonzero"></path>
</g></svg>

After

Width:  |  Height:  |  Size: 1.3 KiB