diff --git a/web/app/page.tsx b/web/app/page.tsx index efad50d..a9a392a 100644 --- a/web/app/page.tsx +++ b/web/app/page.tsx @@ -136,7 +136,7 @@ export default function Home() { }, []) useEffect(() => { - console.log(hoveringKey) + // console.log(hoveringKey) }, [hoveringKey]) useEffect(() => { diff --git a/web/app/team/page.tsx b/web/app/team/page.tsx index 4f1c553..372e0e0 100644 --- a/web/app/team/page.tsx +++ b/web/app/team/page.tsx @@ -18,6 +18,7 @@ export default function Team() { const topTransform = useTransform(scrollYProgress, [0, 0.1], ['35%', '13%']) // opacityTransform for full opacity for 90% of path, then fade out const opacityTransform = useTransform(scrollYProgress, [0.80, 1.00], [1, 0]) + const arrowOpacityTransform = useTransform(scrollYProgress, [0.0, 0.03], [1, 0]) const fadeTransform = useTransform(scrollYProgress, [0.4, 0.41], ['none', 'block']) const [hookedYPostion, setHookedYPosition] = React.useState(0); @@ -85,6 +86,10 @@ export default function Team() {
scrollOptions('Design')} className={`w-fit pointer-events-auto ${curTab === "Design" ? "text-pastel_blue underline underline-offset-4 team-tab-after" : "text-grey"} hover:text-pastel_blue cursor-pointer`}>Designers
scrollOptions('Managers')} className={`w-fit pointer-events-auto ${curTab === "Managers" ? "text-pastel_red underline underline-offset-4 team-tab-after" : "text-grey"} hover:text-pastel_red cursor-pointer`}>Managers
+ {/* down arrow symbol, centred, use html symbol */} +⌄
+