diff --git a/images/manager_two.png b/images/manager_two.png index 1305733..10a9748 100644 Binary files a/images/manager_two.png and b/images/manager_two.png differ diff --git a/src/app.scss b/src/app.scss index 6c85ee7..a489355 100644 --- a/src/app.scss +++ b/src/app.scss @@ -1,4 +1,4 @@ -@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800"); * { box-sizing: inherit; @@ -35,7 +35,8 @@ body { :root { /* TODO properly name these */ - --main-font: "Manrope", sans-serif; + --main-font: "Plus Jakarta Sans", sans-serif; + --secondary-font: "Manrope", sans-serif; --mono-font: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; --white: hsl(206, 100%, 94%); --accent-color: hsl(206, 100%, 81%); @@ -47,12 +48,12 @@ body { --grey-three: hsl(221, 17%, 26%); --grey-four: hsl(226, 48%, 18%); --grey-five: hsl(208, 30%, 75%); - --grey-six: hsl(230, 9%, 13%); + --grey-six: hsl(230, 9%, 14%); --grey-seven: hsl(240, 9%, 13.5%); --grey-eight: hsla(207, 30%, 75%, 0.577); --grey-nine: hsla(240, 6%, 7%, 0.3); --grey-ten: hsl(230, 9.5%, 17.5%); - --grey-eleven: hsl(208, 10%, 40%); + --grey-eleven: hsl(209, 9%, 48%); --bezier-one: cubic-bezier(0.25, 0.46, 0.45, 0.94); } @@ -64,35 +65,39 @@ body { h1 { color: var(--white); - line-height: 4rem; - font-size: 3.5rem; - font-weight: 700; - letter-spacing: -0.025em; + font-family: var(--main-font); + line-height: 4.5rem; + font-size: 4rem; + font-weight: 600; + letter-spacing: -0.035em; } h2 { - color: var(--grey-five); + color: var(--white); + font-family: var(--main-font); font-size: 2.5rem; - letter-spacing: -0.04rem; + letter-spacing: -0.035em; font-weight: 600; } h3 { font-size: 1.25rem; color: var(--accent-color-two); - font-weight: 600; + font-family: var(--main-font); + font-weight: 500; } h4 { color: var(--accent-color-two); + font-family: var(--secondary-font); font-weight: 500; - font-size: 1.2rem; - letter-spacing: 0.02rem; + font-size: 1.1rem; line-height: 2rem; } h5 { color: var(--grey-five); + font-family: var(--secondary-font); font-weight: 400; font-size: 0.9rem; letter-spacing: 0.02rem; @@ -100,21 +105,23 @@ h5 { h6 { color: var(--grey-five); + font-family: var(--secondary-font); font-weight: 500; font-size: 0.85rem; } p { color: var(--grey-five); + font-family: var(--secondary-font); font-weight: 400; - font-size: 0.95rem; letter-spacing: 0.02rem; + font-size: 14px; line-height: 1.75rem; } @media screen and (max-width: 768px) { h1 { - font-size: 2.6rem; + font-size: 3rem; line-height: 3.75rem; } @@ -142,9 +149,9 @@ p { hr { display: block; - height: 2px; + height: 1px; border: 0; - border-top: 2px solid var(--grey-three); + border-top: 1px solid var(--grey-three); } input { diff --git a/src/data/api/index.ts b/src/data/api/index.ts index 1ac517f..bd667bf 100644 --- a/src/data/api/index.ts +++ b/src/data/api/index.ts @@ -97,12 +97,13 @@ export class API implements Readable { } // API Endpoints -import type { Patch, Repository, Tool } from '../../utils/types'; +import type { Patch, Repository, Tool } from '$lib/types'; import { dev_log } from '$lib/utils'; export type ReposData = Repository[]; export type PatchesData = { patches: Patch[]; packages: string[] }; export type ToolsData = { [repo: string]: Tool }; +export type SocialsData = { [repo: string]: Tool }; export const repositories = new API('contributors', [], (json) => json.repositories); diff --git a/src/layout/Footer.svelte b/src/layout/Footer.svelte index b06734b..0f39daa 100644 --- a/src/layout/Footer.svelte +++ b/src/layout/Footer.svelte @@ -20,24 +20,25 @@ ReVanced Logo

- ReVanced was born out of Vanced's discontinuation and it is our goal to continue the legacy - of what Vanced left behind. Thanks to ReVanced Patcher, it's possible to create long-lasting - patches for nearly any Android app. ReVanced's patching system is designed to allow patches - to work on new versions of the apps automatically with bare minimum maintenance. + ReVanced was born out of Vanced's discontinuation and it is our goal to continue the + legacy of what Vanced left behind. Thanks to ReVanced Patcher, it's possible to create + long-lasting patches for nearly any Android app. ReVanced's patching system is designed to + allow patches to work on new versions of the apps automatically with bare minimum + maintenance.

