diff --git a/src/app.html b/src/app.html index cb442f9..197516e 100644 --- a/src/app.html +++ b/src/app.html @@ -1,26 +1,27 @@ + + + + + + - - - - - - + + + - - - + + + - - - + %sveltekit.head% + - %sveltekit.head% - - - -
%sveltekit.body%
- - - \ No newline at end of file + + %sveltekit.body% + + diff --git a/src/layout/Hero/HeroImage.svelte b/src/layout/Hero/HeroImage.svelte index 6ab34cf..faa47fd 100644 --- a/src/layout/Hero/HeroImage.svelte +++ b/src/layout/Hero/HeroImage.svelte @@ -14,16 +14,10 @@ } .hero-img { - height: 70vh; + height: max(100vh, 600px); padding: 0.5rem 0.5rem; border-radius: 1.75rem; background-color: var(--surface-seven); user-select: none; } - @media screen and (max-width: 1700px) { - .hero-img { - height: 100vh; - right: 6rem; - } - } diff --git a/src/layout/Hero/HeroSection.svelte b/src/layout/Hero/HeroSection.svelte index 506c255..3133b8e 100644 --- a/src/layout/Hero/HeroSection.svelte +++ b/src/layout/Hero/HeroSection.svelte @@ -60,6 +60,7 @@ } .hero { + padding-top: 10vh; display: flex; flex-direction: column; gap: 1rem; @@ -69,27 +70,9 @@ color: var(--primary); } - @media screen and (max-width: 1700px) { + @media screen and (max-width: 1100px) { .hero { - height: 80vh; - } - } - - @media screen and (max-height: 820px) { - .social-buttons { - bottom: initial; - left: initial; - position: initial; - width: initial; - opacity: 100% !important; - } - } - @media screen and (max-width: 1100px) or (min-height: 820px) { - .social-buttons { - transform: translateX(-50%); - width: 100%; - position: absolute; - justify-content: center; + padding-top: initial; } } @@ -100,11 +83,34 @@ } .social-buttons { + left: 50%; + transform: translateX(-50%); justify-content: center; + width: 100%; } .hero { height: initial; } } + + @media screen and (max-width: 1100px) or (min-height: 780px) { + .social-buttons { + transform: translateX(-50%); + width: 90%; + position: absolute; + left: initial; + transform: initial; + } + } + + @media screen and (max-height: 780px) { + .social-buttons { + transform: initial; + left: initial; + position: initial; + width: initial; + opacity: 100% !important; + } + } diff --git a/src/layout/Navbar/NavHost.svelte b/src/layout/Navbar/NavHost.svelte index c6a8548..0317f0a 100644 --- a/src/layout/Navbar/NavHost.svelte +++ b/src/layout/Navbar/NavHost.svelte @@ -203,8 +203,6 @@ #nav-container { z-index: 5; - top: 0; - position: sticky; width: 100%; } diff --git a/src/lib/components/Wave.svelte b/src/lib/components/Wave.svelte index bf52e61..bfc2e62 100644 --- a/src/lib/components/Wave.svelte +++ b/src/lib/components/Wave.svelte @@ -22,7 +22,7 @@ height: 40vh; } - @media screen and (max-height: 820px) { + @media screen and (max-height: 780px) { svg { opacity: 0 !important; } diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 5bef71a..a09a4ff 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -25,6 +25,7 @@ import { events as themeEvents } from '$util/themeEvents'; import { RV_GOOGLE_TAG_MANAGER_ID } from '$env/static/public'; + import FooterHost from '$layout/Footer/FooterHost.svelte'; const queryClient = new QueryClient({ defaultOptions: { @@ -108,21 +109,19 @@ {/if} + + It's your choice + + We use analytics to improve your experience on this site. By clicking "Allow", you allow us to + collect anonymous data about your visit. + + + + + + - - - It's your choice - - We use analytics to improve your experience on this site. By clicking "Allow", you allow us to - collect anonymous data about your visit. - - - - - - -
{#if $show_loading_animation} @@ -130,5 +129,5 @@ {/if}
- + diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index e03b860..a9d4683 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,7 +1,6 @@