website icon indicating copy to clipboard operation
website copied to clipboard
verified publisher icon hackforla

Implement new Figma design to Donate page (mobile view)

Open abuna1985 opened this issue 4 years ago • 42 comments

Overview

we need to implement the Figma design for the mobile version of the Donate Page so that we make the page more clear for the user

Current Donation Page
Donation Page (Figma Design)

Action Items

  • [ ] Implement Figma design for the Donate Page (mobile view)
  • [ ] Submit a pull request with the proposed changes

Resources/Instructions

Figma - Donate Page mobile design (final) pages/donate.html _sass/components/_donate.scss

abuna1985 avatar Oct 23 '21 04:10 abuna1985

Hi @abuna1985.

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[bot] avatar Oct 23 '21 04:10 github-actions[bot]

Progress: Going through Figma and SCSS Blockers: None so far Availability: Random hours here and there ETA: End of the week

Zhu-Joseph avatar Nov 02 '21 07:11 Zhu-Joseph

@Zhu-Joseph

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 Monday, November 8, 2021 at 11:03 PM PST.

github-actions[bot] avatar Nov 12 '21 07:11 github-actions[bot]

@Zhu-Joseph

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 Thursday, November 18, 2021 at 4:50 PM PST.

github-actions[bot] avatar Nov 22 '21 00:11 github-actions[bot]

  1. Blockers: Working on the CSS to adjust styling

Zhu-Joseph avatar Nov 22 '21 17:11 Zhu-Joseph

@Zhu-Joseph

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 Monday, November 22, 2021 at 11:19 PM PST.

github-actions[bot] avatar Nov 26 '21 07:11 github-actions[bot]

@Zhu-Joseph

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 Monday, November 29, 2021 at 11:19 PM PST.

github-actions[bot] avatar Dec 03 '21 07:12 github-actions[bot]

@Zhu-Joseph

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 Monday, December 6, 2021 at 11:19 PM PST.

github-actions[bot] avatar Dec 10 '21 07:12 github-actions[bot]

@Zhu-Joseph

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 Monday, December 13, 2021 at 11:19 PM PST.

github-actions[bot] avatar Dec 17 '21 07:12 github-actions[bot]

@Zhu-Joseph since this has been inactive for a while, I will unassign you. Please feel free to pick up this issue again when you have the time. Thanks

macho-catt avatar Dec 17 '21 17:12 macho-catt

@abuna1985

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 Monday, January 17, 2022 at 11:18 PM PST.

github-actions[bot] avatar Jan 21 '22 07:01 github-actions[bot]

@abuna1985

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 Monday, January 24, 2022 at 11:18 PM PST.

github-actions[bot] avatar Jan 28 '22 07:01 github-actions[bot]

@abuna1985

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 Monday, January 31, 2022 at 11:15 PM PST.

github-actions[bot] avatar Feb 04 '22 07:02 github-actions[bot]

@abuna1985 Thanks for working on this issue! Could you please provide a weekly progress report that includes the following:

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?"

If you have questions, please let me know. Thank you.

JessicaLucindaCheng avatar Feb 04 '22 19:02 JessicaLucindaCheng

I left a Slack message on Fri, Feb 4, 2022 for Adam.

JessicaLucindaCheng avatar Feb 04 '22 20:02 JessicaLucindaCheng

@abuna1985

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 Monday, February 7, 2022 at 11:17 PM PST.

github-actions[bot] avatar Feb 11 '22 07:02 github-actions[bot]

@abuna1985 Since I haven't heard back from you and there has been no progress updates, I'm going to unassign you from this issue and move it back to the Prioritized Backlog.

JessicaLucindaCheng avatar Feb 12 '22 20:02 JessicaLucindaCheng

Availability for this week: 6hrs My estimated ETA for completing this issue: Next Weekends(Saturday or Sunday)

A-BMT02 avatar Mar 30 '22 21:03 A-BMT02

Blocker : How do i get the graphics below ? Should i make it using CSS or its provided somewhere ?

Screenshot (179)

The design is on figma https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=11166%3A91022

A-BMT02 avatar Apr 04 '22 22:04 A-BMT02

@A-BMT02 When you have a blocker or question, in addition to asking your question in a comment in your issue, please post in the hfla-site channel on Slack your blocker or question so that we know you have a blocker. We may miss your question/blocker if you just post it in a comment in GitHub.

JessicaLucindaCheng avatar Apr 06 '22 01:04 JessicaLucindaCheng

@ExperimentsInHonesty On the current website, the graphics for the green donation circles is an svg image. Did you want the green circles to still be an image or did you want it changed to be using scss and code?

JessicaLucindaCheng avatar Apr 06 '22 02:04 JessicaLucindaCheng

@ExperimentsInHonesty On the current website, the graphics for the green donation circles is an svg image. Did you want the green circles to still be an image or did you want it changed to be using scss and code?

@JessicaLucindaCheng Bonnie said to ask design for an image of it at Sunday meeting.

SAUMILDHANKAR avatar Apr 10 '22 00:04 SAUMILDHANKAR

@phuonguvan This is the issue related to the green circles for the mobile design on the Donate page we discussed today on (Sun, Apr 10). Please let me know when you fix the problem in the Figma so we can download the circles as an image with all the text.

JessicaLucindaCheng avatar Apr 10 '22 18:04 JessicaLucindaCheng

@JessicaLucindaCheng Is the image's preview correct? Frame 1 (2) https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=17065%3A104582

phuonguvan avatar Apr 14 '22 20:04 phuonguvan

@phuonguvan Yes, that looks good. Thank you so much for your help.

JessicaLucindaCheng avatar Apr 14 '22 22:04 JessicaLucindaCheng

@A-BMT02

Blocker : How do i get the graphics below ? Should i make it using CSS or its provided somewhere ?

Screenshot (179)

The design is on figma https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=11166%3A91022

You can download the image from here: https://drive.google.com/drive/folders/1Pd07M-1hocCBrISiQ3x136-FivC9NLh1

JessicaLucindaCheng avatar Apr 14 '22 23:04 JessicaLucindaCheng

@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.

  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, April 12, 2022 at 12:20 AM PST.

github-actions[bot] avatar Apr 15 '22 07:04 github-actions[bot]

Thank you @JessicaLucindaCheng Working on it

A-BMT02 avatar Apr 18 '22 22:04 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.

  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, April 26, 2022 at 12:21 AM PST.

github-actions[bot] avatar Apr 29 '22 07:04 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.

  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, May 3, 2022 at 12:20 AM PST.

github-actions[bot] avatar May 06 '22 07:05 github-actions[bot]