hackforla / hackforla/website

Rollout Plan: Refactor HTML to resolve HTML linter errors

Open
#5,277 4 comments 0 reactions 0 assignees View on GitHub
Complexity: Missing Complexity: See issue making label Dependency Draft Feature: Refactor HTML Issue Making: Level 5 role: front end size: 0.25pt size: 0.5pt
Dominant language
JavaScript
Stars
363
Forks
872
Avg merge
2d 21h
Merged PRs (30d)
18

Description

### Dependency
- #5248
- #5005

### Overview
We aim to make use of an HTML linter to improve the quality, consistency and appearance of our HTML markup. We will audit every page containing html markup, record errors and create issues to resolve the errors using the HfLA audit HTML spreadsheet[^1]

### Action Items
- [ ] Select an HTML linter and appropriate configuration settings
- Consider HTML ESLint[^2], HTMLHint[^3]
- [x] Create HfLA audit HTML spreadsheet[^1]
- [ ] Populate the HfLA audit HTML spreadsheet[^1] with the filepath of each html file in the codebase
- [ ] Create Epic to create issues to audit each page and record errors
- [x] Create Epic to create issues to fix errors see #5279

### Resources/Instructions
[^1]:[HfLA audit HTML spreadsheet](https://docs.google.com/spreadsheets/d/1P6o_ofzfIUPizfhpFmF9p92SNZrpAIEnWNyErWwpRiA/edit#gid=0)
[^2]:[HTML ESLint](https://yeonjuan.github.io/html-eslint/docs/getting-started/)
[^3]:[HTMLHint](https://htmlhint.com/)

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.