Change Citizen Engagement Page Description in Header Section
- Langage dominant
- JavaScript
- Étoiles
- 363
- Forks
- 872
- Merge moyen
- 2 j 21 h
- PR mergées (30 j)
- 18
Description
### Dependencies
- [x] #3328
### Prerequisites
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](https://www.hackforla.org/getting-started) page and attend an onboarding session.
2. You have already read our [How to Contribute to Hack for LA Guide](https://github.com/hackforla/website/blob/gh-pages/CONTRIBUTING.md).
### Overview
We want to update the description in the header of the program area pages so that the page can be converted in the future to create a template that works for all our program areas.
### Action Items
- [ ] In your IDE, under the `pages` directory, open the `_layouts/program-area-pages.html` [^1].
- [ ] Delete
```
If you have a new idea, want to submit feedback that will guide the next iteration
of an existing tool, or want to start working on a project team with us, please contact
us at citizenengagement@hackforla.org.
```
- [ ] Delete
```
Read more about LA’s Sustainable Development Goals.
```
- [ ] Under `_sass/components`, open `program-area-pages.scss` [^2].
- [ ] Change the following from
```
// This contains the image and three paragraphs within the header. I added (bottom-header-paragraph)
// to help align it with other paragraph elements in the header. It is not typical throughout the site
// to have more than two paragraph elements.
```
to
```
// This contains the image and two paragraphs within the header.
```
- [ ] Delete
```
.bottom-header-paragraph {
max-width:100%;
margin-top: 1rem;
}
```
- [ ] Using Docker, check the following:
- [ ] Citizen Engagement (`localhost:4000/program-areas/citizen-engagement`)
- [ ] Civic Tech Infrastructure (`localhost:4000/program-areas/civic-tech-infrastructure`)
- [ ] Diversity, Equity & Inclusion (`localhost:4000/program-areas/diversity-equity-inclusion`)
- [ ] Environment (`localhost:4000/program-areas/environment`)
- [ ] Justice (`localhost:4000/program-areas/justice`)
- [ ] Social Safety Net (`localhost:4000/program-areas/social-safety-net`)
- [ ] Vote / Representation (`localhost:4000/program-areas/vote-representation`)
- [ ] Workforce Development (`localhost:4000/program-areas/workforce-development`)
- [ ] Check that nothing breaks on the website in both desktop, tablet, and mobile views
### Resources/Instructions
- Issue created from this [comment](https://github.com/hackforla/website/issues/7424#issuecomment-2339395291)
[^1]: [_layouts/program-area-pages.html](https://github.com/hackforla/website/blob/gh-pages/_layouts/program-area-pages.html)
[^2]: [_sass/components/program-area-pages.scss](https://github.com/hackforla/website/blob/gh-pages/_sass/components/program-area-pages.scss)
Guide de contribution
Ouvrir le guide de contribution
Évaluation
Cette issue n'a pas encore été évaluée.