Skip to content

Commit fb8da53

Browse files
tstrombergtstromberg
committed
Craigslist meets Rob Pike meets Steve Jobs meets James Brown
1 parent 7417555 commit fb8da53

File tree

11 files changed

+1226
-1111
lines changed

11 files changed

+1226
-1111
lines changed

‎index.html‎

Lines changed: 271 additions & 677 deletions
Large diffs are not rendered by default.

‎src/_layouts/base.njk‎

Lines changed: 488 additions & 57 deletions
Large diffs are not rendered by default.

‎src/about.njk‎

Lines changed: 42 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -1,61 +1,46 @@
11
---
22
layout: base.njk
3-
title: Simple tools. Pure groove.
4-
description: Developer tools that amplify without getting in the way.
3+
title: About
4+
description: Great tools amplify human capability without getting in the way.
55
---
66

7-
<section class="hero" style="min-height: auto; padding: 6rem 0;">
8-
<div class="container">
9-
<div class="hero-content">
10-
<h1 style="font-size: clamp(3rem, 8vw, 5rem); margin-bottom: 2rem;">We make coding feel like music again.</h1>
11-
<p class="tagline" style="font-size: 1.5rem; max-width: 700px; margin: 0 auto 3rem;">
12-
After 30 years in open source, one thing remains clear: Great tools disappear so developers can shine.
13-
</p>
14-
</div>
15-
</div>
16-
</section>
17-
18-
<section class="container" style="padding: 4rem 0;">
19-
<div style="max-width: 900px; margin: 0 auto;">
20-
<div style="text-align: center; margin-bottom: 5rem;">
21-
<img src="/media/founder.jpg" alt="Thomas Stromberg" style="width: 180px; height: 180px; border-radius: 50%; object-fit: cover; margin-bottom: 2rem;">
22-
<h2 style="font-size: 2rem; margin-bottom: 1.5rem; font-weight: 600;">Thomas Strömberg, Founder</h2>
23-
<p style="font-size: 1.375rem; line-height: 1.8; color: var(--color-gray-dark); max-width: 700px; margin: 0 auto;">
24-
From FreeBSD's early days to Kubernetes' main stage. Built Triage Party and malcontent.
25-
Former tours: Google (making large-scale computing trivial), Equinix, Chainguard. Now helping every developer find their rhythm through tools that respect craftsmanship.
26-
</p>
27-
</div>
28-
29-
<div class="feature-grid" style="margin: 4rem 0;">
30-
<div class="card groove-card">
31-
<h3 style="font-size: 1.5rem; margin-bottom: 1rem;">🏆 Battle-Tested</h3>
32-
<p>30 years building tools that actually ship. From datacenter automation at Google to founding teams at Chainguard.</p>
33-
</div>
34-
<div class="card groove-card">
35-
<h3 style="font-size: 1.5rem; margin-bottom: 1rem;">🎵 Philosophy</h3>
36-
<p>Empathy, purpose, and craftsmanship. Tools should amplify human capability without getting in the way. Less process, more pride.</p>
37-
</div>
38-
<div class="card groove-card">
39-
<h3 style="font-size: 1.5rem; margin-bottom: 1rem;">🚀 Impact</h3>
40-
<p>Thousands of developers use our tools daily. Because life's too short for bad developer experience.</p>
41-
</div>
42-
<div class="card groove-card">
43-
<h3 style="font-size: 1.5rem; margin-bottom: 1rem;">🎸 Vision</h3>
44-
<p>Software engineers at heart are craftspeople. We build tools that let developers be proud of what they create, throughout their career.</p>
45-
</div>
46-
</div>
47-
48-
<div style="background: var(--color-primary-soft); padding: 3rem; border-radius: var(--border-radius-large); text-align: center; margin: 4rem 0;">
49-
<p style="font-size: 2rem; font-weight: 600; margin-bottom: 1rem; color: var(--color-secondary);">
50-
"Time is your most limited resource."
51-
</p>
52-
<p style="font-size: 1.375rem; line-height: 1.8;">
53-
We exist to save it. Because the best way to motivate developers is with empathy, purpose, and a sense of craftsmanship—not excessive process and deadlines.
54-
</p>
55-
</div>
56-
57-
<div style="text-align: center;">
58-
<a href="/contact/" class="cta-button" style="font-size: 1.25rem; padding: 1rem 3rem;">Find Your Groove</a>
59-
</div>
60-
</div>
61-
</section>
7+
<h1 style="margin-bottom: 20px;">ABOUT</h1>
8+
9+
<div class="groove-card">
10+
<p style="margin: 0; color: var(--black); font-size: 20px; font-weight: bold;">BUILT BY ENGINEERS WHO KNOW THE PAIN</p>
11+
</div>
12+
13+
<h2 style="font-size: 24px; letter-spacing: -1px;">OUR PHILOSOPHY</h2>
14+
15+
<div class="groove-card">
16+
<p style="font-size: 18px; font-weight: bold; margin-bottom: 20px;">ENGINEERING VELOCITY IS EVERYTHING</p>
17+
<p>Your team's ability to ship code is your competitive advantage. Every hour spent waiting for reviews is an hour not building features that matter.</p>
18+
</div>
19+
20+
<p><strong>The best tools disappear into your workflow.</strong> They don't require training, onboarding, or behavior changes.</p>
21+
22+
<p><strong>Metrics drive decisions.</strong> We measure what matters: cycle time, review latency, and developer satisfaction. If you can't measure it, you can't improve it.</p>
23+
24+
<p><strong>Developer experience is business impact.</strong> Happy developers ship faster. Frustrated developers create technical debt and eventually leave.</p>
25+
26+
<h2 style="font-size: 24px; letter-spacing: -1px;">WHY IT MATTERS</h2>
27+
28+
<p><strong>The cost of slow reviews is massive.</strong> For a 20-person team, waiting for reviews burns $1.2M annually in lost productivity.</p>
29+
30+
<p><strong>Turn-based tracking changes everything.</strong> When everyone knows exactly whose turn it is, PRs move through review 95% faster.</p>
31+
32+
<p><strong>Your tooling should amplify talent, not burden it.</strong> We eliminate the friction that keeps great engineers from doing great work.</p>
33+
34+
<h2 style="font-size: 24px; letter-spacing: -1px;">FOUNDER - THOMAS STROMBERG</h2>
35+
36+
<p>30 years in open source. Former Google, Kubernetes, Chainguard. Led engineering teams as both technical lead and manager.</p>
37+
38+
<p>Started codeGROOVE after being tired of being the review bottleneck one too many times.</p>
39+
40+
<h2>Location</h2>
41+
<p>North Cackalacky</p>
42+
43+
<h2>Contact</h2>
44+
<p><a href="mailto:ship-faster@codegroove.dev">ship-faster@codegroove.dev</a></p>
45+
46+
<img src="/media/logo.png" alt="codeGROOVE" width="80" class="logo-img">

