-
Notifications
You must be signed in to change notification settings - Fork 0
Moved info site to web monorepo #66
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good so far! Just catching a few nits
|
||
//const MotionBox = motion(Box); | ||
|
||
// const { scrollY } = useScroll(); | ||
// const width = useTransform(scrollY, [0, 500], ['100%', '50%']); | ||
// const height = useTransform(scrollY, [0, 500], ['85px', '75px']); | ||
// const top = useTransform(scrollY, [0, 500], [0, 10]); | ||
// const fontSize = useTransform(scrollY, [0, 500], ['1.75rem', '1.15rem']); | ||
// const borderRadius = useTransform(scrollY, [0, 500], ['0px', '16px']); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Remove commented out code
//const MotionBox = motion(Box); | |
// const { scrollY } = useScroll(); | |
// const width = useTransform(scrollY, [0, 500], ['100%', '50%']); | |
// const height = useTransform(scrollY, [0, 500], ['85px', '75px']); | |
// const top = useTransform(scrollY, [0, 500], [0, 10]); | |
// const fontSize = useTransform(scrollY, [0, 500], ['1.75rem', '1.15rem']); | |
// const borderRadius = useTransform(scrollY, [0, 500], ['0px', '16px']); |
// const [isHovered, setIsHovered] = useState(false); | ||
// const animation = useAnimation(); | ||
|
||
// useEffect(() => { | ||
// console.log("animate START") | ||
|
||
// console.log("animate STOP") | ||
|
||
// }, [isHovered, animation]) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Remove commented out code
// const [isHovered, setIsHovered] = useState(false); | |
// const animation = useAnimation(); | |
// useEffect(() => { | |
// console.log("animate START") | |
// console.log("animate STOP") | |
// }, [isHovered, animation]) |
md: "3xl", | ||
lg: "4xl" | ||
}); | ||
//const titleFontSize = useBreakpointValue({ base: "2xl", md: "3xl", lg: "4xl" }); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Remove commented out code
//const titleFontSize = useBreakpointValue({ base: "2xl", md: "3xl", lg: "4xl" }); |
{/* <Heading fontSize="5xl" mb={10}> | ||
Meet the Team | ||
</Heading> | ||
</Heading> */} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Remove commented out code
{/* <Heading fontSize="5xl" mb={10}> | |
Meet the Team | |
</Heading> | |
</Heading> */} |
Moves the assembled version of the info site home page to the web mono repo
Puts together the home page for the info site according to Design's figma (missing the bench image oops) with placeholders. Also added the spotlight + darkening visual to the stats section, a footer, and the exhibit section background visual (the other figma backgrounds weren't put into the designs yet, not sure exactly what do do with them).
Adds a new navbar to match the figma