Skip to content

Commit 5c0410e

Browse files
tstrombergtstromberg
committed
better contact page
1 parent 3854dc5 commit 5c0410e

File tree

7 files changed

+161
-78
lines changed

7 files changed

+161
-78
lines changed

‎src/_layouts/base.njk‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,7 @@
2727
<li><a href="/open-source/" {% if page.url == '/open-source/' %}class="active"{% endif %}>Open Source</a></li>
2828
<li><a href="/security/" {% if page.url == '/security/' %}class="active"{% endif %}>Security</a></li>
2929
<li><a href="/about/" {% if page.url == '/about/' %}class="active"{% endif %}>About</a></li>
30+
<li><a href="/blog/" {% if page.url.startsWith('/blog/') %}class="active"{% endif %}>Blog</a></li>
3031
<li><a href="/contact/" {% if page.url == '/contact/' %}class="active"{% endif %}>Contact</a></li>
3132
</ul>
3233
<button class="nav-toggle" aria-label="Toggle navigation">

‎src/about.njk‎

Lines changed: 59 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -1,75 +1,95 @@
11
---
22
layout: base.njk
3-
title: About
4-
description: codeGROOVE builds developer tools that respect your flow.
3+
title: The Band Behind the Groove
4+
description: Meet the team turning developer tools into instruments of pure productivity.
55
---
66

77
<section class="page-header">
88
<div class="container">
9-
<h1>About codeGROOVE</h1>
10-
<p class="tagline">Building tools that actually get out of your way.</p>
9+
<h1>Meet the Band</h1>
10+
<p class="tagline">Every great groove needs passionate musicians</p>
1111
</div>
1212
</section>
1313

1414
<section class="container">
1515
<div class="content-section" style="max-width: 800px; margin: 0 auto;">
16-
<p style="font-size: 1.5rem; line-height: 1.8; font-weight: 500; margin-bottom: 2rem;">
17-
Remember the last time a tool just... worked? No 47-step setup. No fighting with configs. Just you, your code, and that sweet flow state.
16+
<p style="font-size: 1.5rem; line-height: 1.8; font-weight: 500; margin-bottom: 2rem; text-align: center; color: var(--color-accent);">
17+
🎸 Remember when coding felt like jamming with your favorite band?
1818
</p>
1919

2020
<p style="font-size: 1.25rem; line-height: 1.8; margin-bottom: 3rem;">
21-
That's what we're chasing at codeGROOVE. Because after scaling datacenter automation at Google, leading teams at Equinix, and founding the security team at Chainguard, we've seen enough tool-induced suffering to last several lifetimes.
21+
That feeling when everything just <em>flows</em>—your editor knows what you're thinking, your tools disappear into the background, and you're shipping features at the speed of inspiration. That's the groove we're bringing back.
2222
</p>
2323

2424
<div style="display: flex; align-items: center; gap: 3rem; margin-bottom: 3rem; flex-wrap: wrap;">
2525
<img src="/media/founder.jpg" alt="Thomas Stromberg" style="width: 200px; height: 200px; border-radius: 50%; object-fit: cover;">
2626
<div style="flex: 1; min-width: 300px;">
27-
<h2 style="margin-bottom: 1rem;">Hi, I'm Thomas</h2>
27+
<h2 style="margin-bottom: 1rem;">🎹 Thomas Stromberg, Lead Composer</h2>
2828
<p style="font-size: 1.125rem; line-height: 1.8;">
29-
I've spent 30 years in open source, contributing to projects you probably use daily (Kubernetes, Firefox, FreeBSD). Built some tools too—Triage Party, malcontent—because sometimes you need to scratch your own itch.
29+
After 30 years playing in the open source orchestra—from FreeBSD's early days to Kubernetes' main stage—I've learned what makes developers dance. Built Triage Party and malcontent because sometimes you gotta write your own sheet music.
3030
</p>
3131
<p style="font-size: 1.125rem; line-height: 1.8; margin-top: 1rem;">
32-
Now I'm on a mission: help every developer ship like they're on the world's best team. No friction. No nonsense. Just pure productivity.
32+
Former tours include: Google (datacenter automation), Equinix (team leadership), and Chainguard (founding the security band). Now? Helping every developer find their rhythm.
3333
</p>
3434
</div>
3535
</div>
3636

