Design and Implement Volunteers Page

[ney927]

Description

• design and implement the volunteers page
• note: this is designed to be a week long task. do try and complete both the design and implementation within the week

Resources

• website details bottom of page 21
  • the details have been edited a bit and are kind of confusing. DM me for clarification but here are the main page sections:
  • Page Title and Info ("our volunteers are the backbone... ")
  • Explore Opportunities section: list each volunteer role
    • each role includes: role title, application deadline, application form, role description
  • list the Benefits of volunteering (see collaborators page for inspo (DM me if you can't find it))
  • contact us section (get the email from contentful, don't hardcode it in)
• use contentful
  • use 'volunteerRole' content type to get all the volunteer roles that should be listed on the page
  • use the outreachEmail in the 'content' content type of contentful to get the contact us email
  • login with google
    • username: tg.cu.blueprint@gmail.com
    • password: CUBPisaw3some$
• use TextBox and Subheading components
• use classic-bg class
  • " there is a new class classic-bg defined in src/custom-pico.css that adds the background image to pages. you can either add it as a class to an element or use javascript: <script> document.querySelector("main")?.classList.add("classic-bg") </script> "

Step 1: Design

• check out this discord message for more info on where to design it (if you have an alternative you'd prefer just let me or Arabella know)
• ^^ let me or Arabella know if you need any clarification on the design process, or want specific feedback as you go.

Step 2: Implement

• once you finish the design @ Arabella to let her know so she can give any feedback
• don't wait for her reply to start implementing, just being implementing when you finish the design and make any alterations depending on her feedback
• many of the page components (subheading, textbox, etc.) are consistent throughout the site and will likely not be changed by her feedback. with other components, I don't anticipate her feedback being drastic so in the interest of time please begin implementing right when you complete the design