website Events page: Remove projects from Our Locations section

Overview

As a developer, I want to update the Our Locations section on the Events page so that it reflects Hack for LA going fully remote and no longer doing in-person meetings. For this issue, we will remove projects from the Our Locations section on the Events page following the new Figma design for it.

Details

Screenshots of the New Our Locations Section on Events Page

Below are screenshots of the updates but please reference the Events page Figma design in the red box when working on this issue to see more of the design and details more clearly.

New Desktop Our Locations section on Events page

New Mobile Our Locations section on Events page

Action Items

[ ] Please reference the Events page Figma design in the red box when working on this issue to see details of the design
[ ] Implement the desktop version of the new Our Locations section on the Events page
[ ] Implement the mobile version of the new Our Locations section on the Events page
[ ] Check the page looks good in mobile, tablet, and desktop views using developer tools
[ ] Give your email address associated with your Figma account to a merge team member or technical lead and request access so you can make edits in Figma
- [ ] In Figma, under the Large Cards section in the Design System, add the information for the Class, CSS, Uses, and Context Example columns for the Events Card

Resources/Instructions

Events page
Events page Figma design for the square version in the red box
Code files to get you started. (Note: You may need other files.):
- https://github.com/hackforla/website/blob/gh-pages/pages/events.html
- https://github.com/hackforla/website/blob/gh-pages/_includes/events-page/our-locations-content.html
- https://github.com/hackforla/website/blob/gh-pages/_sass/components/_events.scss
Events Card in Design System in Figma
Related design issue: https://github.com/hackforla/website/issues/2497
Tracked in https://github.com/hackforla/website/issues/2481#issuecomment-968349924

Apr 02 '22 08:04 JessicaLucindaCheng

Hi @JessicaLucindaCheng.

Please don't forget to add the proper labels to this issue. Currently, the labels for the following are missing: Size

To add a label, take a look at Github's documentation here.

Also, don't forget to remove the "missing labels" afterwards. To remove a label, the process is similar to adding a label, but you select a currently added label to remove it.

After the proper labels are added, the merge team will review the issue and add a "Ready for Milestone" label once it is ready for prioritization.

Additional Resources:

Apr 02 '22 08:04 github-actions[bot]

Availability: 2 hours ETA: in 24 hours

Jun 21 '22 13:06 A-BMT02

Blocker : What should be the breakpoint from the mobile to desktop

Jun 22 '22 10:06 A-BMT02

@A-BMT02

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.

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 (optional): "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, June 28, 2022 at 12:21 AM PST.}

Jul 01 '22 07:07 github-actions[bot]

@A-BMT02

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.

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 (optional): "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, July 5, 2022 at 12:19 AM PST.}

Jul 08 '22 07:07 github-actions[bot]

Hi @geedtd, thank you for taking up this issue! Hfla appreciates you :)

Do let fellow developers know about your:- i. Availability: (When are you available to work on the issue/answer questions other programmers might have about your issue?) ii. ETA: (When do you expect this issue to be completed?)

You're awesome!

P.S. - You may not take up another issue until this issue gets merged (or closed). Thanks again :)

Sep 16 '22 00:09 github-actions[bot]

Availability this week Friday-Sunday before 2PM Estimated Completion Sunday around Noon, unless I run into unforeseen bugs

Sep 16 '22 00:09 geedtd

@geedtd

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.

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 (optional): "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, September 20, 2022 at 12:39 AM PST.}

Sep 23 '22 07:09 github-actions[bot]

@geedtd

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.

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 (optional): "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, September 27, 2022 at 12:45 AM PST.}

Sep 30 '22 07:09 github-actions[bot]

@geedtd Hi, this issue has not been updated in over 2 weeks. If you are still interested in working with HfLA, please let us know by updating your ETA and Availability. If we don't hear back within 7 days, we will unassign you from this issue and put it back in the queue. Thanks!

Oct 04 '22 02:10 kathrynsilvaconway

@geedtd

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.

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 (optional): "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 4, 2022 at 12:32 AM PST.}

Oct 07 '22 07:10 github-actions[bot]

@geedtd

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.

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 (optional): "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 11, 2022 at 12:39 AM PST.}

Oct 14 '22 07:10 github-actions[bot]

@geedtd

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.

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 (optional): "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 18, 2022 at 12:33 AM PST.}

Oct 21 '22 07:10 github-actions[bot]

@geedtd

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.

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 (optional): "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 25, 2022 at 12:20 AM PST.}

Oct 28 '22 07:10 github-actions[bot]

@geedtd

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.

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 (optional): "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 Thursday, October 27, 2022 at 11:57 AM PST.}

Oct 30 '22 18:10 github-actions[bot]

@geedtd Since we haven't heard back from you, I'm unassigning you from this issue.

Nov 03 '22 20:11 JessicaLucindaCheng

Hi @roslynwythe, thank you for taking up this issue! Hfla appreciates you :)

Do let fellow developers know about your:- i. Availability: (When are you available to work on the issue/answer questions other programmers might have about your issue?) ii. ETA: (When do you expect this issue to be completed?)

You're awesome!

P.S. - You may not take up another issue until this issue gets merged (or closed). Thanks again :)

Nov 09 '22 05:11 github-actions[bot]

Availability: 10 am - 7 pm 11/9, 10 am - 6 pm 11/10, 10 - 2 11/11, 10 -2 11/13, 10-noon 10/14 ETA: 11/15

Nov 09 '22 11:11 roslynwythe

Progress: large screen looks good, mobile version almost ready, need a bit of work on tablet version. The location images are not scaling properly moving between mobile and tablet views.

Blockers: This isn't blocking yet but I will need access to Figma to update styles for event-card, also I'm unclear on the process for updating Figma (version control?). Request made to @kathrynsilvaconway

Availability: I can work 3 hrs 11/13, 3 hrs 11/14, no time 11/15, 4 hrs 11/16

ETA: EOD 11/16

I have to admit, I don't know how to take a picture of the entire page. I have a small device at max res so I'm show screen shots of just the events location portion of the page, and it appears cut off but that is just because the screen is too small.

Nov 13 '22 11:11 roslynwythe