‎src/blog.njk‎

Lines changed: 31 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -4,53 +4,37 @@ title: Blog
44
description: Thoughts on building better developer tools.
55
---
66

7-
<section class="page-header">
8-
<div class="container">
9-
<h1>Blog</h1>
10-
<p class="tagline">Thoughts on flow.</p>
11-
</div>
7+
<h1 style="margin-bottom: 20px;">BLOG</h1>
8+
9+
<p><a href="/feed.xml">RSS Feed</a></p>
10+
11+
{%- for post in collections.post | reverse -%}
12+
<article style="margin: 40px 0; padding-bottom: 40px; border-bottom: 1px solid var(--grey);">
13+
<h2><a href="{{ post.url }}">{{ post.data.title }}</a></h2>
14+
<p style="color: var(--grey); font-size: 14px;">{{ post.date | dateReadable }}</p>
15+
<p>{{ post.data.excerpt }}</p>
16+
<a href="{{ post.url }}">Read more →</a>
17+
</article>
18+
{%- endfor -%}
19+
20+
{% if collections.post.length == 0 %}
21+
<section class="hero">
22+
<h2 style="color: var(--yellow); font-size: 32px; letter-spacing: -2px;">COMING SOON</h2>
23+
<p style="font-size: 20px; margin-top: 20px;">TOPICS WE'LL COVER:<br>
24+
<span style="color: var(--yellow);">THE REAL TALK.</span></p>
1225
</section>
1326