- +
-
+
-
+ +
  • Repositories
    • {#each $repositories as { name }}
  • @@ -46,27 +47,32 @@
    • {/each} -
-
+ +
+
  • + Twitter +
    • +
  • + YouTube +
    • +
    -
    +
    +
  • Donate
    • +
  • Email
    • + - diff --git a/src/layout/Hero/HeroSection.svelte b/src/layout/Hero/HeroSection.svelte index 6498b9d..cc9a308 100644 --- a/src/layout/Hero/HeroSection.svelte +++ b/src/layout/Hero/HeroSection.svelte @@ -3,42 +3,52 @@ import { quintOut } from 'svelte/easing'; import Button from '$lib/components/Button.svelte'; + import HeroImage from './HeroImage.svelte';
    -

    Continuing the
    legacy of Vanced.

    +

    ReVanced

    - Customize your mobile experience through ReVanced
    by applying patches to your applications. + Customize your mobile experience through ReVanced
    by applying patches to your + applications.

    - - + +
    +
    diff --git a/src/layout/Hero/SocialButton.svelte b/src/layout/Hero/SocialButton.svelte deleted file mode 100644 index f63356f..0000000 --- a/src/layout/Hero/SocialButton.svelte +++ /dev/null @@ -1,43 +0,0 @@ - - - -
    - {src} -
    -     - - diff --git a/src/layout/Hero/SocialHost.svelte b/src/layout/Hero/SocialHost.svelte deleted file mode 100644 index c6074df..0000000 --- a/src/layout/Hero/SocialHost.svelte +++ /dev/null @@ -1,33 +0,0 @@ - - - - - diff --git a/src/layout/Navbar/NavButton.svelte b/src/layout/Navbar/NavButton.svelte index c2c1781..e4e0890 100644 --- a/src/layout/Navbar/NavButton.svelte +++ b/src/layout/Navbar/NavButton.svelte @@ -33,13 +33,14 @@ text-decoration: none; font-size: 1rem; user-select: none; + --webkit-user-select: none; border-radius: 10px; } span { font-weight: 400; font-size: 0.9rem; - letter-spacing: 0.02rem; + letter-spacing: -0.02rem; color: var(--grey-five); } @@ -50,11 +51,11 @@ li.selected { background-color: var(--accent-low-opacity); - color: var(--accent-color); + color: var(--accent-color-two); } li.selected span { - color: var(--accent-color); + color: var(--accent-color-two); } @media (max-width: 768px) { diff --git a/src/layout/Navbar/NavHost.svelte b/src/layout/Navbar/NavHost.svelte index 8fa63ce..3c2d832 100644 --- a/src/layout/Navbar/NavHost.svelte +++ b/src/layout/Navbar/NavHost.svelte @@ -100,21 +100,16 @@ Settings - Configure the website's API. Defaults to ReVanced. + Configure the website's API. Defaults to ReVanced.
    -
    - - + +
    @@ -269,6 +264,7 @@ /* Hamburger mmm yum */ .menu-btn { user-select: none; + --webkit-user-select: none; position: relative; display: flex; height: 50px; diff --git a/src/lib/components/Button.svelte b/src/lib/components/Button.svelte index 1b1c690..3d09131 100644 --- a/src/lib/components/Button.svelte +++ b/src/lib/components/Button.svelte @@ -1,5 +1,5 @@ - +
    @@ -57,6 +59,7 @@ border-radius: 2rem; background-color: var(--grey-six); user-select: none; + --webkit-user-select: none; } .buttons { diff --git a/src/routes/patches/Package.svelte b/src/routes/patches/Package.svelte index 0bd5e20..0f61411 100644 --- a/src/routes/patches/Package.svelte +++ b/src/routes/patches/Package.svelte @@ -36,6 +36,7 @@ gap: 0.6rem; width: 100%; user-select: none; + --webkit-user-select: none; transition: background-color 0.4s var(--bezier-one); color: var(--grey-five); transition: color 0.3s var(--bezier-one); diff --git a/src/routes/patches/PackageMenu.svelte b/src/routes/patches/PackageMenu.svelte index b714384..12c7067 100644 --- a/src/routes/patches/PackageMenu.svelte +++ b/src/routes/patches/PackageMenu.svelte @@ -1,5 +1,5 @@
    -
    PACKAGES
    +
    Packages
    diff --git a/src/routes/patches/PatchItem.svelte b/src/routes/patches/PatchItem.svelte index 7b550c7..0e56133 100644 --- a/src/routes/patches/PatchItem.svelte +++ b/src/routes/patches/PatchItem.svelte @@ -131,6 +131,7 @@ height: 1.5rem; transition: all 0.2s var(--bezier-one); user-select: none; + --webkit-user-select: none; } .rotate #arrow {