[ENHANCEMENT] (URGENT) {SMONLY} History Page Setup

[Gam3rrXD]

Currently the History page on the website is pretty plain, the plan is to make the images of each robot clickable and the popup segment should be arranged in this way (Alex's mockup)

For each year/game, the text will be altered, Performance area should have Blue banners if earned and Stats like QR and PNW Rank.

[solar138]

I added the following template to App.js:

<Route path="/history/2024" element={<HistoryPage
          year="2024"
          robotName="ARTEMIS"
          robotNameBlurb="The Goddess of the Hunt"
          splashImage="https://res.cloudinary.com/spartasite/image/upload/f_auto,q_auto/Artemis"
          robotImage="https://res.cloudinary.com/spartasite/image/upload/f_auto,q_auto/Artemis"
          robotInfo="Insert robot info here."
          gameImage="https://res.cloudinary.com/spartasite/image/upload/f_auto,q_auto/Artemis"
          gameName="CRESCENDO"
          gameInfo="Insert game info here."
          performance={[
            {title: "Auburn Finalist", image: "https://res.cloudinary.com/spartasite/image/upload/f_auto,q_auto/Artemis", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,"},
            {title: "Sammamish Semi-Finalist", image: "https://res.cloudinary.com/spartasite/image/upload/f_auto,q_auto/Artemis", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,"}]}
          />} />

Though it's mostly filler text right now and it needs to be copy-pasted a few more times for the older years.

[Gam3rrXD]

Current Status of this Enhancement:

• Page has been roughly drafted, changes need to be made.

TO DO:

• Add a "Banner"/"Image" element to the performance tab, this is to display the banners we earned during the event if any were earned, this could also be a place to put our awards at the event, in the case of both a banner and an award we need 2 image elements, the banner being first and the award being second
• Actual information needs to be put into the pages, currently, we have some filler "Lorem Ipsum" text, which needs to be changed to actual information, for game information the best source is Wikipedia, as far as robot information go off statistics in the discord server and what is visible in the images, the NAMING for the old robots pre-2018 is TBH, we may code name them later, use a placeholder when filling these out.

Completed:

• Template converted into an actual webpage
• 2024 almost finished

Media:

• Gather IN-GAME images of all the robots as old as you can find, any new images should be sent in #media-uploads in the server. This task needs to be done IMMEDIATELY.

[solar138]

You can add more performance blocks by adding more array entries:

performance={[
            {title: "Auburn Finalist", image: "https://res.cloudinary.com/spartasite/image/upload/f_auto,q_auto/Artemis", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,"},
            {title: "Auburn Finalist 2", image: "https://res.cloudinary.com/spartasite/image/upload/f_auto,q_auto/Artemis", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,"},
            {title: "Auburn Finalist 3", image: "https://res.cloudinary.com/spartasite/image/upload/f_auto,q_auto/Artemis", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,"},
            {title: "Auburn Finalist 4", image: "https://res.cloudinary.com/spartasite/image/upload/f_auto,q_auto/Artemis", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,"},
            {title: "Sammamish Semi-Finalist", image: "https://res.cloudinary.com/spartasite/image/upload/f_auto,q_auto/Artemis", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,"}]}
          />} />```

[Gam3rrXD]

You can add more performance blocks by adding more array entries:

performance={[
            {title: "Auburn Finalist", image: "https://res.cloudinary.com/spartasite/image/upload/f_auto,q_auto/Artemis", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,"},
            {title: "Auburn Finalist 2", image: "https://res.cloudinary.com/spartasite/image/upload/f_auto,q_auto/Artemis", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,"},
            {title: "Auburn Finalist 3", image: "https://res.cloudinary.com/spartasite/image/upload/f_auto,q_auto/Artemis", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,"},
            {title: "Auburn Finalist 4", image: "https://res.cloudinary.com/spartasite/image/upload/f_auto,q_auto/Artemis", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,"},
            {title: "Sammamish Semi-Finalist", image: "https://res.cloudinary.com/spartasite/image/upload/f_auto,q_auto/Artemis", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,"}]}
          />} />```

whoops i missed that, removed from todo