-
Notifications
You must be signed in to change notification settings - Fork 0
What is NEFAC Home Page Section #37
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
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 really good! Let's just create a component and change when the card flips (more details in the review) and this will be good to merge. Great job!
? "bg-nefacblue text-white" | ||
: "bg-white text-black border-4 border-nefacblue" | ||
}`} | ||
onClick={() => setFlipped(!isFront)} |
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.
🔧 I think we should use an onhover here, the idea being we see the second side of the card when the mouse is over the card, then we return to the original side
nefac-website/src/app/page.tsx
Outdated
</video> | ||
</div> | ||
<div className="px-36 flex flex-row gap-7 w-full"> | ||
<NefacFlipCard |
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.
😃 This is a great design!
<div className="px-36 pt-12 flex flex-row flex-wrap gap-4"> | ||
<div className="z-0 pb-20"> | ||
<CommentarySection /> | ||
<div className="flex flex-col"> |
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.
🔧 Could we add this to a component? Like how we have the commentary section
caption?: string; | ||
imageBlue?: string; | ||
imageWhite?: string; | ||
links?: { text: string; url: string }[]; |
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.
😃 I like the links design
Closes #33
📝 Description
Created the "What is NEFAC?" section based on the figma design.
Briefly list the changes made to the code:
✔️ Verification


Visually verified the component matches the figma. I clicked on the video and it loaded, clicked on the cards to make sure they were flipping correctly.
🏕️ (Optional) Future Work / Notes
The sublinks on the back of the cards all link back to the home page. I was not sure what to link to for the card sub links.