hackforla / hackforla/website

Rollout Plan: Refactor code with img HTML tags to end without a slash

Open
#4,362 56 comments 0 reactions 0 assignees View on GitHub
Added to dev/pm agenda Complexity: Missing Complexity: See issue making label epic Feature: Refactor HTML Issue Making: Level 5 ready for merge team ready for product role: back end/devOps role: front end size: 2pt
Dominant language
JavaScript
Stars
363
Forks
872
Avg merge
2d 21h
Merged PRs (30d)
18

Description

### Dependency
- [ ] #4922
- [ ] #5040
- [x] #6453

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

### Details
- See the write-up for the `DR: img tag` documentation comment [^1]
- Read the roll out plan [^2]
- See the already started but not completed spreadsheet: HfLA-Website: img Tag Audit spreadsheet [^3]
- To understand the Issue Making labels, see 4 in the Resources/Instructions section below [^4]

### Action Items
- [x] Write epic 1 as outlined in the roll out plan
- [x] Add a link to the epic in the Dependency section above
- [x] Write epic 2 as outlined in the roll out plan
- [x] Add a link to the epic in the Dependency section above
- [ ] Once all the issues are closed in the Dependency section, delete the following issue template(s):
- [ ] .github/ISSUE_TEMPLATE/img-tag-refactor-on-website.md [^5]

### Resources/Instructions
[^1]: [`DR: img tag` documentation comment](https://github.com/hackforla/website/issues/4363#issuecomment-1493176038)

[^2]: [Roll out plan](https://github.com/hackforla/website/issues/4362#issuecomment-1537580632)

[^3]: [HfLA-Website: img Tag Audit spreadsheet](https://docs.google.com/spreadsheets/d/1cq8iLOYQkAbho2GsRAxVJYgjxDeJ9KLdx2NuL4G6vu4/edit#gid=1822415835)

[^4]: To understand the Issue Making labels, refer to the Resources section of this ER: #4678

[^5]: Issue Template 1: [img Tag Refactor on Website](https://github.com/hackforla/website/issues/new?assignees=&labels=Feature%3A+Refactor+HTML%2C+good+first+issue%2C+ready+for+dev+lead%2C+role%3A+back+end%2FdevOps%2C+role%3A+front+end%2C+size%3A+0.25pt&template=img-tag-refactor-on-website.md&title=img+Tag+Refactor%3A+%5BINSERT+PAGE+HERE%5D+page%28s%29) and its associated Markdown file [.github/ISSUE_TEMPLATE/img-tag-refactor-on-website.md](https://github.com/hackforla/website/blob/gh-pages/.github/ISSUE_TEMPLATE/img-tag-refactor-on-website.md). This template works for any pages that are marked with `Template 1` in the `Template to use if found` column on the `Page Audit` tab. Template 1 works if the img tag is on the website.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.