Skip to content

Commit 220584a

Browse files
Copilotevcatalyst
Copilot
and
evcatalyst
committed
Refine landing page: architecture hero + editorial bento catalog
Co-authored-by: evcatalyst <8740078+evcatalyst@users.noreply.github.com>
1 parent 6615795 commit 220584a

File tree

2 files changed

+449
-154
lines changed

2 files changed

+449
-154
lines changed

‎index.html‎

Lines changed: 86 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -32,51 +32,109 @@
3232
</header>
3333

3434
<main id="main">
35-
<!-- Hero Section -->
35+
<!-- Architecture Hero Section -->
3636
<section class="hero">
3737
<div class="container">
38-
<h1>GitBrain</h1>
39-
<p class="hero-tagline">Open frameworks for collaborative development, data visualization, and composable systems</p>
40-
<div class="cta-group">
41-
<a href="#projects" class="btn btn-primary">Explore projects</a>
42-
<a href="https://github.com/gitbrainlab" class="btn btn-secondary" target="_blank" rel="noopener noreferrer">GitHub</a>
38+
<div class="hero-grid">
39+
<div class="hero-content">
40+
<h1>GitBrain</h1>
41+
<p class="hero-tagline">Composable frameworks for spec-driven development and data systems</p>
42+
<div class="cta-group">
43+
<a href="#projects" class="btn btn-primary">Explore projects</a>
44+
<a href="https://github.com/gitbrainlab" class="btn btn-secondary" target="_blank" rel="noopener noreferrer">GitHub</a>
45+
</div>
46+
</div>
47+
<div class="hero-diagram">
48+
<div class="system-map" role="img" aria-label="GitBrain system architecture diagram">
49+
<div class="map-title">System Map</div>
50+
<div class="map-layer foundation-layer">
51+
<div class="map-node foundation-node">
52+
<span class="node-label">context</span>
53+
<span class="node-desc">cross-runtime layer</span>
54+
</div>
55+
</div>
56+
<div class="map-connector"></div>
57+
<div class="map-layer app-layer">
58+
<div class="map-node">
59+
<span class="node-label">ChartSpec</span>
60+
<span class="node-desc">spec → viz</span>
61+
</div>
62+
<div class="map-node">
63+
<span class="node-label">ShelfSignals</span>
64+
<span class="node-desc">domain toolkit</span>
65+
</div>
66+
</div>
67+
<div class="map-layer workflow-layer">
68+
<div class="map-node">
69+
<span class="node-label">CrowdCode</span>
70+
<span class="node-desc">governance</span>
71+
</div>
72+
<div class="map-node">
73+
<span class="node-label">happenstance</span>
74+
<span class="node-desc">gen → publish</span>
75+
</div>
76+
</div>
77+
</div>
78+
</div>
4379
</div>
4480
</div>
4581
</section>
4682

47-
<!-- Projects Grid -->
83+
<!-- Projects Catalog (Bento Grid) -->
4884
<section id="projects" class="projects">
4985
<div class="container">
50-
<h2>Projects</h2>
51-
<div class="projects-grid">
52-
<article class="project-card">
53-
<h3>context</h3>
54-
<p>Execution boundary and cross-runtime layer for portable, composable development</p>
55-
<a href="https://github.com/gitbrainlab/context" class="project-link" target="_blank" rel="noopener noreferrer">View on GitHub →</a>
86+
<h2>Project Catalog</h2>
87+
<div class="bento-grid">
88+
<article class="bento-tile" data-size="large">
89+
<div class="tile-header">
90+
<h3>context</h3>
91+
<div class="tile-meta">
92+
<span class="meta-item">Type: Runtime</span>
93+
<span class="meta-item">Surface: CLI / Library</span>
94+
</div>
95+
</div>
96+
<p class="tile-description">Execution boundary and cross-runtime layer for portable, composable development</p>
97+
<a href="https://github.com/gitbrainlab/context" class="tile-link" target="_blank" rel="noopener noreferrer">View on GitHub →</a>
5698
</article>
5799

58-
<article class="project-card">
59-
<h3>ChartSpec</h3>
60-
<p>Spec-first visualization with declarative chart definitions</p>
61-
<a href="https://github.com/gitbrainlab/ChartSpec" class="project-link" target="_blank" rel="noopener noreferrer">View on GitHub →</a>
100+
<article class="bento-tile" data-size="medium">
101+
<div class="tile-header">
102+
<h3>ChartSpec</h3>
103+
<div class="tile-meta">
104+
<span class="meta-item">Type: Specification</span>
105+
<span class="meta-item">Output: Visualization</span>
106+
</div>
107+
</div>
108+
<p class="tile-description">Spec-first visualization with declarative chart definitions</p>
109+
<a href="https://github.com/gitbrainlab/ChartSpec" class="tile-link" target="_blank" rel="noopener noreferrer">View on GitHub →</a>
62110
</article>
63111

64-
<article class="project-card">
112+
<article class="bento-tile" data-size="medium">
65113
<h3>ShelfSignals</h3>
66-
<p>Domain-scale toolkit for composable data visualization and analytics</p>
67-
<a href="https://github.com/gitbrainlab/ShelfSignals" class="project-link" target="_blank" rel="noopener noreferrer">View on GitHub →</a>
114+
<div class="tile-meta">
115+
<span class="meta-item">Type: Toolkit</span>
116+
<span class="meta-item">Domain: Analytics</span>
117+
</div>
118+
<p class="tile-description">Domain-scale toolkit for composable data visualization and analytics</p>
119+
<a href="https://github.com/gitbrainlab/ShelfSignals" class="tile-link" target="_blank" rel="noopener noreferrer">View on GitHub →</a>
68120
</article>
69121

70-
<article class="project-card">
122+
<article class="bento-tile" data-size="small">
71123
<h3>CrowdCode</h3>
72-
<p>Governance framework for managing change proposals in collaborative environments</p>
73-
<a href="https://github.com/gitbrainlab/CrowdCode" class="project-link" target="_blank" rel="noopener noreferrer">View on GitHub →</a>
124+
<div class="tile-meta">
125+
<span class="meta-item">Type: Framework</span>
126+
</div>
127+
<p class="tile-description">Governance framework for managing change proposals in collaborative environments</p>
128+
<a href="https://github.com/gitbrainlab/CrowdCode" class="tile-link" target="_blank" rel="noopener noreferrer">View on GitHub →</a>
74129
</article>
75130

76-
<article class="project-card">
131+
<article class="bento-tile" data-size="small">
77132
<h3>happenstance</h3>
78-
<p>Reference pattern for scheduled generation and static publishing workflows</p>
79-
<a href="https://github.com/gitbrainlab/happenstance" class="project-link" target="_blank" rel="noopener noreferrer">View on GitHub →</a>
133+
<div class="tile-meta">
134+
<span class="meta-item">Type: Pattern</span>
135+
</div>
136+
<p class="tile-description">Reference pattern for scheduled generation and static publishing workflows</p>
137+
<a href="https://github.com/gitbrainlab/happenstance" class="tile-link" target="_blank" rel="noopener noreferrer">View on GitHub →</a>
80138
</article>
81139
</div>
82140
</div>
@@ -85,7 +143,8 @@ <h3>happenstance</h3>
85143
<!-- How it fits together -->
86144
<section class="architecture">
87145
<div class="container">
88-
<h2>How it fits together</h2>
146+
<h2>Stack Story</h2>
147+
<p class="section-intro">How the pieces compose into a coherent system</p>
89148
<div class="architecture-diagram">
90149
<div class="arch-layer">
91150
<div class="arch-box foundation">

0 commit comments

Comments
 (0)