diff --git a/src/lib/components/atoms/Button.svelte b/src/lib/components/atoms/Button.svelte index 1179413..b974041 100644 --- a/src/lib/components/atoms/Button.svelte +++ b/src/lib/components/atoms/Button.svelte @@ -7,12 +7,9 @@ -
- {icon} - +
+ {icon} +
@@ -22,7 +19,8 @@ border-radius: 16px; } - div, .button-secondary { + div, + .button-secondary { font-size: 1.1rem; height: 60px; color: var(--white); @@ -40,20 +38,20 @@ .button-primary { background-color: var(--accent-color); box-shadow: 0px 0px 32px 1px var(--accent-color-glow); - color: var(--grey-four) + color: var(--grey-four); } div:hover { transform: translateY(-4%); - filter: brightness(90%) + filter: brightness(90%); } - - div, + + div, .button-secondary { display: flex; justify-content: center; align-items: center; - gap: 0.5rem + gap: 0.5rem; } img { diff --git a/src/lib/components/atoms/ContributorPerson.svelte b/src/lib/components/atoms/ContributorPerson.svelte index 2765252..d187148 100644 --- a/src/lib/components/atoms/ContributorPerson.svelte +++ b/src/lib/components/atoms/ContributorPerson.svelte @@ -2,12 +2,12 @@ export let name: string; export let pfp: string; export let url: string; - let alt = `${name}'s profile picture` + let alt = `${name}'s profile picture`;

{name}

@@ -19,19 +19,19 @@ text-align: center; padding: 0.5rem 0.1rem; border-radius: 12px; - width:100px; + width: 100px; transition: all 0.3s var(--bezier-one); - } + } button { color: var(--white); border-radius: 50%; overflow: hidden; - border: 0; - width:45px; - height:45px; - max-height: 86px; - max-width: 86px; + border: 0; + width: 45px; + height: 45px; + max-height: 86px; + max-width: 86px; cursor: pointer; background-color: transparent; transition: transform 0.4s var(--bezier-one); @@ -39,7 +39,7 @@ user-select: none; } - a:hover { + a:hover { background-color: var(--grey-three); } @@ -50,8 +50,8 @@ h2 { font-size: 1rem; white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; + overflow: hidden; + text-overflow: ellipsis; } img { diff --git a/src/lib/components/atoms/HeroImage.svelte b/src/lib/components/atoms/HeroImage.svelte index 6dc98ad..7ff5c08 100644 --- a/src/lib/components/atoms/HeroImage.svelte +++ b/src/lib/components/atoms/HeroImage.svelte @@ -2,10 +2,7 @@
- Screenshot of ReVanced Manager + Screenshot of ReVanced Manager
diff --git a/src/lib/components/atoms/Patch.svelte b/src/lib/components/atoms/Patch.svelte index 5776851..61f627e 100644 --- a/src/lib/components/atoms/Patch.svelte +++ b/src/lib/components/atoms/Patch.svelte @@ -1,85 +1,79 @@ -
-
-
-

{name}

-

{ver}

-
+
+
+

{name}

+

{ver}

+
- {#if hasPatchOptions} - dropdown - {/if} -
- -

{desc}

+ {#if hasPatchOptions} + dropdown + {/if} +
+ +

{desc}

- diff --git a/src/lib/components/atoms/SocialButton.svelte b/src/lib/components/atoms/SocialButton.svelte index be85737..cb38ec5 100644 --- a/src/lib/components/atoms/SocialButton.svelte +++ b/src/lib/components/atoms/SocialButton.svelte @@ -5,7 +5,7 @@
- {src} + {src}
diff --git a/src/lib/components/atoms/Wave.svelte b/src/lib/components/atoms/Wave.svelte index 6f00f73..980129f 100644 --- a/src/lib/components/atoms/Wave.svelte +++ b/src/lib/components/atoms/Wave.svelte @@ -1,53 +1,53 @@ - + \ No newline at end of file + @keyframes wave-anim { + 0% { + d: path( + 'M 0,500 C 0,500 0,250 0,250 C 176.53333333333336,300.1333333333333 353.0666666666667,350.2666666666667 496,325 C 638.9333333333333,299.7333333333333 748.2666666666667,199.06666666666666 900,174 C 1051.7333333333333,148.93333333333334 1245.8666666666668,199.46666666666667 1440,250 C 1440,250 1440,500 1440,500 Z' + ); + } + 25% { + d: path( + 'M 0,500 C 0,500 0,250 0,250 C 154.13333333333333,219.20000000000002 308.26666666666665,188.40000000000003 449,209 C 589.7333333333333,229.59999999999997 717.0666666666668,301.59999999999997 880,317 C 1042.9333333333332,332.40000000000003 1241.4666666666667,291.20000000000005 1440,250 C 1440,250 1440,500 1440,500 Z' + ); + } + 50% { + d: path( + 'M 0,500 C 0,500 0,250 0,250 C 132.8,242.93333333333334 265.6,235.86666666666667 414,246 C 562.4,256.1333333333333 726.3999999999999,283.46666666666664 900,287 C 1073.6000000000001,290.53333333333336 1256.8000000000002,270.26666666666665 1440,250 C 1440,250 1440,500 1440,500 Z' + ); + } + 75% { + d: path( + 'M 0,500 C 0,500 0,250 0,250 C 151.33333333333331,206.66666666666669 302.66666666666663,163.33333333333334 472,176 C 641.3333333333334,188.66666666666666 828.6666666666667,257.3333333333333 993,279 C 1157.3333333333333,300.6666666666667 1298.6666666666665,275.33333333333337 1440,250 C 1440,250 1440,500 1440,500 Z' + ); + } + 100% { + d: path( + 'M 0,500 C 0,500 0,250 0,250 C 176.53333333333336,300.1333333333333 353.0666666666667,350.2666666666667 496,325 C 638.9333333333333,299.7333333333333 748.2666666666667,199.06666666666666 900,174 C 1051.7333333333333,148.93333333333334 1245.8666666666668,199.46666666666667 1440,250 C 1440,250 1440,500 1440,500 Z' + ); + } + } + diff --git a/src/lib/components/molecules/ContributorHost.svelte b/src/lib/components/molecules/ContributorHost.svelte index 3c9e52c..6a747a8 100644 --- a/src/lib/components/molecules/ContributorHost.svelte +++ b/src/lib/components/molecules/ContributorHost.svelte @@ -1,80 +1,72 @@ {#if contribs} -
- -

{repo_name}

-
+
+ +

{repo_name}

+
-
- {#each contribs as contrib} - {#if !usersIwantToExplodeSoBadly.includes(contrib.login)} - + {#each contribs as contrib} + {#if !usersIwantToExplodeSoBadly.includes(contrib.login)} + - {/if} - {/each} -
- -
+ {/if} + {/each} +
+
{/if} \ No newline at end of file + .contrib-host { + gap: 1.5rem; + display: grid; + justify-items: center; + grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); + background-color: var(--grey-six); + padding: 1.5rem; + border-radius: 16px; + } + diff --git a/src/lib/components/molecules/Navigation.svelte b/src/lib/components/molecules/Navigation.svelte index d33b943..367a4fa 100644 --- a/src/lib/components/molecules/Navigation.svelte +++ b/src/lib/components/molecules/Navigation.svelte @@ -1,10 +1,8 @@
- {#if data} - {#each data.repositories as { contributors, name }} - - {/each} - {/if} + {#if data} + {#each data.repositories as { contributors, name }} +
+ +
+ {/each} + {/if}
\ No newline at end of file + .contrib-grid { + display: flex; + flex-direction: column; + gap: 3rem; + margin-bottom: 3rem; + } + diff --git a/src/routes/docs/+page.svelte b/src/routes/docs/+page.svelte index dc02df2..c5af511 100644 --- a/src/routes/docs/+page.svelte +++ b/src/routes/docs/+page.svelte @@ -1,103 +1,120 @@ -
- -
-
docs/prerequisites
-
-

Requirements

-
-
    -
  • ADB
  • -
  • x86/x86_64 host architecture
  • -
  • Zulu JDK 17
  • -
  • Latest Android SDK if you plan to build the integrations from the source
  • -
  • The APK file you want to patch (e.g. YouTube v17.36.37 or YouTube Music v5.23.50). If you want to mount patched applications as root, make sure the same version is installed on your device.
  • -
  • You can continue by either building everything from source or downloading the prebuilt packages.
  • -
-
- You can continue by either building everything from source or downloading the prebuilt packages. -
-
-
-
- -
-
+
+ +
+
docs/prerequisites
+
+

Requirements

+
+
    +
  • ADB
  • +
  • x86/x86_64 host architecture
  • +
  • Zulu JDK 17
  • +
  • Latest Android SDK if you plan to build the integrations from the source
  • +
  • + The APK file you want to patch (e.g. YouTube v17.36.37 or YouTube Music v5.23.50). If you + want to mount patched applications as root, make sure the same version is installed on + your device. +
  • +
  • + You can continue by either building everything from source or downloading the prebuilt + packages. +
  • +
+
+ You can continue by either + building everything from source + or + downloading the prebuilt packages. +
+
+
+
+ +
+
\ No newline at end of file + h4 { + margin-bottom: 0.5rem; + } + diff --git a/src/routes/patches/+page.svelte b/src/routes/patches/+page.svelte index eaa593a..10f0200 100644 --- a/src/routes/patches/+page.svelte +++ b/src/routes/patches/+page.svelte @@ -25,11 +25,7 @@ }); }; }) - - - }); - @@ -53,6 +49,7 @@ {/if} + {#if patches}
{#each patches as patch, i}