37-
<div style="background: var(--card-bg); border-radius: 16px; padding: 2.5rem; margin-bottom: 3rem;">
38-
<h2 style="font-size: 1.75rem; margin-bottom: 1.5rem;">Our Philosophy</h2>
39-
40-
<p style="font-size: 1.25rem; line-height: 1.8; margin-bottom: 2rem; font-weight: 500;">
41-
Great tools amplify human capability without getting in the way—and we know how to build them.
37+
<div style="background: #f8f8f8; padding: 2rem; border-radius: 16px; margin: 3rem 0;">
38+
<h2 style="font-size: 2rem; margin-bottom: 1.5rem; text-align: center; color: var(--color-accent);">🎵 The codeGROOVE Sound</h2>
39+
<p style="font-size: 1.25rem; line-height: 1.8; text-align: center; margin-bottom: 0; font-weight: 500;">
40+
Simple beats complex. Flow beats friction. Ship beats stuck.
4241
</p>
43-
44-
<p style="font-size: 1.125rem; line-height: 1.8; margin-bottom: 1.5rem;">
45-
Through years of building within open-source communities, we've learned that the most powerful solutions are often the simplest ones. Complex platforms solve real problems, but they frequently create new ones: cognitive overhead, vendor lock-in, and systems so intricate that debugging becomes archaeology.
46-
</p>
47-
48-
<p style="font-size: 1.125rem; line-height: 1.8; margin-bottom: 1.5rem;">
49-
<strong>AI is fundamentally changing what small teams can accomplish.</strong> We're witnessing solo developers and tight-knit teams shipping software that rivals what large organizations produce. This isn't hype—it's happening now, and it's reshaping how we think about the tools that enable this shift.
50-
</p>
51-
52-
<p style="font-size: 1.125rem; line-height: 1.8; margin-bottom: 1.5rem;">
53-
<strong>We excel at platform diversity</strong> because we understand that innovation doesn't follow predictable paths. The next breakthrough might come from an embedded system, a forgotten language, or a community that major vendors overlook. We build tools that work across this spectrum, meeting developers in their chosen environments while optimizing for open-source workflows.
54-
</p>
55-
56-
<p style="font-size: 1.125rem; line-height: 1.8; margin-bottom: 1.5rem;">
57-
<strong>Simplicity scales, complexity breeds insecurity.</strong> Transparent architectures reveal bugs faster. Lean systems perform predictably. Fewer dependencies mean fewer vulnerabilities. This isn't ideology—it's what we've observed across thousands of projects. Many eyeballs make all bugs shallow, but only when those eyes can actually comprehend what they're seeing.
42+
</div>
43+
44+
<h2 style="text-align: center; margin: 3rem 0 2rem; font-size: 2.5rem;">Why Developers Trust the Groove</h2>
45+
<div class="funk-divider"></div>
46+
47+
<div class="feature-grid" style="margin: 3rem 0;">
48+
<div class="card" style="text-align: center;">
49+
<div style="font-size: 3rem; margin-bottom: 1rem;">🏆</div>
50+
<h3>30 Years of Open Source</h3>
51+
<p>From FreeBSD to Firefox to Kubernetes. We've been in the band since the beginning.</p>
52+
</div>
53+
<div class="card" style="text-align: center;">
54+
<div style="font-size: 3rem; margin-bottom: 1rem;">🚀</div>
55+
<h3>Battle-Tested at Scale</h3>
56+
<p>Google. Equinix. Chainguard. We've performed on the biggest stages in tech.</p>
57+
</div>
58+
<div class="card" style="text-align: center;">
59+
<div style="font-size: 3rem; margin-bottom: 1rem;">🛠️</div>
60+
<h3>Tools That Actually Ship</h3>
61+
<p>Triage Party. malcontent. Real tools solving real problems for thousands of developers.</p>
62+
</div>
63+
<div class="card" style="text-align: center;">
64+
<div style="font-size: 3rem; margin-bottom: 1rem;">💡</div>
65+
<h3>AI-Powered, Human-Centered</h3>
66+
<p>We're riding the AI wave to amplify what small teams can accomplish—without the hype.</p>
67+
</div>
68+
</div>
69+
70+
<div style="background: var(--color-primary-soft); padding: 3rem; border-radius: 16px; margin: 3rem 0; text-align: center;">
71+
<h2 style="font-size: 2.5rem; margin-bottom: 1.5rem; color: var(--color-secondary);">
72+
"Time is your most limited resource"
73+
</h2>
74+
<p style="font-size: 1.5rem; line-height: 1.8; margin-bottom: 2rem; font-weight: 500;">
75+
We exist to save it. Less debugging. More shipping. More groove.
5876
</p>
59-
60-
<p style="font-size: 1.125rem; line-height: 1.8;">
61-
We don't eliminate all complexity because some problems genuinely require sophisticated solutions. <strong>We eliminate unnecessary complexity</strong> and build tools that leverage your existing expertise rather than demanding you learn new paradigms just to get started.
77+
<p style="font-size: 1.25rem; line-height: 1.8; margin-bottom: 0;">
78+
<strong>Because life's too short for bad developer tools.</strong>
6279
</p>
6380
</div>
6481

