Acceptance Criteria

mockup

• Create informational component to be used in the Tracks (update text if necessary)
  • There's a new stacking layout in the mockup compared to last year
• Update display component to hold the "10 years of bitcamp" sign above
• Responsive design, make sure everything scales on different display sizes (shouldn't be too--if at all--to last years implementation)
• Linted and formatted

Acceptance Criteria

mockup

• Create informational component to be used in the Mini Events
• The image banner above with the bus is part of this ticket
• Responsive design, make sure everything scales on different display sizes (shouldn't be too--if at all--to last years implementation)
• Linted and formatted

Acceptance Criteria

• Create a component for the Bitcamp sign that can easily be plugged into the hero component
• This part will be animated
  • You should have the lights around the sign (circles) blinking
  • Don't make it too slow or too fast (too over or underbearing)
  • You should treat this part of the SVG as a separate entity (or your own implementation if that's more ideal)
  • Use CSS features or JS to control the blinking
  • Use fixed (or absolute) placement to bring the parts of the sign together (since the lights will probably have to be separate)
• Sign should have a neon glow to it
• Linted and formatted

Acceptance Criteria

mockup

• Reconfigure the full width, static header section according to the mockup, NOT INCLUDING THE BITCAMP SIGN nor the 10 YEARS OF BITCAMP SIGN
• Responsive, test with various screen sizes and verify behavior is as expected (look at last years site https://2023.bit.camp); there is flexibility, but verify with us if you are unsure
• You should design a new button component to hold the neon buttons and use the button component in your hero image
• Linted and formatted

We are going to have animation for the lights!

However, before we proceed, we want one person to do one (which will be the the hero Bitcamp sign) to establish a visual consistency and implementation of the lights.

We are waiting on design for how to animate, and we will let you know once this clarified!

Acceptance Criteria

• Add the "Schedule" sign + position it properly
• Update colors
• Download the necessary assets from the Figma
• Update year throughout the website (i.e. change everything from 2023 -> 2024)
  • Include website metadata
  • there might be references to 2022 as "last year", check for this and update 2022 -> 2023 if needed
• Don't worry about updating the schedule with this year's events—we will make the component now and add it to the site later when the schedule has been finalized by logistics
• RESPONSIVENESS IS A MUST

Reference

https://www.figma.com/file/erxz9ionvNkLLJWQoWFjdD/2024-Website-Mockups

Acceptance Criteria

• Update the sponsorship prospectus with this year's version
• Update the perk descriptions for the podcast (it should start with "This add-on is open to Giga and Tera sponsors...")
• Update the text in the letter at the top of the page
• The path should be /sponsor
• Use the pdf as your design guide
• Use the existing components—it will be a lot easier to update everything if you use the components that we (painstakingly 🥲) made last year
• RESPONSIVENESS IS A MUST

Reference

Bitcamp 2024 Prospectus.pdf

If you load the website and click on the navbar, it will properly navigate/scroll to the right section. However, if you load the site with the anchor in the url (for example you open https://bit.camp/#campfire-games directly), it will just take you to the top of the site and won't scroll down to the right section. This should ideally be fixed in next year's version of the site.

Acceptance Criteria

mockup

• Style the navbar according to the mockup
• We might make this a sticky navbar eventually, do not change the behavior until we clarify otherwise
• Update MLH flag to 2024 season banner
• Same responsive design as last year for different displays
• Linted and formatted

Acceptance Criteria

• Add the "FAQ" sign to the section and properly position it
• Add the image separating the Schedule and FAQ section
• Use the same set of FAQs as last year
• Change the background color
• Download the necessary assets from the Figma
• RESPONSIVENESS IS A MUST

Reference

https://www.figma.com/file/erxz9ionvNkLLJWQoWFjdD/2024-Website-Mockups

Acceptance Criteria

• Update the footer image at the bottom of the site as per the Figma
• Add the "Sponsors" sign to the sponsors section
• Use the same list of sponsors as last year (this will be a placeholder for now but we'll update it as we get a finalized list from sponsfin)
• Download the necessary assets from the Figma

Reference

https://www.figma.com/file/erxz9ionvNkLLJWQoWFjdD/2024-Website-Mockups

Acceptance Criteria

• Add the "Campfire Games" sign to the section and properly position it
• Update text and add new team marshie mascots
• Download the necessary assets from the Figma
• RESPONSIVENESS IS A MUST

Reference

https://www.figma.com/file/erxz9ionvNkLLJWQoWFjdD/2024-Website-Mockups