Tmp disable text animations - refactor to use native Svelte transitions

grantmakers · Feb 5, 2024 · 4f1db30 · 4f1db30
1 parent 9846e3f
commit 4f1db30
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/apps/web/src/lib/components/landing/sections/ClosingStatement.svelte b/apps/web/src/lib/components/landing/sections/ClosingStatement.svelte
@@ -4,7 +4,7 @@
   let textInView = false;
 </script>
 
-<div class="bg-gray-900">
+<div class="bg-gray-900" data-sveltekit-preload-code="eager">
   <div class="relative isolate pt-14">
     <div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" aria-hidden="true">
       <div
@@ -17,16 +17,14 @@
         <div
           use:viewport
           on:enterViewport={() => {
-            textInView = true;
-          }}
-          on:exitViewport={() => {
-            textInView = false;
+            if (!textInView) {
+              textInView = true;
+            }
           }}
           class="mx-auto max-w-2xl text-center {textInView
             ? 'opacity-1 translate-y-0'
             : 'translate-y-4 opacity-0'} pointer-events-none transform-gpu duration-500 ease-in-out"
         >
-          <!-- class="translate-y-6 transform text-center opacity-0 transition-opacity" -->
           <h1 class="text-4xl font-bold tracking-tight text-white sm:text-6xl">IRS 990-PF.<br />Plain and Simple.</h1>
           <p class="mt-6 text-lg leading-8 text-gray-300">
             Open, unfettered access to a critical grants information source for nonprofits.