Skip to content

Commit f68a5b3

Browse files
cowwocclaude
cowwoc
and
claude
committed
config: add GitHub Pages deployment workflow
- Add .github/workflows/pages.yml for automatic deployment - Add docs/index.html as landing page linking to demos - Deploys from docs/ folder on push to main or v2.0 branches Co-Authored-By: Claude <noreply@anthropic.com>
1 parent 1e5f862 commit f68a5b3

2 files changed

Lines changed: 197 additions & 0 deletions

File tree

‎.github/workflows/pages.yml‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
name: Deploy to GitHub Pages
2+
3+
on:
4+
push:
5+
branches: [main, v2.0]
6+
paths:
7+
- 'docs/**'
8+
workflow_dispatch:
9+
10+
permissions:
11+
contents: read
12+
pages: write
13+
id-token: write
14+
15+
concurrency:
16+
group: "pages"
17+
cancel-in-progress: false
18+
19+
jobs:
20+
deploy:
21+
environment:
22+
name: github-pages
23+
url: ${{ steps.deployment.outputs.page_url }}
24+
runs-on: ubuntu-latest
25+
steps:
26+
- name: Checkout
27+
uses: actions/checkout@v4
28+
29+
- name: Setup Pages
30+
uses: actions/configure-pages@v4
31+
32+
- name: Upload artifact
33+
uses: actions/upload-pages-artifact@v3
34+
with:
35+
path: 'docs'
36+
37+
- name: Deploy to GitHub Pages
38+
id: deployment
39+
uses: actions/deploy-pages@v4

‎docs/index.html‎

Lines changed: 158 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,158 @@
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>CAT - Claude Agentic Tasks</title>
7+
<style>
8+
:root {
9+
--primary: #2563eb;
10+
--primary-dark: #1d4ed8;
11+
--bg-light: #f8fafc;
12+
--bg-white: #ffffff;
13+
--text-dark: #1e293b;
14+
--text-muted: #64748b;
15+
--border: #e2e8f0;
16+
}
17+
18+
* {
19+
margin: 0;
20+
padding: 0;
21+
box-sizing: border-box;
22+
}
23+
24+
body {
25+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
26+
line-height: 1.6;
27+
color: var(--text-dark);
28+
background: var(--bg-light);
29+
}
30+
31+
.container {
32+
max-width: 1200px;
33+
margin: 0 auto;
34+
padding: 0 24px;
35+
}
36+
37+
header {
38+
background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
39+
color: white;
40+
padding: 80px 0 60px;
41+
text-align: center;
42+
}
43+
44+
header h1 {
45+
font-size: 3rem;
46+
font-weight: 700;
47+
margin-bottom: 16px;
48+
}
49+
50+
header .tagline {
51+
font-size: 1.25rem;
52+
opacity: 0.9;
53+
max-width: 600px;
54+
margin: 0 auto;
55+
}
56+
57+
.nav-section {
58+
padding: 60px 0;
59+
background: var(--bg-white);
60+
}
61+
62+
.nav-grid {
63+
display: grid;
64+
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
65+
gap: 24px;
66+
max-width: 900px;
67+
margin: 0 auto;
68+
}
69+
70+
.nav-card {
71+
background: var(--bg-white);
72+
border: 2px solid var(--border);
73+
border-radius: 12px;
74+
padding: 24px;
75+
text-decoration: none;
76+
color: inherit;
77+
transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
78+
}
79+
80+
.nav-card:hover {
81+
transform: translateY(-4px);
82+
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
83+
border-color: var(--primary);
84+
}
85+
86+
.nav-card h2 {
87+
font-size: 1.25rem;
88+
margin-bottom: 8px;
89+
color: var(--primary);
90+
}
91+
92+
.nav-card p {
93+
color: var(--text-muted);
94+
font-size: 0.95rem;
95+
}
96+
97+
.footer {
98+
padding: 40px 0;
99+
text-align: center;
100+
color: var(--text-muted);
101+
}
102+
103+
.footer a {
104+
color: var(--primary);
105+
text-decoration: none;
106+
}
107+
108+
.footer a:hover {
109+
text-decoration: underline;
110+
}
111+
112+
@media (max-width: 600px) {
113+
header h1 {
114+
font-size: 2rem;
115+
}
116+
header .tagline {
117+
font-size: 1rem;
118+
}
119+
}
120+
</style>
121+
</head>
122+
<body>
123+
<header>
124+
<div class="container">
125+
<h1>CAT</h1>
126+
<p class="tagline">Claude Agentic Tasks - Multi-agent task orchestration for structured AI development</p>
127+
</div>
128+
</header>
129+
130+
<section class="nav-section">
131+
<div class="container">
132+
<div class="nav-grid">
133+
<a href="pricing.html" class="nav-card">
134+
<h2>Pricing</h2>
135+
<p>Compare Indie, Team, and Enterprise plans. Find the right tier for your needs.</p>
136+
</a>
137+
<a href="demo-task-management.html" class="nav-card">
138+
<h2>Task Management Demo</h2>
139+
<p>See how CAT organizes work with hierarchical planning and automatic state tracking.</p>
140+
</a>
141+
<a href="showcase-template.html" class="nav-card">
142+
<h2>Showcase Template</h2>
143+
<p>Template for creating feature demo pages (for contributors).</p>
144+
</a>
145+
</div>
146+
</div>
147+
</section>
148+
149+
<footer class="footer">
150+
<div class="container">
151+
<p>
152+
<a href="https://github.com/cowwoc/claude-code-cat">GitHub</a> ·
153+
CAT is a Claude Code plugin for multi-agent task orchestration
154+
</p>
155+
</div>
156+
</footer>
157+
</body>
158+
</html>

0 commit comments

Comments
 (0)