Static, multi-page site for The Founders Yard — a co-branded project from Sítio (Portuguese coworking chain) and 351 Startups (Portugal's largest startup association). Aggregates events, programs, perks, mentors, partners and locations across the network — filterable by vertical (AI, Cyber, Web3, Deep Tech, Fintech, CleanTech, Other) and founder stage.
- Vanilla HTML/CSS/ES2020 — no bundler, no build step
- Single source of truth:
assets/data/data.json - Hosts on GitHub Pages as-is. Each page also has an Elementor-friendly snippet under
/embed/.
index.html Homepage — hero, stats, verticals, programs, events, locations, stories, partners
programs.html All programs grouped by vertical
finder.html Unified filterable finder for events/programs/perks/mentors/partners/locations
locations.html All venues grouped by city
community.html About / story / 351 + Sítio narrative
contact.html Apply (founders) + partner form
embed/finder.html Drop-in Elementor snippet for the finder
embed/locations.html Drop-in Elementor snippet for the locations grid
embed/stats.html Drop-in Elementor snippet for the stat bar
embed/partner-wall.html Drop-in Elementor snippet for the partner wall
partials/header.html Shared nav (injected by include.js)
partials/footer.html Shared footer with co-branded Sítio + 351 logos
assets/css/styles.css Full-site dark theme (Inter + Space Grotesk, terracotta accent)
assets/css/embed.css Same theme scoped under .fy-embed for CMS embedding
assets/js/data-loader.js fetch() helper, caches data.json
assets/js/include.js Header/footer injector + nav highlighter
assets/js/home.js Homepage section renderers
assets/js/finder.js Finder URL-state + filtering
assets/js/page-pages.js Renderers for programs/locations/community
assets/data/data.json All content (verticals, stages, locations, programs, events, perks, mentors, partners, stats, success stories)
sitemap.xml / robots.txt
cd /Users/ferna/code/foundersyard
python3 -m http.server 8080
# open http://localhost:8080git init && git add . && git commit -m "Initial Founders Yard site"
gh repo create foundersyard --public --push
# in the repo settings: Pages → branch main → /If you want a custom domain, drop it into CNAME and set the DNS A/CNAME records.
- Deploy this repo (GitHub Pages is fine) and note the public base URL, e.g.
https://YOURUSER.github.io/foundersyard. - Open one of the files under
/embed/. - Replace every occurrence of
https://YOUR-GITHUB-PAGES/foundersyardwith the public base URL. - Copy the entire snippet (
<link>+<div class="fy-embed">…</div>+<script>) into an Elementor HTML widget.
Notes:
- All embed CSS is scoped under
.fy-embedso nothing leaks into Elementor's chrome. - Embed JS is wrapped in IIFEs (no globals) and never writes to
location.hash(which would break Elementor's scroll). - All filters in the embed finder live in memory only — you can paste multiple instances on the same page.
Update assets/data/data.json — every list on the site reads from it.
- Add/remove a vertical: edit
verticals[]. The colour comes from each entry'scolorfield. - Add a program/event/perk/mentor/partner: append to the relevant array. Filter on the finder picks it up immediately.
- New location: add to
locations[]. The locations page groups automatically by city.
- Wordmark: "THE FOUNDERS YARD" set in Space Grotesk uppercase, with a small
FYmark. - Co-branded footer: a project from Sítio + 351 Startups. Both placeholder SVGs at
assets/img/logos/*.svg— replace with the real brand SVGs at the same paths. - Palette: navy
#0B1220background · terracotta#FF5C2Eaccent · warm yellow#FFD23Ffor stats · vertical-specific accents driven by[data-vert]attributes.
Initial content seeded from public data on:
References for the page architecture: Station F, de:hub Germany.