Events Page

[aaronchan32]

Reference: https://ucsddesign.co/events

Tasks

• Create frontend styling for the Events page
• Use temporary data for event flyer images. We will add event images backend integration when we work on the internal tool
• Add hover effects to event types toggle
• Add hover effects to image accordion tabs
• Ensure the page is responsive
• Implement either Image Lazy Loading or Virtualization to make the page more performant

Tips

• Design mobile-first
• Have consistent styling with other pages by using SCSS variables defined in @/styles/variables.scss