hackforla / hackforla/website

Change Citizen Engagement Page Description in Header Section

Abierto
#8,167 3 comentarios 0 reacciones 1 asignado Reclamado por @JessicaLucindaCheng Ver en GitHub
Complexity: Missing Complexity: Small Draft HLC: M P-Feature: Citizen Engagement P-Feature: Program Area role: back end/devOps role: front end size: 0.25pt
Lenguaje dominante
JavaScript
Estrellas
363
Forks
872
Merge medio
2 d 21 h
PR fusionados (30 d)
18

Descripción

### 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)

Guía de contribución

Abrir la guía de contribución

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.