Design System · Components
JumboPopdown__Projects
Header-mounted dropdown that surfaces active (and optionally proposed) projects.
Conforms to Jumbotron-Popdown-Patterns.md.
Hover or click to open. Esc closes. Arrow keys navigate.
Mode Theme
Default — active + proposed
As wired into Header.astro. Hover the trigger or tab to it and press Enter.
Active
Projects with FullStack VC community participation.
- Content Farm Content Farm for professonal grade content development - exploring how a small VC team can produce sharp, defensible thought leadership rapidly, accurately, and exceeding expectation.
- MemoPop AI MemoPop AI is streamlining the investment memo: drafted in parallel with diligence, structured for both human reading and AI assistance, and traceable back to every source.
Proposed · open call
- Astro Knots A pseudo-monorepo for premium Venture websites — a pattern library and docs that manage context to expedite high quality website development and iteration. Designed for the Astro Framework with a touch of Svelte.
- Augment It Data augmentation workflows that take any data source and performs research, updates and augments data, and restructures it for both humans and machines.
- Context Vigilance A practical framework for keeping AI agents performant and accurate — managing the context they read, what they remember, and what they're allowed to change.
- Dealflow OS A dealflow operating system — sourcing, triage, and 'no' as a craft.
- Next-Level Portfolio Models Live portfolio models — realtime data in, agents reading the update emails, scenarios to anticipate challenges before they explode, KPIs that aren't a Friday-night Excel job.
Active only — showProposed: false
Hides the proposed subgroup. Use on pages where the open-call shouldn't compete for attention.
Active
Projects with FullStack VC community participation.
- Content Farm Content Farm for professonal grade content development - exploring how a small VC team can produce sharp, defensible thought leadership rapidly, accurately, and exceeding expectation.
- MemoPop AI MemoPop AI is streamlining the investment memo: drafted in parallel with diligence, structured for both human reading and AI assistance, and traceable back to every source.
A11y checklist
- Trigger is a real
<button>witharia-haspopup="menu"andaria-expanded. - Panel has
role="menu"; items haverole="menuitem". - Esc closes and returns focus to the trigger.
- Arrow up/down moves focus between items; Home/End jump to first/last.
- Click outside closes.
- Hover-open only on pointer:fine devices. Touch falls through to click.
- Animations are respected by
prefers-reduced-motion. - Mobile (
max-width: 720px): becomes a bottom drawer.
Props + tokens
<JumboPopdown__Projects
triggerLabelTxt="Projects" /* nav-link text */
projects={popdownProjects} /* pre-loaded ProjectEntry[] */
showProposed={true} /* default true */
/>
/* Loader */
import { loadProjectsForPopdown } from '../../lib/load-projects';
const popdownProjects = await loadProjectsForPopdown({ showProposed: true, maxItems: 6 });
/* Tokens read */
--fx-card-bg, --fx-card-border, --fx-card-shadow-hover,
--color-text, --color-text-muted, --color-primary, --color-surface, --color-border,
--color-status-active, --color-status-proposed, --color-status-archived,
--font-display, --font-code