14-
<section class="container">
15-
<div class="content-section">
16-
<div class="text-center mb-4">
17-
<a href="/feed.xml" class="rss-link">
18-
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align: -4px; margin-right: 6px;">
19-
<path d="M4 11a9 9 0 0 1 9 9"></path>
20-
<path d="M4 4a16 16 0 0 1 16 16"></path>
21-
<circle cx="5" cy="19" r="1"></circle>
22-
</svg>
23-
Subscribe via RSS
24-
</a>
25-
</div>
26-
<div class="blog-grid">
27-
{%- for post in collections.post | reverse -%}
28-
<article class="blog-card">
29-
<div class="blog-card-content">
30-
<div class="blog-meta">
31-
{{ post.date | dateReadable }}
32-
</div>
33-
<h2><a href="{{ post.url }}" style="text-decoration: none; color: inherit;">{{ post.data.title }}</a></h2>
34-
<p>{{ post.data.excerpt }}</p>
35-
<a href="{{ post.url }}" class="cta-button-small mt-2">Read More</a>
36-
</div>
37-
</article>
38-
{%- endfor -%}
39-
</div>
27+
<div class="groove-card">
28+
<ul style="font-size: 18px;">
29+
<li>Reducing PR review time by 95%</li>
30+
<li>Eliminating context switching</li>
31+
<li>Building tools that scale</li>
32+
<li>Security without slowdown</li>
33+
</ul>
34+
</div>
35+
{% endif %}
36+
37+
<h2 style="font-size: 24px; letter-spacing: -1px; margin-top: 60px;">STAY IN THE LOOP</h2>
38+
<p style="font-size: 18px;">Get notified: <a href="mailto:ship-faster@codegroove.dev" style="font-weight: bold;">ship-faster@codegroove.dev</a></p>
4039

41-
{% if collections.post.length == 0 %}
42-
<div class="highlight-box text-center" style="max-width: 600px; margin: 0 auto;">
43-
<h2>Coming Soon</h2>
44-
<p>We're preparing posts on topics like:</p>
45-
<ul style="margin-top: 1rem; padding-left: 1.5rem; text-align: left;">
46-
<li>How to reduce shipping time by 90%</li>
47-
<li>Eliminating context switching in development teams</li>
48-
<li>Building developer tools that scale</li>
49-
<li>Security best practices without the slowdown</li>
50-
</ul>
51-
<p class="mt-3"><strong>Get notified when we publish.</strong></p>
52-
<a href="#" class="cta-button-small mt-2" onclick="sendEmail(); return false;">Get in Touch</a>
53-
</div>
54-
{% endif %}
55-
</div>
56-
</section>
40+
<img src="/media/logo.png" alt="codeGROOVE" width="80" class="logo-img">

‎src/contact.njk‎

Lines changed: 25 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -1,61 +1,33 @@
11
---
22
layout: base.njk
3-
title: Let's Jam Together
4-
description: Ready to turn your dev chaos into pure harmony? Drop us a line!
3+
title: Contact
4+
description: Let's talk velocity.
55
---
66

7-
<section class="page-header">
8-
<div class="container">
9-
<h1>Let's Make Music Together</h1>
10-
<p class="tagline">Your next jam session starts here 🎵</p>
11-
</div>
7+
<h1 style="margin-bottom: 20px;">CONTACT</h1>
8+
9+
<section class="hero">
10+
<h2 style="color: var(--yellow); margin: 0; font-size: 32px; letter-spacing: -2px;">LET'S TALK</h2>
11+
<p style="font-size: 20px; margin-top: 20px;">READY TO SHIP FASTER?<br>
12+
<span style="color: var(--yellow);">GET IN TOUCH.</span></p>
1213
</section>
1314

14-
<section class="container">
15-
<div class="content-section" style="max-width: 800px; margin: 0 auto;">
16-
<div style="text-align: center; margin-bottom: 3rem;">
17-
<p style="font-size: 1.5rem; line-height: 1.8; margin-bottom: 2rem; color: var(--color-accent); font-weight: 500;">
18-
Ready to ship 10x faster with tools that actually respect your flow?
19-
</p>
20-
<p style="font-size: 1.25rem; line-height: 1.8;">
21-
We build developer tools that turn 4-day review cycles into real-time jam sessions. Let's talk about getting your team back in the groove.
22-
</p>
23-
</div>
15+
<h2 style="font-size: 24px; letter-spacing: -1px;">SALES</h2>
16+
17+
<div class="groove-card">
18+
<p style="font-size: 24px; font-weight: bold; margin-bottom: 20px;">15-MINUTE DEMO</p>
19+
<p style="font-size: 18px;">See your velocity metrics.<br>
20+
Get your ROI calculation.<br>
21+
Start shipping faster.</p>
22+
23+
<p style="margin-top: 30px;">
24+
<a href="mailto:ship-faster@codegroove.dev" class="cta">EMAIL US</a>
25+
</p>
26+
27+
<p style="font-size: 20px; font-weight: bold; letter-spacing: -1px;">ship-faster@codegroove.dev</p>
28+
</div>
2429

