diff --git a/src/lib/components/atoms/Button.svelte b/src/lib/components/atoms/Button.svelte
index e7c13af..105a121 100644
--- a/src/lib/components/atoms/Button.svelte
+++ b/src/lib/components/atoms/Button.svelte
@@ -32,7 +32,7 @@
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-duration: 0.4s;
margin-right: 20px;
-
+ user-select: none;
}
.button-primary {
diff --git a/src/lib/components/atoms/ContributorButton.svelte b/src/lib/components/atoms/ContributorButton.svelte
new file mode 100644
index 0000000..e4194a8
--- /dev/null
+++ b/src/lib/components/atoms/ContributorButton.svelte
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/lib/components/atoms/HeroImage.svelte b/src/lib/components/atoms/HeroImage.svelte
index a34af52..323cce8 100644
--- a/src/lib/components/atoms/HeroImage.svelte
+++ b/src/lib/components/atoms/HeroImage.svelte
@@ -2,14 +2,16 @@
-
+
afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real afn is not real
diff --git a/src/lib/components/atoms/Navigation.svelte b/src/lib/components/atoms/Navigation.svelte
index d5d8f80..5a977a0 100644
--- a/src/lib/components/atoms/Navigation.svelte
+++ b/src/lib/components/atoms/Navigation.svelte
@@ -14,13 +14,19 @@
list-style: none;
display: inline-block;
position: relative;
+ margin-left: 7x;
+ margin-right: 7px;
align-items: center;
+ user-select: none;
+ transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ transition-duration: 0.1s;
}
a {
color: var(--white);
text-decoration: none;
font-size: 1.25rem;
+ user-select: none;
}
li:hover {
diff --git a/src/lib/components/atoms/SocialButton.svelte b/src/lib/components/atoms/SocialButton.svelte
new file mode 100644
index 0000000..cc4d81b
--- /dev/null
+++ b/src/lib/components/atoms/SocialButton.svelte
@@ -0,0 +1,36 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/lib/components/molecules/ContributorHost.svelte b/src/lib/components/molecules/ContributorHost.svelte
new file mode 100644
index 0000000..060e650
--- /dev/null
+++ b/src/lib/components/molecules/ContributorHost.svelte
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/lib/components/molecules/NavHost.svelte b/src/lib/components/molecules/NavHost.svelte
index f23b510..807a154 100644
--- a/src/lib/components/molecules/NavHost.svelte
+++ b/src/lib/components/molecules/NavHost.svelte
@@ -3,7 +3,7 @@
- ReVanced
+
Home
Download
@@ -17,9 +17,14 @@
width: 100%;
display: flex;
padding-top: 1.25rem;
- padding-right: 4rem;
+ padding-right: 2rem;
+ padding-left: 6rem;
justify-content: space-between;
align-items: center;
- min-height: 83px;
+ min-height: 90px;
}
+ .logo {
+ width: 3rem;
+ }
+
diff --git a/src/lib/components/molecules/SocialHost.svelte b/src/lib/components/molecules/SocialHost.svelte
new file mode 100644
index 0000000..d4696ff
--- /dev/null
+++ b/src/lib/components/molecules/SocialHost.svelte
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte
index 12241c4..f0146f6 100644
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@@ -15,6 +15,10 @@ import NavHost from "$lib/components/molecules/NavHost.svelte";
href="https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap"
rel="stylesheet"
/>
+
+
+
+
ReVanced
@@ -51,6 +55,7 @@ import NavHost from "$lib/components/molecules/NavHost.svelte";
--grey-one: #1c1e29;
--grey-two: #2b2d3a;
--grey-three: #3e404f;
+ --grey-four: #1B1E29;
}
:global(::selection) {
@@ -88,12 +93,4 @@ import NavHost from "$lib/components/molecules/NavHost.svelte";
:global(::-webkit-scrollbar-thumb:hover) {
background-color: var(--grey-three);
}
-
- :global(::-webkit-scrollbar-track-piece){
- display:none;
- }
-
- :global(::-webkit-scrollbar-track) {
- background: rgba(0, 0, 0, 0.2);
- }
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 944a9f1..9302815 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -2,11 +2,13 @@
import IndexDescription from '$lib/components/organisms/IndexDescription.svelte';
import Wave from '$lib/components/atoms/Wave.svelte';
import HeroImage from '$lib/components/atoms/HeroImage.svelte';
+ import SocialHost from '$lib/components/molecules/SocialHost.svelte';
+
diff --git a/static/embed.png b/static/embed.png
new file mode 100644
index 0000000..5efb8ca
Binary files /dev/null and b/static/embed.png differ
diff --git a/static/logo.svg b/static/logo.svg
index 819e663..53472b8 100644
--- a/static/logo.svg
+++ b/static/logo.svg
@@ -2,5 +2,5 @@
-
+
diff --git a/static/socials/discord.svg b/static/socials/discord.svg
new file mode 100644
index 0000000..3af1758
--- /dev/null
+++ b/static/socials/discord.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/static/socials/github.svg b/static/socials/github.svg
new file mode 100644
index 0000000..368aa95
--- /dev/null
+++ b/static/socials/github.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/static/socials/reddit.svg b/static/socials/reddit.svg
new file mode 100644
index 0000000..9b13cad
--- /dev/null
+++ b/static/socials/reddit.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/static/socials/telegram.svg b/static/socials/telegram.svg
new file mode 100644
index 0000000..bfd1316
--- /dev/null
+++ b/static/socials/telegram.svg
@@ -0,0 +1,3 @@
+
+
+