diff --git a/src/app.css b/src/app.css index 2f238a0..2cbe51e 100644 --- a/src/app.css +++ b/src/app.css @@ -19,7 +19,7 @@ html{ body{ margin: 0; padding: 0; - line-height: 1.3; + line-height: 1.4; background-color: var(--bg-color); } @@ -36,7 +36,7 @@ html, body{ :root { --white: #fff; --red: #8bc3f4; - --bg-color: #181C1E; + --bg-color: #1A1C1E; --grey-one: #252B31; --grey-two: #28313b; --grey-three: #3c4759c3; @@ -48,8 +48,7 @@ html, body{ } ::selection{ - color: var(--white); - background: var(--red); + background: var(--grey-three); } /*-----headings-----*/ @@ -58,6 +57,7 @@ h1{ color: var(--white); font-weight: 700; line-height: 0.75em; + font-size: 1.75rem; } h2{ @@ -68,35 +68,42 @@ h2{ h3{ color: var(--white); - font-weight: 600; + font-weight: 500; font-size: 1rem; } h4{ - color:var(--grey-six); + color:var(--white); font-weight:500; - font-size: 1rem; + font-size: 1.25rem; + letter-spacing: 0.02rem; } h5{ color:var(--white); font-weight: 300; font-size: 1rem; + letter-spacing: 0.02rem; } -/*-----scrollbar-----*/ -::-webkit-scrollbar{ - width: 20px; +h6{ + color:var(--grey-five); + font-weight: 300; + font-size: 1rem; + letter-spacing: 0.02rem; + +} + +::-webkit-scrollbar { + width: 11px; background-color: transparent; } -::-webkit-scrollbar-thumb{ - background-color: var(--grey-three); - border-radius: 20px; - border: 6px solid transparent; +::-webkit-scrollbar-thumb { + background-color: var(--grey-two); background-clip: content-box; } -::-webkit-scrollbar-thumb:hover{ - background-color: var(--grey-seven); +::-webkit-scrollbar-thumb:hover { + background-color: var(--grey-three); } \ No newline at end of file diff --git a/src/lib/components/atoms/ContributorButton.svelte b/src/lib/components/atoms/ContributorButton.svelte index 8a9accb..70e0a5d 100644 --- a/src/lib/components/atoms/ContributorButton.svelte +++ b/src/lib/components/atoms/ContributorButton.svelte @@ -1,13 +1,13 @@ - +

{username}

 @@ -17,6 +17,9 @@ color: var(--white); text-decoration: none; text-align: center; + padding: 0.5rem; + border-radius: 12px; + transition: all 0.3s var(--bezier-one); } button { @@ -24,9 +27,8 @@ border-radius: 200px; overflow: hidden; border: 0; - /* padding: 5px 5px; */ - width:86px; - height:86px; + width:45px; + height:45px; max-height: 86px; max-width: 86px; cursor: pointer; @@ -36,8 +38,12 @@ user-select: none; } - a:hover > button { - transform: translateY(-5%); + a:hover { + background-color: var(--grey-one); + } + + h2 { + font-size: 1rem; } img { diff --git a/src/lib/components/molecules/ContributorHost.svelte b/src/lib/components/molecules/ContributorHost.svelte index 3b052d9..279d58b 100644 --- a/src/lib/components/molecules/ContributorHost.svelte +++ b/src/lib/components/molecules/ContributorHost.svelte @@ -1,29 +1,57 @@ -
- {#each peoples as person} - - {/each} -
+{#if contribs} +
+

+ ReVanced {repo === 'cli' ? 'CLI' : repo.charAt(0).toUpperCase() + repo.slice(1)} +

+ +
+ {#each contribs as contrib} + {#if !usersIwantToExplodeSoBadly.includes(contrib.login)} + + {/if} + {/each} +
+
+{/if} \ No newline at end of file diff --git a/src/lib/stores/ContributorsStore.js b/src/lib/stores/ContributorsStore.js new file mode 100644 index 0000000..c8f02f6 --- /dev/null +++ b/src/lib/stores/ContributorsStore.js @@ -0,0 +1,26 @@ +import { readable } from "svelte/store"; + +const fetchContributors = async () => { + let cli, + patcher, + patches, + integrations, + manager; + + const response = await fetch('https://releases.rvcd.win/contributors'); + const json = await response.json(); + + ({ 0: cli, 1: patcher, 2: patches, 3: integrations, 4: manager } = json.repositories); + + cli = cli.contributors + patcher = patcher.contributors + patches = patches.contributors + integrations = integrations.contributors + manager = manager.contributors + + return {cli, patcher, patches, integrations, manager}; + +}; + +const ContributorsStore = readable(fetchContributors()); +export default ContributorsStore; \ No newline at end of file diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 126568f..f9bc569 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -1,7 +1,5 @@ @@ -20,4 +18,3 @@ - \ No newline at end of file diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 36efc90..25cd355 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -2,6 +2,7 @@ import HeroImage from '$lib/components/atoms/HeroImage.svelte'; import Home from '$lib/components/organisms/Home.svelte'; import SocialHost from '$lib/components/molecules/SocialHost.svelte'; + import Wave from '$lib/components/atoms/Wave.svelte';
@@ -11,6 +12,7 @@
+ \ No newline at end of file diff --git a/static/logo.svg b/static/logo.svg index da7c5a6..cb501ad 100644 --- a/static/logo.svg +++ b/static/logo.svg @@ -1,7 +1,4 @@ - - - - - - - + + + + \ No newline at end of file