65-
<div style="text-align: center; padding: 3rem 0;">
66-
<h2 style="font-size: 2rem; margin-bottom: 1rem;">
67-
Ready to Amplify Your Capability?
82+
<div style="text-align: center; padding: 4rem 0;">
83+
<h2 style="font-size: 2.5rem; margin-bottom: 1.5rem; color: var(--color-accent);">
84+
Ready to Join the Band? 🎸
6885
</h2>
69-
<p style="font-size: 1.25rem; margin-bottom: 2rem; color: var(--color-gray);">
70-
Let's save your most valuable resource—time—so you can focus on problems worth solving.
86+
<p style="font-size: 1.5rem; margin-bottom: 2rem; font-weight: 500;">
87+
Let's turn your development chaos into pure harmony.
7188
</p>
72-
<a href="/contact/" class="cta-button">Contact Us</a>
89+
<div style="display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;">
90+
<a href="/products/" class="cta-button">See Our Instruments</a>
91+
<a href="/contact/" class="cta-button" style="background: var(--color-accent); color: white;">Start Jamming</a>
92+
</div>
7393
</div>
7494
</div>
7595
</section>

‎src/blog/why-developer-tools-need-to-respect-flow-state.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
layout: post.njk
3-
title: Why Developer Tools Need to Respect Flow State
3+
title: Test Blog Entry
44
date: 2024-01-15
55
excerpt: Modern development is death by a thousand interruptions. Here's why protecting developer flow state should be the top priority for any tool.
66
tags: post

‎src/contact.njk‎

Lines changed: 47 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,61 @@
11
---
22
layout: base.njk
3-
title: Contact
4-
description: Get in touch with the codeGROOVE team.
3+
title: Let's Jam Together
4+
description: Ready to turn your dev chaos into pure harmony? Drop us a line!
55
---
66

77
<section class="page-header">
88
<div class="container">
9-
<h1>Contact</h1>
10-
<p class="tagline">Let's talk.</p>
9+
<h1>Let's Make Music Together</h1>
10+
<p class="tagline">Your next jam session starts here 🎵</p>
1111
</div>
1212
</section>
1313

1414
<section class="container">
15-
<div class="content-section text-center" style="max-width: 600px; margin: 0 auto;">
16-
<p style="font-size: 1.25rem; line-height: 1.8; margin-bottom: 3rem;">
17-
Ready to find your groove? Let's discuss how we can help you focus on problems worth solving.
18-
</p>
19-
20-
<a href="#" class="cta-button" onclick="sendEmail(); return false;">Get in Touch</a>
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>
24+
25+
<div class="feature-grid" style="margin-bottom: 3rem;">
26+
<div class="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 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 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 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>
2147

22-
<div class="mt-4">
23-
<p style="color: var(--color-gray);">We typically respond within 24-48 hours.</p>
48+
<div style="background: var(--color-primary-soft); padding: 3rem; border-radius: 16px; 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>
2458
</div>
59+
2560
</div>
2661
</section>

‎src/css/main.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@
3232
--color-gray-light: #fafafa;
3333
--color-gray: #666666;
3434
--color-gray-dark: #333333;
35-
--color-accent: #ff6b6b;
35+
--color-accent: #9B59B6;
3636
--color-accent-blue: #4ecdc4;
3737

3838
--font-primary: "Ojuju", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

‎src/media/founder.jpg‎

257 KB
Loading

0 commit comments

Comments
 (0)