jazz

Author: vivCoding

pages/_includes/index/contact.liquid

@@ -1,4 +1,4 @@
-<section id="contact" class="mt-24 px-10 pb-16 sm:px-20 lg:mt-36 lg:pb-24 2xl:px-32">
+<section id="contact" class="my-24 px-10 sm:px-20 lg:my-36 2xl:px-32">
   <h1 class="group mb-4 w-fit text-4xl font-medium sm:mb-6 sm:text-5xl xl:mb-10 xl:text-7xl">
     <span class="contact-line-word inline-block opacity-0 motion-reduce:animate-none motion-reduce:opacity-100"
       >Contact</span

scripts/section-transitions/projects.ts

@@ -26,7 +26,7 @@ export function initTransition() {
     if (percentage >= PERCENTAGE_TRIGGER) {
       show()
     } else {
-      const opacity = 1 - (PERCENTAGE_TRIGGER - percentage) / 0.25
+      const opacity = 1 - (PERCENTAGE_TRIGGER - percentage) / 0.2
       projectsSection.style.opacity = `${opacity}`
       if (opacity <= 0) {
         hide()