25-
<div class="feature-grid" style="margin-bottom: 3rem;">
26-
<div class="card groove-card text-center">
27-
<div style="font-size: 2.5rem; margin-bottom: 1rem;">🚀</div>
28-
<h3>See a Demo</h3>
29-
<p>Watch how Ready to Review turns your PR chaos into collaborative flow. Real-time reviews that actually save time.</p>
30-
</div>
31-
<div class="card groove-card text-center">
32-
<div style="font-size: 2.5rem; margin-bottom: 1rem;">🎯</div>
33-
<h3>Discuss Your Workflow</h3>
34-
<p>Every team has unique challenges. Tell us what's slowing you down and we'll show you the path to 10x velocity.</p>
35-
</div>
36-
<div class="card groove-card text-center">
37-
<div style="font-size: 2.5rem; margin-bottom: 1rem;">🔒</div>
38-
<h3>Enterprise & Compliance</h3>
39-
<p>SOC 2? ISO 27001? We speak compliance fluently and build security into everything. Let's talk requirements.</p>
40-
</div>
41-
<div class="card groove-card text-center">
42-
<div style="font-size: 2.5rem; margin-bottom: 1rem;">🤝</div>
43-
<h3>Partnership Opportunities</h3>
44-
<p>Building something complementary? Let's explore how we can amplify each other's impact.</p>
45-
</div>
46-
</div>
47-
48-
<div class="groove-card" style="background: var(--color-primary-soft); padding: 3rem; text-align: center; margin-bottom: 3rem;">
49-
<h2 style="font-size: 2rem; margin-bottom: 2rem; color: var(--color-secondary);">Ready to Start the Conversation?</h2>
50-
<a href="#" class="cta-button" onclick="sendEmail(); return false;" style="font-size: 1.25rem; padding: 1rem 2.5rem;">
51-
🎤 Drop the Beat
52-
</a>
53-
54-
<div style="margin-top: 2rem;">
55-
<p style="color: var(--color-gray-dark); font-size: 1.125rem;">We groove on America/New_York time and usually respond within 24 hours.</p>
56-
<p style="color: var(--color-gray-dark); margin-top: 0.5rem;">Can't wait? Find us jamming in the open source community!</p>
57-
</div>
58-
</div>
30+
<h2 style="font-size: 24px; letter-spacing: -1px;">LOCATION</h2>
31+
<p style="font-size: 18px; font-weight: bold;">NORTH CACKALACKY</p>
5932

60-
</div>
61-
</section>
33+
<img src="/media/logo.png" alt="codeGROOVE" width="80" class="logo-img">

‎src/groovehub.njk‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
---
2+
layout: base.njk
3+
title: grooveHUB
4+
description: Team-wide PR automation for 2-100 engineers.
5+
---
6+
7+
<h1 style="margin-bottom: 20px;">GROOVEHUB</h1>
8+
9+
<section class="hero">
10+
<h2 style="color: var(--yellow); margin: 0; font-size: 32px; letter-spacing: -2px;">TEAM GROOVE MODE</h2>
11+
<p style="font-size: 20px; margin-top: 20px;">2-100 ENGINEERS. COMING Q4 2025.<br>
12+
<span style="color: var(--yellow);">EVERYONE GETS DOWN.</span></p>
13+
</section>
14+
15+
<h2 style="font-size: 24px; letter-spacing: -1px;">THE FULL PACKAGE</h2>
16+
17+
<p>grooveHUB includes Ready to Review for your entire team plus:</p>
18+
<ul>
19+
<li>SOC 2 compliance automation</li>
20+
<li>Robot Army (GitHub automation bots)</li>
21+
<li>Organization-wide configuration</li>
22+
<li>Team velocity analytics and metrics</li>
23+
<li>Vacation re-assignment handling</li>
24+
<li>Self-hosted option (custom support)</li>
25+
</ul>
26+
27+
<h2 style="font-size: 24px; letter-spacing: -1px;">THE DEAL</h2>
28+
29+
<table>
30+
<thead>
31+
<tr>
32+
<th>Plan</th>
33+
<th>Price</th>
34+
</tr>
35+
</thead>
36+
<tbody>
37+
<tr>
38+
<td>Customer</td>
39+
<td>$XXX/month</td>
40+
</tr>
41+
<tr>
42+
<td>VIP</td>
43+
<td>$XXXX/month</td>
44+
</tr>
45+
</tbody>
46+
</table>
47+
48+
<div class="text-center mt-60">
49+
<a href="mailto:ship-faster@codegroove.dev" class="cta">GET FUNKY</a>
50+
</div>
51+
52+
<img src="/media/logo.png" alt="codeGROOVE" width="80" class="logo-img">

0 commit comments

Comments
 (0)