Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

img Tag Refactor: Citizen Engagement page #4447

Closed
3 tasks done
Tracked by #3328
JessicaLucindaCheng opened this issue Apr 9, 2023 · 4 comments · Fixed by #4461
Closed
3 tasks done
Tracked by #3328

img Tag Refactor: Citizen Engagement page #4447

JessicaLucindaCheng opened this issue Apr 9, 2023 · 4 comments · Fixed by #4461
Assignees
Labels
Feature: Refactor HTML good first issue Good for newcomers P-Feature: Citizen Engagement https://www.hackforla.org/citizen-engagement role: back end/devOps Tasks for back-end developers role: front end Tasks for front end developers size: 0.25pt Can be done in 0.5 to 1.5 hours

Comments

@JessicaLucindaCheng
Copy link
Member

JessicaLucindaCheng commented Apr 9, 2023

Prerequisite

  1. Be a member of Hack for LA. (There are no fees to join.) If you have not joined yet, please follow the steps on our Getting Started page and attend an onboarding session.
  2. Before you claim or start working on an issue, please make sure you have read our How to Contribute to Hack for LA Guide.

Overview

We want to change an img HTML tag ending with a slash (<img.../>) to an img tag without an ending slash (<img...>) so that the codebase is consistent with how we use img HTML tags.

Action Items

  • In your local IDE, navigate to pages/citizen-engagement.html
  • Remove the ending slash in the img HTML tag by changing
    <img class="header-hero-image" src="/assets/images/citizen-engagement/citizen-engagement-header.svg"
        alt="" />

to

    <img class="header-hero-image" src="/assets/images/citizen-engagement/citizen-engagement-header.svg"
        alt="">
  • Using Docker, check the page remains the same in mobile, tablet, and desktop views as on the current website (See 2 in the Resources/Instructions section below)

Resources/Instructions

  1. For QA to validate change: https://github.com/hackforla/website/blob/gh-pages/pages/citizen-engagement.html
  2. Webpage: https://www.hackforla.org/citizen-engagement
  3. This issue is tracked in HfLA-Website: img Tag Audit spreadsheet's img with Ending Slash tab, which is part of Rollout Plan: Refactor code with img HTML tags to end without a slash #4362
@JessicaLucindaCheng JessicaLucindaCheng added good first issue Good for newcomers role: front end Tasks for front end developers role: back end/devOps Tasks for back-end developers Feature: Refactor HTML ready for dev lead Issues that tech leads or merge team members need to follow up on P-Feature: Citizen Engagement https://www.hackforla.org/citizen-engagement size: 0.25pt Can be done in 0.5 to 1.5 hours labels Apr 9, 2023
@JessicaLucindaCheng JessicaLucindaCheng added this to the x. Technical debt milestone Apr 9, 2023
@JessicaLucindaCheng JessicaLucindaCheng added Ready for Prioritization and removed ready for dev lead Issues that tech leads or merge team members need to follow up on labels Apr 9, 2023
@SamantaTarun
Copy link

I'd like to work on this issue.

@cmedina-dev cmedina-dev self-assigned this Apr 10, 2023
@github-actions
Copy link

Hi @cjmedina95, 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 :)

@cmedina-dev
Copy link
Contributor

Availability for this week: Monday - Saturday
My estimated ETA for completing this issue: Tuesday by 5:00 PM (possibly by tonight).

@JessicaLucindaCheng
Copy link
Member Author

@tarunsamanta2k20 If you want to work on an issue, you need to be a member of Hack for LA. (There are no fees to join.) If you have not joined yet, please follow the steps on our Getting Started page and attend an onboarding session.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature: Refactor HTML good first issue Good for newcomers P-Feature: Citizen Engagement https://www.hackforla.org/citizen-engagement role: back end/devOps Tasks for back-end developers role: front end Tasks for front end developers size: 0.25pt Can be done in 0.5 to 1.5 hours
Projects
Development

Successfully merging a pull request may close this issue.

3 participants