diff --git a/novy-logo-05-transparent.webp b/novy-logo-05-transparent.webp new file mode 100644 index 0000000..eb9f18f Binary files /dev/null and b/novy-logo-05-transparent.webp differ diff --git a/src/app.css b/src/app.css index 16eb475..af31c58 100644 --- a/src/app.css +++ b/src/app.css @@ -162,7 +162,6 @@ a { .hero { width: min(1120px, 100%); - min-height: 100svh; margin-inline: auto; padding: clamp(1.25rem, 4vw, 2.75rem) clamp(1rem, 3vw, 2rem) 0; display: flex; @@ -173,11 +172,35 @@ a { .site-footer { position: relative; width: min(1120px, 100%); - margin: clamp(5rem, 8vw, 7.5rem) auto 0; + margin: clamp(3.25rem, 5.5vw, 4.75rem) auto 0; padding: 0 clamp(1rem, 3vw, 2rem) clamp(1.4rem, 3vw, 2rem); text-align: center; } +.novy-link { + display: inline-flex; + align-items: center; + justify-content: center; + margin: 0 auto clamp(2.5rem, 4.5vw, 3.75rem); + opacity: 0.86; + transition: + opacity 160ms ease, + transform 160ms ease, + filter 160ms ease; +} + +.novy-link:hover { + opacity: 1; + filter: drop-shadow(0 0 18px rgba(181, 140, 255, 0.34)); + transform: translateY(-1px); +} + +.novy-link img { + display: block; + width: clamp(9rem, 22vw, 13.5rem); + height: auto; +} + .site-footer p { margin: 0; color: rgba(241, 231, 255, 0.74); @@ -372,7 +395,7 @@ a { } .site-footer { - margin-top: clamp(4.5rem, 15vw, 6rem); + margin-top: clamp(3.25rem, 10vw, 4.5rem); } } diff --git a/src/lib/assets/novy-logo.webp b/src/lib/assets/novy-logo.webp new file mode 100644 index 0000000..eb9f18f Binary files /dev/null and b/src/lib/assets/novy-logo.webp differ diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 794ea7a..cfce311 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -3,6 +3,7 @@ import IntroText from '$lib/components/IntroText.svelte'; import VideoCard from '$lib/components/VideoCard.svelte'; import logo from '$lib/assets/squiggleverse-logo.webp'; + import novyLogo from '$lib/assets/novy-logo.webp'; let scrollY = $state(0); @@ -62,6 +63,15 @@