Skip to content

Commit 6615795

Browse files
Copilotevcatalyst
Copilot
and
evcatalyst
committed
Add complete GitBrain landing page with all sections and assets
Co-authored-by: evcatalyst <8740078+evcatalyst@users.noreply.github.com>
1 parent c5f94ad commit 6615795

File tree

10 files changed

+782
-1
lines changed

10 files changed

+782
-1
lines changed

‎404.html‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>404 - Page Not Found | GitBrain</title>
7+
<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg">
8+
<link rel="stylesheet" href="/styles/main.css">
9+
<style>
10+
.error-page {
11+
min-height: 100vh;
12+
display: flex;
13+
align-items: center;
14+
justify-content: center;
15+
text-align: center;
16+
padding: var(--space-lg);
17+
}
18+
.error-content {
19+
max-width: 500px;
20+
}
21+
.error-code {
22+
font-size: 6rem;
23+
font-weight: 700;
24+
color: var(--color-primary);
25+
line-height: 1;
26+
margin-bottom: var(--space-md);
27+
}
28+
</style>
29+
</head>
30+
<body>
31+
<div class="error-page">
32+
<div class="error-content">
33+
<div class="error-code">404</div>
34+
<h1>Page Not Found</h1>
35+
<p class="hero-tagline">The page you're looking for doesn't exist or has been moved.</p>
36+
<div class="cta-group">
37+
<a href="/" class="btn btn-primary">Return Home</a>
38+
</div>
39+
</div>
40+
</div>
41+
</body>
42+
</html>

‎CNAME‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
gitbrain.com

‎README.md‎

