fix: adjust BlurFade timing for tiles

steadyfall · steadyfall · commit 44c018019bb1 · 2024-11-08T16:47:40.000-05:00
diff --git a/site/src/components/Experiences.tsx b/site/src/components/Experiences.tsx
@@ -24,7 +24,7 @@ export function Experiences({ arr }: ExperiencesProps) {
                 {experiences.map((experience, index) => (
                     <BlurFade
                     key={index}
-                    delay={BLUR_FADE_DELAY * 6 + index * 0.05}
+                    delay={BLUR_FADE_DELAY * 6 + index * 0.2}
                     >
                         <ExperienceTile key={index} {...experience} />
                     </BlurFade>
diff --git a/site/src/components/Projects.tsx b/site/src/components/Projects.tsx
@@ -22,7 +22,7 @@ export function Projects({ arr }: ProjectProps) {
                     {projects.map((project, index) => (
                         <BlurFade
                         key={index}
-                        delay={BLUR_FADE_DELAY * 12 + index * 0.05}
+                        delay={BLUR_FADE_DELAY * 12 + index * 0.2}
                         >
                             <ProjectTile key={index} {...project} />
                         </BlurFade>

Original file line number	Diff line number	Diff line change
`@@ -24,7 +24,7 @@ export function Experiences({ arr }: ExperiencesProps) {`
`24`	`24`	`{experiences.map((experience, index) => (`
`25`	`25`	`<BlurFade`
`26`	`26`	`key={index}`
`27`		`- delay={BLUR_FADE_DELAY * 6 + index * 0.05}`
	`27`	`+ delay={BLUR_FADE_DELAY * 6 + index * 0.2}`
`28`	`28`	`>`
`29`	`29`	`<ExperienceTile key={index} {...experience} />`
`30`	`30`	`</BlurFade>`
Original file line number	Diff line number	Diff line change
`@@ -22,7 +22,7 @@ export function Projects({ arr }: ProjectProps) {`
`22`	`22`	`{projects.map((project, index) => (`
`23`	`23`	`<BlurFade`
`24`	`24`	`key={index}`
`25`		`- delay={BLUR_FADE_DELAY * 12 + index * 0.05}`
	`25`	`+ delay={BLUR_FADE_DELAY * 12 + index * 0.2}`
`26`	`26`	`>`
`27`	`27`	`<ProjectTile key={index} {...project} />`
`28`	`28`	`</BlurFade>`