Design System - Component(s): Header and Footer

[lrchang2]

Overview

We need to develop library for the header and footer components so it can be passed off and used by the developers.

Additional Information

• Footer requires Access the Data logo and Hack for LA logo.
• Make the header reactive, current it is static.
• The drop down menu (desktop) should have a hover effect.

Action Items

• Do industry research on different types of headers and footers and the components that are included in them
• Do an audit of all the UI components for the header and footer of high-fi wireframes
  • mobile version
  • desktop version
• Collect all versions of header and footer and determine if designs need updating and standardizing (based on sizing, style, etc)
  • bring to design team to make final decisions
• detail out components in the design system of the figma
  • class
  • css
  • use
  • context
• Add a search bar function to the header #195

Resources/Instructions

figma

[lrchang2]

@TracyLuu Please add update using this template (even if you have a pull request)

Progress: "What is the current status of your project? What have you completed and what is left to do?"
Blockers: "Difficulties or errors encountered."
Availability: "How much time will you have this week to work on this issue?"
ETA: "When do you expect this issue to be completed?"
Pictures: "Add any pictures of the visual changes made to the site so far."

If you need help, be sure to either:

1. ask for help at your next meeting
2. put a "Status: Help Wanted" label on your issue and pull request
3. put up a request for assistance on the #access-the-data channel.