Update events

[scorpiontornado]

https://coopsoc.com.au/events

MVP:

• [ ] Get some new photos and replace the ones from like 2020
• [ ] Add 2023 charity events on

Nice-to-have:

• Expand on description
• More info on each event
• One section per event from 2023? Eg name / description / photo carousel
• Could split into past and upcoming
  • Would need info from socials
  • Already done on the charity page actually, layout is pretty good so we could just steal the React components & add the info
  • I also like the link to the Facebook events, ideally we’d be more proactive in adding that stuff to the upcoming section
  • This seems to require each event to make their own image (see the website) - could either get marketing to make canva images/posters for each event, or perhaps just use a random photo from that event?
  • Would a name of each event next to the photo help, or is the current charity system of click on photo - get modal with name, photo, description enough?
  • Need to add an image carousel to the event modals
• Merge with charity page?
  • The end user doesn’t really care if the event is for charity or not, this distinction appears to be a remnant from the 2018 CSCS merger
  • Could just move the charity info paragraph to the events page, then merge all the past and upcoming events
  • Some way to distinguish between charity events would be nice, at the very least just have “charity” in each event name. Could also have a colour or banner or logo or something on the modal for charity events
  • Where to put charity list?

[scorpiontornado]

this needs to go... .map could be based? Might not matter though if we just steal the stuff from /charity

[scorpiontornado]

Liking the idea of moving the charity events to the main events page. Will make all events (both charity and not, past and upcoming) use the image / modal system currently employed by charity past events. In addition to simplifying the website and removing the arbitrary charity/non-charity event distinction, the upcoming events section would benefit from the modal system - in particular, having a short description and a link to the facebook event.

Will rename CharityData.js to EventsData.js, and use the nice title/image/description/link format - the goal is to move as much of the regularly-updated info to the data folder as possible, making it easier to add new events etc. so we don't end up in the same situation as we're in now (events page 2 years out of date).

In addition to the current charity modal system, we'll make the modal image into a carousel using the Argon design system - allowing multiple images per event to be showcased. We'd change the "image" key to "images", an array of images. The first image would be used on the main page, and every image in the carousel.

Also, we'll change the layout to use a similar heading / section system to the Team page, with the years being the headings. This will make years with less events less obvious, and will fix the inevitable issue of having too many years to accurately use the scroll bar.

[scorpiontornado]

Not sure what to do with /charity though, could just keep the history of them merging with Co-op Soc in 2018 and some charities supported (should update that, and would need to move the SPONSORS array to a seperate file perhaps?

Also would be nice to differentiate charity events from regular some way other than name. At the very least, perhaps a list of charities supported for each event? (I suppose this could just go in the description, but small charity images/icons somewhere in the modal could be cool.