Lines changed: 104 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,104 @@
1-
# gitbrainlab.github.io
1+
# GitBrain Landing Page
2+
3+
This repository hosts the static landing page for GitBrain at [gitbrain.com](https://gitbrain.com).
4+
5+
## What is this?
6+
7+
A clean, accessible, static website that:
8+
- Explains what GitBrain is and its core principles
9+
- Showcases GitBrainLab projects with links to repositories
10+
- Describes how the projects fit together as a cohesive ecosystem
11+
- Works well on mobile devices and follows accessibility best practices
12+
13+
## Technology
14+
15+
- **Pure HTML + CSS** – No build step required
16+
- **No external dependencies** – Self-contained, no CDNs
17+
- **Mobile-responsive** – Works on all screen sizes
18+
- **Accessible** – Skip links, semantic HTML, high contrast, keyboard navigation
19+
- **Dark mode** – Respects `prefers-color-scheme`
20+
21+
## Preview Locally
22+
23+
Since this is a static site, you can preview it with any local web server:
24+
25+
### Using Python 3:
26+
```bash
27+
python -m http.server 8000
28+
```
29+
30+
### Using Python 2:
31+
```bash
32+
python -m SimpleHTTPServer 8000
33+
```
34+
35+
### Using Node.js (if you have npx):
36+
```bash
37+
npx serve
38+
```
39+
40+
Then open http://localhost:8000 in your browser.
41+
42+
## Editing Content
43+
44+
All content is in static HTML files:
45+
46+
- **`index.html`** – Main landing page with all sections
47+
- **`styles/main.css`** – All styles including responsive and dark mode
48+
- **`assets/`** – Logo, favicon, and social card images
49+
- **`404.html`** – Custom error page
50+
51+
### To update projects:
52+
53+
Edit the `<section id="projects">` in `index.html`. Each project is a `<article class="project-card">` with:
54+
- Project name in `<h3>`
55+
- Description in `<p>`
56+
- GitHub link in `<a class="project-link">`
57+
58+
### To update principles:
59+
60+
Edit the `<section class="principles">` in `index.html`. Each principle is a `<li>` with `<strong>` for the title and `<span>` for the description.
61+
62+
## Deployment
63+
64+
This site is deployed using **GitHub Pages**.
65+
66+
### Configuration:
67+
68+
1. Go to **Settings → Pages** in the GitHub repository
69+
2. Set **Source** to: Deploy from a branch
70+
3. Select **Branch**: `main`
71+
4. Select **Folder**: `/ (root)`
72+
5. Click **Save**
73+
74+
The `CNAME` file in the root configures the custom domain `gitbrain.com`.
75+
76+
### DNS Setup (for reference):
77+
78+
The DNS records for `gitbrain.com` should point to GitHub Pages:
79+
- A records pointing to GitHub Pages IPs (185.199.108.153, 185.199.109.153, 185.199.110.153, 185.199.111.153)
80+
- Or a CNAME record pointing to `gitbrainlab.github.io`
81+
82+
Note: DNS changes are handled outside this repository.
83+
84+
## File Structure
85+
86+
```
87+
.
88+
├── index.html # Main landing page
89+
├── 404.html # Error page
90+
├── CNAME # Custom domain configuration
91+
├── robots.txt # Search engine directives
92+
├── sitemap.xml # Site map for SEO
93+
├── README.md # This file
94+
├── styles/
95+
│ └── main.css # All styles
96+
└── assets/
97+
├── logo.svg # GitBrain logo
98+
├── favicon.svg # Site favicon
99+
└── social-card.svg # Open Graph/Twitter card image
100+
```
101+
102+
## License
103+
104+
See individual project repositories for their respective licenses.

‎assets/favicon.svg‎

Lines changed: 4 additions & 0 deletions
Loading

‎assets/logo.svg‎

Lines changed: 4 additions & 0 deletions
Loading

‎assets/social-card.svg‎

Lines changed: 6 additions & 0 deletions
Loading

‎index.html‎

Lines changed: 163 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,163 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>GitBrain – Open frameworks for collaborative development</title>
7+
<meta name="description" content="GitBrain provides open frameworks for collaborative development, data visualization, and composable systems. Explore spec-first artifacts and browser-friendly tools.">
8+
<link rel="canonical" href="https://gitbrain.com/">
9+
<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg">
10+
<link rel="stylesheet" href="/styles/main.css">
11+
12+
<!-- OpenGraph metadata -->
13+
<meta property="og:title" content="GitBrain – Open frameworks for collaborative development">
14+
<meta property="og:description" content="GitBrain provides open frameworks for collaborative development, data visualization, and composable systems.">
15+
<meta property="og:url" content="https://gitbrain.com/">
16+
<meta property="og:type" content="website">
17+
<meta property="og:image" content="https://gitbrain.com/assets/social-card.svg">
18+
19+
<!-- Twitter Card metadata -->
20+
<meta name="twitter:card" content="summary_large_image">
21+
<meta name="twitter:title" content="GitBrain – Open frameworks for collaborative development">
22+
<meta name="twitter:description" content="GitBrain provides open frameworks for collaborative development, data visualization, and composable systems.">
23+
<meta name="twitter:image" content="https://gitbrain.com/assets/social-card.svg">
24+
</head>
25+
<body>
26+
<a href="#main" class="skip-link">Skip to main content</a>
27+
28+
<header class="header">
29+
<div class="container">
30+
<img src="/assets/logo.svg" alt="GitBrain" class="logo" width="200" height="50">
31+
</div>
32+
</header>
33+
34+
<main id="main">
35+
<!-- Hero Section -->
36+
<section class="hero">
37+
<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>
43+
</div>
44+
</div>
45+
</section>
46+
47+
<!-- Projects Grid -->
48+
<section id="projects" class="projects">
49+
<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>
56+
</article>
57+
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>
62+
</article>
63+
64+
<article class="project-card">
65+
<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>
68+
</article>
69+
70+
<article class="project-card">
71+
<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>
74+
</article>
75+
76+
<article class="project-card">
77+
<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>
80+
</article>
81+
</div>
82+
</div>
83+
</section>
84+
85+
<!-- How it fits together -->
86+
<section class="architecture">
87+
<div class="container">
88+
<h2>How it fits together</h2>
89+
<div class="architecture-diagram">
90+
<div class="arch-layer">
91+
<div class="arch-box foundation">
92+
<strong>context</strong>
93+
<span>Execution boundary / cross-runtime layer</span>
94+
</div>
95+
</div>
96+
<div class="arch-layer">
97+
<div class="arch-box">
98+
<strong>ChartSpec</strong>
99+
<span>Spec-first visualization</span>
100+
</div>
101+
<div class="arch-box">
102+
<strong>ShelfSignals</strong>
103+
<span>Domain toolkit</span>
104+
</div>
105+
</div>
106+
<div class="arch-layer">
107+
<div class="arch-box">
108+
<strong>CrowdCode</strong>
109+
<span>Governance for changes</span>
110+
</div>
111+
<div class="arch-box">
112+
<strong>happenstance</strong>
113+
<span>Scheduled gen → publish</span>
114+
</div>
115+
</div>
116+
</div>
117+
</div>
118+
</section>
119+
120+
<!-- Principles -->
121+
<section class="principles">
122+
<div class="container">
123+
<h2>Principles</h2>
124+
<ul class="principles-list">
125+
<li>
126+
<strong>Spec-first artifacts</strong>
127+
<span>Start with declarative specifications that can be versioned, reviewed, and reused</span>
128+
</li>
129+
<li>
130+
<strong>Inspectable outputs</strong>
131+
<span>Generate human-readable results that can be examined, debugged, and understood</span>
132+
</li>
133+
<li>
134+
<strong>Composable systems</strong>
135+
<span>Build modular components that work together without tight coupling</span>
136+
</li>
137+
<li>
138+
<strong>Browser-friendly experiences</strong>
139+
<span>Prioritize tools and outputs that work well in web environments where possible</span>
140+
</li>
141+
<li>
142+
<strong>Reproducible flows</strong>
143+
<span>Enable workflows that produce consistent results across different environments</span>
144+
</li>
145+
<li>
146+
<strong>Portable execution</strong>
147+
<span>Design for cross-runtime compatibility without sacrificing functionality</span>
148+
</li>
149+
</ul>
150+
</div>
151+
</section>
152+
</main>
153+
154+
<footer class="footer">
155+
<div class="container">
156+
<nav class="footer-nav">
157+
<a href="https://github.com/gitbrainlab" target="_blank" rel="noopener noreferrer">GitHub Organization</a>
158+
</nav>
159+
<p class="footer-copyright">© 2024 GitBrain. Open source projects.</p>
160+
</div>
161+
</footer>
162+
</body>
163+
</html>

‎robots.txt‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
User-agent: *
2+
Allow: /
3+
4+
Sitemap: https://gitbrain.com/sitemap.xml

‎sitemap.xml‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<?xml version="1.0" encoding="UTF-8"?>
2+
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
3+
<url>
4+
<loc>https://gitbrain.com/</loc>
5+
<lastmod>2024-12-29</lastmod>
6+
<changefreq>monthly</changefreq>
7+
<priority>1.0</priority>
8+
</url>
9+
</urlset>

0 commit comments

Comments
 (0)