hackforla / hackforla/website

Change Citizen Engagement Page Description in Header Section

Đang mở
#8,167 3 bình luận 0 reaction 1 người được giao Được @JessicaLucindaCheng nhận Xem trên 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
Ngôn ngữ chính
JavaScript
Star
363
Fork
872
Merge trung bình
2 ngày 21 giờ
Pull request đã merge (30 ngày)
18

Mô tả

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

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Đánh giá

Issue này chưa được đánh giá.

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.