-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
99 lines (91 loc) · 7.16 KB
/
index.html
File metadata and controls
99 lines (91 loc) · 7.16 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Code Katz — Claude Code Productivity Tools</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Lora:ital,wght@0,400;0,500;1,400&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav class="nav">
<a href="index.html" class="nav-logo">
<img src="https://github.com/code-katz/.github/blob/main/media/logos/flavicon.png?raw=true" alt="Code Katz" class="nav-logo-img">
<span class="nav-brand">Code Katz</span>
</a>
<div class="nav-links">
<a href="index.html" class="nav-link active">Home</a>
<a href="tools.html" class="nav-link">Tools</a>
<a href="docs.html" class="nav-link">Get Started</a>
<a href="https://github.com/code-katz" class="nav-link nav-gh" target="_blank" rel="noopener">
<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/></svg>
</a>
</div>
</nav>
<section class="hero">
<div class="hero-inner">
<h1 class="hero-title">
Your Claude Code sessions<br>
deserve a <span class="hero-highlight">support crew</span>.
</h1>
<p class="hero-sub">
Code Katz is a suite of seven tools that give your Claude Code workflow
orchestration, logging, planning, and publishing superpowers.
</p>
<h2 class="section-title">Seven tools. One suite.</h2>
<div class="tool-strip">
<a href="team-cli.html" class="tool-chip" style="--accent: #d97757;" data-blurb="Your personal product team — PM, Marketing, Engineering, UX, DevOps, Finance and more, all running in parallel."><code>Team CLI</code></a>
<a href="conductor.html" class="tool-chip" style="--accent: #d4a843;" data-blurb="Mission control for your Claude Code sessions — see what every agent is doing, in real time."><code>Conductor</code></a>
<a href="devlog.html" class="tool-chip" style="--accent: #6a9bcc;" data-blurb="Every decision, milestone, and lesson learned — captured automatically so nothing slips through the cracks."><code>Devlog</code></a>
<a href="roadmap.html" class="tool-chip" style="--accent: #788c5d;" data-blurb="Turn scattered ideas into a clear project direction your whole team of agents can follow."><code>Roadmap</code></a>
<a href="publish.html" class="tool-chip" style="--accent: #8b7eb8;" data-blurb="Write it in markdown, ship it to your blog — no copy-pasting, no context switching."><code>Publish</code></a>
<a href="plans.html" class="tool-chip" style="--accent: #7ab5b0;" data-blurb="Archive implementation plans so you can search and resurface them months later, not lose them to scrollback."><code>Plans</code></a>
<a href="todo.html" class="tool-chip" style="--accent: #c4a882;" data-blurb="A lightweight scratchpad for quick tasks — no overhead, no ceremony, just get it done."><code>Todo</code></a>
</div>
<div class="tool-blurb" id="tool-blurb">Hover over a tool to learn more</div>
</div>
<div class="hero-cats">
<div class="cat-float" style="--delay: 0s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/akira-icon.png?raw=true" alt="Akira" class="cat-icon"></div>
<div class="cat-float" style="--delay: 0.15s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/alex-icon.png?raw=true" alt="Alex" class="cat-icon"></div>
<div class="cat-float" style="--delay: 0.3s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/casey-icon.png?raw=true" alt="Casey" class="cat-icon"></div>
<div class="cat-float" style="--delay: 0.45s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/jordan-icon.png?raw=true" alt="Jordan" class="cat-icon"></div>
<div class="cat-float" style="--delay: 0.6s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/kai-icon.png?raw=true" alt="Kai" class="cat-icon"></div>
<div class="cat-float" style="--delay: 0.75s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/morgan-icon.png?raw=true" alt="Morgan" class="cat-icon"></div>
<div class="cat-float" style="--delay: 0.9s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/quinn-icon.png?raw=true" alt="Quinn" class="cat-icon"></div>
<div class="cat-float" style="--delay: 1.05s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/river-icon.png?raw=true" alt="River" class="cat-icon"></div>
<div class="cat-float" style="--delay: 1.2s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/robin-icon.png?raw=true" alt="Robin" class="cat-icon"></div>
<div class="cat-float" style="--delay: 1.35s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/sage-icon.png?raw=true" alt="Sage" class="cat-icon"></div>
<div class="cat-float" style="--delay: 1.5s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/sasha-icon.png?raw=true" alt="Sasha" class="cat-icon"></div>
<div class="cat-float" style="--delay: 1.65s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/toni-icon.png?raw=true" alt="Toni" class="cat-icon"></div>
</div>
</section>
<script>
document.querySelectorAll('.tool-chip').forEach(chip => {
chip.addEventListener('mouseenter', () => {
const blurb = document.getElementById('tool-blurb');
blurb.textContent = chip.dataset.blurb;
blurb.style.color = chip.style.getPropertyValue('--accent');
blurb.classList.add('active');
});
chip.addEventListener('mouseleave', () => {
const blurb = document.getElementById('tool-blurb');
blurb.textContent = 'Hover over a tool to learn more';
blurb.style.color = '';
blurb.classList.remove('active');
});
});
</script>
<footer class="footer">
<div class="hero-badge">open source • claude code • productivity</div>
<div class="footer-inner">
<span class="footer-brand">Code Katz</span>
<span class="footer-sep">•</span>
<a href="https://github.com/code-katz" target="_blank" rel="noopener">GitHub</a>
<span class="footer-sep">•</span>
<span>An independent community project</span>
</div>
</footer>
</body>
</html>