A student-founded program at Mission High School, San Francisco. Built in partnership with 826 Valencia to support newcomer immigrant, refugee, and undocumented students in learning English and navigating the U.S. education system.
Finding Our Voice was started by students who saw a gap and decided to close it. We noticed newcomer students struggling to find their place in a new language and a new country. So we did something about it.
Co-founded by Gil Silva, Yuli, Emir, and Darwing at Mission High School in San Francisco.
30+ students helped. $10,000 grant from Youth Funding Youth Ideas. One student-led program.
This is the source code for the Finding Our Voice website. It's a single-page site built without any frameworks or build tools: just HTML, CSS, and a little JavaScript.
index.html the whole site, all in one file
style.css legacy styles (kept for reference)
script.js legacy JS (kept for reference)
README.md you're reading it
All fonts come from Google Fonts (Barlow Condensed + Barlow). All illustrations are inline SVG. No external images, no build step.
-
Clone the repo:
git clone https://github.com/your-repo/finding-our-voice.git cd finding-our-voice -
Open
index.htmlin your browser. That's it.
To deploy, drag the folder into Netlify Drop or push to any static host.
The site uses the Mission High School color palette and draws inspiration from 826 Valencia's bold editorial style.
| Token | Value | Use |
|---|---|---|
| Mission Gold | #F5C132 |
Headlines, accents, CTAs |
| Bulldog Brown | #3D2B1A |
Navbar, dark sections |
| Warm Brown | #7A4F2E |
Body text, labels |
| Parchment | #FDF6E3 |
Light section backgrounds |
Typography: Barlow Condensed 800 for all headlines (all caps, tight), Barlow 400 for body copy.
Want to volunteer, donate, or partner with us? Reach out:
- Email: info@findingourvoice.org
- LinkedIn: Finding Our Voice SF
Founded at Mission High School, San Francisco.