Develop Homepage Redesign

[arghmatey]

Overview

We need to develop the new Homepage Redesign based on Figma file provided by design.

Action Items

• Develop the redesigned Home page
  • Ensure applicable design system classes are applied throughout
  • Add new icons on credits page
  • Move or create 'includes' files into home-page folder nested in the _includes folder
  • Update program areas images
• Develop mobile version of Home page

Resources/Instructions

Figma (in pink rectangle)
index.html - for home page architecture
Credit folder & credit.yml template
Homepage Redesign - #2057
Design mobile version of new homepage - #2213

[github-actions]

Hi @arghmatey.

Good job adding the required labels to this issue.

Additional Resources:
Wiki: How to add status labels to issues (WIP. Link will be updated when the wiki is done)
Wiki: How to create issues (WIP. Link will be updated when the wiki is done)

[github-actions]

@arghmatey

Please add update using the below template (even if you have a pull request). Afterwards, remove the 'To Update !' label and add the 'Status: Updated' label.

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

If you need help, be sure to either: 1) place your issue in the developer meeting discussion column and ask for help at your next meeting, 2) put a "Status: Help Wanted" label on your issue and pull request, or 3) put up a request for assistance on the #hfla-site channel.

_{You are receiving this comment because your last comment was before Tuesday, October 5, 2021 at 12:02 AM PST.}

[arghmatey]

Progress: Almost all sections of homepage are developed and styled to be mobile responsive.
Blockers: Dependency on issue. Styling of communities of practice gradient may not be possible as is (researching and testing currently). Mobile version not completed yet, but issue is created and being worked on.
Availability: 1 hour tomorrow morning (Saturday AM)
ETA: Based on blockers.

[github-actions]

@arghmatey

Please add update using the below template (even if you have a pull request). Afterwards, remove the 'To Update !' label and add the 'Status: Updated' label.

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

If you need help, be sure to either: 1) place your issue in the developer meeting discussion column and ask for help at your next meeting, 2) put a "Status: Help Wanted" label on your issue and pull request, or 3) put up a request for assistance on the #hfla-site channel.

_{You are receiving this comment because your last comment was before Tuesday, October 12, 2021 at 12:02 AM PST.}