From acad0e6c5c3b2cf6cc2b3b901d303dcdfe6345b4 Mon Sep 17 00:00:00 2001 From: Rotimi Best Date: Thu, 11 Apr 2024 01:42:56 +0100 Subject: [PATCH] style: hero landing page fleaker (#250) * debug: disable onmount * hide hero bg * test wrapping text in div * more debugging * more debugggg * fix positioning * finally --- apps/classroomio-com/src/app.css | 1 - apps/classroomio-com/src/lib/Hero/Hero.svelte | 66 +++++++------------ .../hero-bg.svg} | 38 +++++------ 3 files changed, 42 insertions(+), 63 deletions(-) rename apps/classroomio-com/{src/lib/Hero/HeroBackground.svelte => static/hero-bg.svg} (98%) diff --git a/apps/classroomio-com/src/app.css b/apps/classroomio-com/src/app.css index 2b1d15ef..d2e957b5 100644 --- a/apps/classroomio-com/src/app.css +++ b/apps/classroomio-com/src/app.css @@ -1,4 +1,3 @@ - @tailwind base; @tailwind components; @tailwind utilities; diff --git a/apps/classroomio-com/src/lib/Hero/Hero.svelte b/apps/classroomio-com/src/lib/Hero/Hero.svelte index cc83bb68..a31f073b 100644 --- a/apps/classroomio-com/src/lib/Hero/Hero.svelte +++ b/apps/classroomio-com/src/lib/Hero/Hero.svelte @@ -3,46 +3,18 @@ import { fly } from 'svelte/transition'; import { sineInOut } from 'svelte/easing'; import { PUBLIC_ENABLE_USERS_COMPANIES } from '$env/static/public'; - import HeroBackground from '$lib/Hero/HeroBackground.svelte'; - let width = '710'; - let height = '710'; let animate = false; onMount(() => { - const handleResize = () => { - const screenWidth = window.innerWidth; - if (screenWidth < 768) { - // Mobile view - width = '1920'; - height = '1440'; - } else { - // Desktop view - width = '710'; - height = '710'; - } - }; - - handleResize(); setTimeout(() => { animate = true; }, 70); - - window.addEventListener('resize', handleResize); - return () => { - window.removeEventListener('resize', handleResize); - }; }); -
-
- -
- -
+
+
-