Skip to content

Commit 3c7155b

Browse files
Thomas StrombergThomas Stromberg
Thomas Stromberg
authored and
Thomas Stromberg
committed
Add QR page, improve OSS & Security pages
1 parent a07b59d commit 3c7155b

File tree

9 files changed

+134
-40
lines changed

9 files changed

+134
-40
lines changed

‎.eleventy.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@ module.exports = function(eleventyConfig) {
22
// Copy assets folders
33
eleventyConfig.addPassthroughCopy("src/assets");
44
eleventyConfig.addPassthroughCopy("canva/codeGROOVE_files");
5+
eleventyConfig.addPassthroughCopy("src/.well-known");
56

67
return {
78
dir: {

‎src/.well-known/security.txt‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
Contact: https://github.com/codeGROOVE-dev/vulnerability-reports
2+
EmergencyContact: sgnl://signal.me/#p/+16786080428
3+
Expires: 2025-12-31T23:59:59.000Z
4+
Acknowledgments: https://codegroove.dev/security
5+
Preferred-Languages: en
6+
Canonical: https://codegroove.dev/.well-known/security.txt

‎src/assets/css/style.css‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -40,14 +40,12 @@ body {
4040
.nav-accent-angle {
4141
position: absolute;
4242
top: 0px;
43-
left: -11px;
44-
width: 239px;
45-
height: 50px;
43+
left: 0px;
44+
width: 12.5em;
45+
height: 3em;
4646
background: var(--yellow);
47-
clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
47+
clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
4848
z-index: 101;
49-
transform: rotate(-4deg);
50-
transform-origin: top left;
5149
filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 1));
5250
}
5351

‎src/assets/goose-bsd.png‎

244 KB
Loading

‎src/assets/goose-clap.png‎

86.8 KB
Loading

‎src/assets/goose-security-keys.png‎

280 KB
Loading

‎src/oss/index.njk‎

Lines changed: 28 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -9,21 +9,40 @@ title: Open Source
99
<div class="content-hero-inner">
1010
<h1>OPEN SOURCE</h1>
1111

12-
<div class="groove-card groove-card--yellow">
13-
<p style="margin: 0; font-size: 20px; font-weight: 700;">FREE FOR OPEN SOURCE PROJECTS. FOREVER.</p>
12+
<div style="background: white; padding: 30px; border-radius: 8px; margin-bottom: 30px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
13+
<div style="display: flex; align-items: center; gap: 30px; flex-wrap: wrap;">
14+
<img src="/assets/goose-bsd.png" alt="BSD Daemon Goose" style="width: 150px; height: 150px; flex-shrink: 0;" />
15+
<div style="flex: 1; min-width: 250px;">
16+
<p style="margin: 0 0 10px 0; font-size: 24px; font-weight: 700; color: #333;">FREE FOR OPEN SOURCE PROJECTS. FOREVER.</p>
17+
<p style="margin: 0; font-size: 16px; line-height: 1.5; color: #333;">We believe in giving back to the community that created us. If your project is open source, our tools are free.</p>
18+
</div>
19+
</div>
1420
</div>
1521

16-
<p>We believe in giving back to the community that raised us. If your project is open source, our tools are free.</p>
22+
<div style="background: var(--black); border: 8px solid var(--cyan); border-radius: 20px; padding: 30px; margin: 40px 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);">
23+
<h2 style="margin-top: 0;">OUR PROJECTS</h2>
1724

18-
<h2>OUR PROJECTS</h2>
19-
<ul style="margin: 0 0 20px 20px;">
20-
<li style="margin-bottom: 12px;"><strong>Ready to Review</strong> — Turn-based PR tracking. Know whose turn it is, every time. [<a href="https://github.com/codeGROOVE-dev/ready-to-review">GitHub</a>]</li>
21-
<li style="margin-bottom: 12px;"><strong>Goose</strong> — PR tracker that honks when you're the bottleneck. [<a href="https://github.com/codeGROOVE-dev/goose">GitHub</a>]</li>
22-
<li style="margin-bottom: 0;">More at <a href="https://github.com/orgs/codeGROOVE-dev/repositories">github.com/codeGROOVE-dev</a></li>
23-
</ul>
25+
<div style="margin-bottom: 30px;">
26+
<h3 style="margin-bottom: 10px; color: var(--yellow); padding-bottom: 8px; border-bottom: 3px solid var(--yellow); display: inline-block;">Ready to Review</h3>
27+
<p>Turn-based PR tracking. Know whose turn it is, every time.</p>
28+
<p style="margin-bottom: 0;"><a href="https://github.com/codeGROOVE-dev/ready-to-review">View on GitHub →</a></p>
29+
</div>
30+
31+
<div style="margin-bottom: 30px;">
32+
<h3 style="margin-bottom: 10px; color: var(--yellow); padding-bottom: 8px; border-bottom: 3px solid var(--yellow); display: inline-block;">Goose</h3>
33+
<p>PR tracker that honks when you're the bottleneck.</p>
34+
<p style="margin-bottom: 0;"><a href="https://github.com/codeGROOVE-dev/goose">View on GitHub →</a></p>
35+
</div>
36+
37+
<div style="margin-bottom: 0;">
38+
<h3 style="margin-bottom: 10px; color: var(--yellow); padding-bottom: 8px; border-bottom: 3px solid var(--yellow); display: inline-block;">All Our Projects</h3>
39+
<p style="margin-bottom: 0;">Explore all our open source work at <a href="https://github.com/orgs/codeGROOVE-dev/repositories">github.com/codeGROOVE-dev</a></p>
40+
</div>
41+
</div>
2442

2543
<h2>WHY WE DO THIS</h2>
2644
<p>Open source maintainers already donate their time. The least we can do is make their workflows faster.</p>
45+
<p>We proudly donate to open-source projects such as: <a href="https://www.netbsd.org/">NetBSD</a>, <a href="https://github.com/golangci/golangci-lint">golangci-lint</a>, and <a href="https://projectbluefin.io/">Bluefin Linux</a>.</p>
2746

2847
<h2>GET STARTED</h2>
2948
<p>Sign up at <a href="https://dash.ready-to-review.dev">dash.ready-to-review.dev</a> with your GitHub account.</p>

‎src/qr/index.njk‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
---
2+
layout: base.njk
3+
title: Welcome
4+
---
5+
6+
<section class="content-hero">
7+
<img src="/assets/hero-bg.jpg" alt="" class="content-hero-bg" />
8+
9+
<div class="content-hero-inner">
10+
<h1>YOU'RE AWESOME!</h1>
11+
12+
<div style="background: white; padding: 30px; border-radius: 8px; margin-bottom: 30px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
13+
<div style="display: flex; align-items: center; gap: 30px; flex-wrap: wrap;">
14+
<img src="/assets/goose-clap.png" alt="Goose clapping in recognition" style="width: 150px; height: 150px; flex-shrink: 0;" />
15+
<div style="flex: 1; min-width: 250px;">
16+
<p style="margin: 0 0 10px 0; font-size: 24px; font-weight: 700; color: #333;">DUDE, YOU'RE AT KUBECON TOO?</p>
17+
<p style="margin: 0 0 15px 0; font-size: 18px; color: #333;">THANKS FOR SCANNING THE QR CODE.</p>
18+
<p style="margin: 0; font-size: 16px; line-height: 1.5; color: #333;">Welcome! We're former Kubernetes contributors who got tired of high PR review latency - so we built a company to help companies and OSS projects merge code 20X faster. Thanks for scanning our QR code!</p>
19+
</div>
20+
</div>
21+
</div>
22+
23+
<div style="background: var(--black); border: 8px solid var(--cyan); border-radius: 20px; padding: 30px; margin: 40px 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);">
24+
<h2 style="margin-top: 0;">WHERE TO START</h2>
25+
26+
<div style="margin-bottom: 30px;">
27+
<h3 style="margin-bottom: 10px; color: var(--yellow); padding-bottom: 8px; border-bottom: 3px solid var(--yellow); display: inline-block;">For Open Source Enthusiasts</h3>
28+
<p>Want to see what we're building? Check out <strong><a href="https://github.com/codeGROOVE-dev/goose">Goose</a></strong> — our PR tracker that honks when you're the bottleneck.</p>
29+
<p style="margin-bottom: 0;">All our open source projects are free forever. <a href="/oss/">Learn more about our OSS commitment</a></p>
30+
</div>
31+
32+
<div style="margin-bottom: 30px;">
33+
<h3 style="margin-bottom: 10px; color: var(--yellow); padding-bottom: 8px; border-bottom: 3px solid var(--yellow); display: inline-block;">Measure Your PR Latency Cost</h3>
34+
<p>Curious how much PR latency is costing your organization? Try our free tool to measure the cost of PR latency for your GitHub org:</p>
35+
<p style="margin-bottom: 0;"><strong><a href="https://cost.github.codegroove.app/?mode=org">cost.github.codegroove.app</a></strong></p>
36+
</div>
37+
38+
<div style="margin-bottom: 0;">
39+
<h3 style="margin-bottom: 10px; color: var(--yellow); padding-bottom: 8px; border-bottom: 3px solid var(--yellow); display: inline-block;">For Teams</h3>
40+
<p>Reduce code review latency by 15X with our flagship product.</p>
41+
<p style="margin-bottom: 0;"><a href="/products/">Explore our products</a></p>
42+
</div>
43+
</div>
44+
45+
<h2>GET IN TOUCH</h2>
46+
<p>Questions? Email us at <a href="mailto:go-faster@codegroove.dev">go-faster@codegroove.dev</a></p>
47+
</div>
48+
</section>

‎src/security/index.njk‎

Lines changed: 47 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -9,30 +9,52 @@ title: Security
99
<div class="content-hero-inner">
1010
<h1>SECURITY</h1>
1111

12-
<p>Report issues:</p>
13-
<ul>
14-
<li>Email: <a href="mailto:security@codegroove.dev">security@codegroove.dev</a></li>
15-
<li>Urgent: Signal +1 678-608-0428</li>
16-
</ul>
17-
18-
<h2>OUR APPROACH</h2>
19-
<p>Simple systems are easier to audit, understand, and verify. We minimize what we collect, encrypt everything, and delete it quickly.</p>
20-
21-
<h2>COMPLIANCE</h2>
22-
<p>We're working on SOC 2 Type 2, until then, we can provide security questionaire responses in <a href="https://cloudsecurityalliance.org/artifacts/cloud-controls-matrix-v4">CAIQ v4</a> format.</p>
23-
24-
<h2>WHAT WE STORE</h2>
25-
<ul>
26-
<li>GitHub metadata only (no code)</li>
27-
<li>Deleted after 30 days</li>
28-
<li>Encrypted at rest and in transit</li>
29-
</ul>
30-
31-
<h2>WHAT WE DON'T DO</h2>
32-
<ul>
33-
<li>Sell your data</li>
34-
<li>Share with third parties</li>
35-
<li>Keep it longer than necessary</li>
36-
</ul>
12+
<div style="background: white; padding: 30px; border-radius: 8px; margin-bottom: 30px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
13+
<div style="display: flex; align-items: center; gap: 30px; flex-wrap: wrap;">
14+
<img src="/assets/goose-security-keys.png" alt="Security Goose with Keys" style="width: 150px; height: 150px; flex-shrink: 0;" />
15+
<div style="flex: 1; min-width: 250px;">
16+
<p style="margin: 0 0 10px 0; font-size: 24px; font-weight: 700; color: #333;">WE TAKE SECURITY SERIOUSLY. (SERIOUSLY!)</p>
17+
<p style="margin: 0; font-size: 16px; line-height: 1.5; color: #333;">Our team has previously run security programs at companies like Google and Chainguard. We understand the stakes.</p>
18+
</div>
19+
</div>
20+
</div>
21+
22+
<div style="background: var(--black); border: 8px solid var(--cyan); border-radius: 20px; padding: 30px; margin: 40px 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);">
23+
<h2 style="margin-top: 0;">OUR SECURITY PRINCIPLES</h2>
24+
25+
<div style="margin-bottom: 30px;">
26+
<h3 style="margin-bottom: 10px; color: var(--yellow); padding-bottom: 8px; border-bottom: 3px solid var(--yellow); display: inline-block;">Data Minimization</h3>
27+
<p>We only collect what we absolutely need. GitHub metadata only—no code access required. Data is automatically deleted after 30 days.</p>
28+
</div>
29+
30+
<div style="margin-bottom: 30px;">
31+
<h3 style="margin-bottom: 10px; color: var(--yellow); padding-bottom: 8px; border-bottom: 3px solid var(--yellow); display: inline-block;">Supply Chain Security</h3>
32+
<p>We avoid external dependencies wherever possible and rely on Chainguard Images to keep our containers svelte.</p>
33+
</div>
34+
35+
<div style="margin-bottom: 30px;">
36+
<h3 style="margin-bottom: 10px; color: var(--yellow); padding-bottom: 8px; border-bottom: 3px solid var(--yellow); display: inline-block;">Encryption & Privacy</h3>
37+
<p>All data is encrypted at rest and in transit. We never sell your data or share it with third parties. We don't keep it longer than necessary.</p>
38+
</div>
39+
40+
<div style="margin-bottom: 0;">
41+
<h3 style="margin-bottom: 10px; color: var(--yellow); padding-bottom: 8px; border-bottom: 3px solid var(--yellow); display: inline-block;">Simple is Secure</h3>
42+
<p>We believe simple systems are easier to audit, understand, and verify. Our architecture prioritizes clarity over complexity.</p>
43+
</div>
44+
</div>
45+
46+
<div style="background: var(--black); border: 8px solid var(--yellow); border-radius: 20px; padding: 30px; margin: 40px 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);">
47+
<h2 style="margin-top: 0;">COMPLIANCE & POLICIES</h2>
48+
<p>We're working on SOC 2 Type 2 certification. In the meantime, we can provide security questionnaire responses in <a href="https://cloudsecurityalliance.org/artifacts/cloud-controls-matrix-v4">CAIQ v4</a> format.</p>
49+
<ul>
50+
<li><strong>Corporate Security Policy:</strong> <a href="https://github.com/codeGROOVE-dev/policy/blob/main/CORPORATE.md">github.com/codeGROOVE-dev/policy/CORPORATE.md</a></li>
51+
<li><strong>Privacy Policy:</strong> <a href="https://github.com/codeGROOVE-dev/policy/blob/main/PRIVACY.md">github.com/codeGROOVE-dev/policy/PRIVACY.md</a></li>
52+
</ul>
53+
</div>
54+
55+
<div style="background: var(--black); border: 8px solid var(--cyan); border-radius: 20px; padding: 30px; margin: 40px 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);">
56+
<h2 style="margin-top: 0;">REPORT A SECURITY ISSUE</h2>
57+
<p style="margin-bottom: 0;">Found something interesting? Check out <a href="/.well-known/security.txt">/.well-known/security.txt</a> [<a href="https://www.rfc-editor.org/rfc/rfc9116.html">RFC 9116</a>]</p>
58+
</div>
3759
</div>
3860
</section>

0 commit comments

Comments
 (0)