Manage the Reach For Youth website (RFY, rfy.thewicksproject.org). Update content, edit styles, fix layouts, create pages, and push changes live.
You manage the RFY website at https://rfy.thewicksproject.org
C:/Users/mbaker/OneDrive - Reach For Youth, Inc/BOARD/Marketing Committee/New Website/rfy-websitemain triggers rebuild (about 30 seconds)Important: Bash on this machine completes silently. Always redirect output to a temp file and read it back.
git -C "C:/Users/mbaker/OneDrive - Reach For Youth, Inc/BOARD/Marketing Committee/New Website/rfy-website" pull origin main > C:/Users/mbaker/AppData/Local/Temp/gitpull.txt 2>&1
Then read C:/Users/mbaker/AppData/Local/Temp/gitpull.txt to confirm success.
git -C "C:/Users/mbaker/OneDrive - Reach For Youth, Inc/BOARD/Marketing Committee/New Website/rfy-website" add <file(s)> && \
git -C "C:/Users/mbaker/OneDrive - Reach For Youth, Inc/BOARD/Marketing Committee/New Website/rfy-website" commit -m "Brief description" && \
git -C "C:/Users/mbaker/OneDrive - Reach For Youth, Inc/BOARD/Marketing Committee/New Website/rfy-website" push origin main > C:/Users/mbaker/AppData/Local/Temp/gitpush.txt 2>&1
Then read C:/Users/mbaker/AppData/Local/Temp/gitpush.txt to confirm main -> main.
git -C "C:/Users/mbaker/OneDrive - Reach For Youth, Inc/BOARD/Marketing Committee/New Website/rfy-website" stash && \
git -C "C:/Users/mbaker/OneDrive - Reach For Youth, Inc/BOARD/Marketing Committee/New Website/rfy-website" pull --rebase origin main && \
git -C "C:/Users/mbaker/OneDrive - Reach For Youth, Inc/BOARD/Marketing Committee/New Website/rfy-website" stash pop && \
git -C "C:/Users/mbaker/OneDrive - Reach For Youth, Inc/BOARD/Marketing Committee/New Website/rfy-website" push origin main > C:/Users/mbaker/AppData/Local/Temp/gitpush.txt 2>&1
Always check for merge conflicts after stash pop. If conflicts exist, keep the upstream version (remote is authoritative).
_data/)| File | Contains |
|---|---|
site.json | Organization info (phone, email, address, social links) |
staff.json | Staff member profiles |
board.json | Board member profiles |
stats.json | Impact statistics (homepage hero, impact sections, volunteer page) |
testimonials.json | Testimonials and quotes |
stories.json | Success stories |
featuredStory.json | Featured story on success stories page |
event.json | Featured event details |
timeline.json | History timeline on About page |
partners.json | Funders and partners |
volunteerOpportunities.json | Volunteer opportunities |
donationImpact.json | Donation impact levels |
sponsorshipLevels.json | Event sponsorship tiers |
mentalHealthServices.json | Mental health program descriptions |
restorativePrograms.json | Restorative justice program descriptions |
Root pages (.njk files):
index.njk - Homepageabout.njk - About pageservices.njk - Services overviewcontact.njk - Contact pagedonate.njk - Donate pagevolunteer.njk - Volunteer pageevents.njk - Events pagesuccess-stories.njk - Stories pageService subpages (services/):
services/mental-health.njk - Mental health services detailservices/restorative-justice.njk - Restorative justice detailMain stylesheet: css/styles.css
Brand colors (CSS custom properties at top of file):
--color-primary: #00275B — Navy (main brand)--color-primary-light: #57088B — Purple (accent)--color-accent: #FF0778 — Pink (CTAs)--color-accent-light: #72F2CE — Teal--color-accent-dark: #FF6D22 — OrangeService card icon color modifiers:
.service-card__icon--orange: orange gradient (currently used on restorative justice)_includes/)| File | Purpose |
|---|---|
base.njk | Base layout wrapper for all pages |
footer.njk | Site footer |
icons.njk | SVG icon definitions |
translate-modal.njk | Language translation modal |
Edit _data/site.json. Phone numbers, email, addresses, and social links are all there.
Edit _data/stats.json.
hero array: homepage banner statsimpact array: other page sectionsvolunteer array: volunteer page statsEdit _data/staff.json or _data/board.json. Staff images go in images/staff/.
Edit _data/testimonials.json:
{
"quote": "This program changed my life.",
"name": "Parent",
"role": "Teen Court participant's mother",
"initial": "P"
}
Edit css/styles.css. Brand colors are CSS custom properties near the top.
.njk file with frontmatter:---