Skip to content

Commit b369ad3

Browse files
Thomas StrombergThomas Stromberg
Thomas Stromberg
authored and
Thomas Stromberg
committed
Improve pages
1 parent 5b27e91 commit b369ad3

File tree

4 files changed

+155
-65
lines changed

4 files changed

+155
-65
lines changed

‎src/assets/css/style.css‎

Lines changed: 81 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -501,10 +501,10 @@ button,
501501
.cta-button {
502502
display: inline-block;
503503
background: var(--cyan);
504-
color: var(--black);
504+
color: var(--black) !important;
505505
padding: 16px 32px;
506506
border-radius: 8px;
507-
text-decoration: none;
507+
text-decoration: none !important;
508508
font-weight: 700;
509509
font-size: 18px;
510510
transition: transform 0.2s, box-shadow 0.2s;
@@ -653,6 +653,85 @@ button,
653653
color: rgba(255, 255, 255, 0.7);
654654
}
655655

656+
/* Support Page Specific Styles */
657+
.support-hero-card {
658+
background: var(--white);
659+
padding: 30px;
660+
border-radius: 12px;
661+
margin-bottom: 40px;
662+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
663+
display: flex;
664+
align-items: center;
665+
gap: 30px;
666+
flex-wrap: wrap;
667+
}
668+
669+
.support-hero-image {
670+
width: 150px;
671+
height: 150px;
672+
flex-shrink: 0;
673+
}
674+
675+
.support-hero-content {
676+
flex: 1;
677+
min-width: 250px;
678+
}
679+
680+
.support-hero-title {
681+
margin: 0 0 10px 0;
682+
font-size: 24px;
683+
font-weight: 700;
684+
color: var(--black) !important;
685+
}
686+
687+
.support-hero-text {
688+
margin: 0;
689+
font-size: 16px;
690+
line-height: 1.5;
691+
color: var(--black) !important;
692+
}
693+
694+
.support-section {
695+
background: var(--black);
696+
border: 4px solid var(--cyan);
697+
border-radius: 12px;
698+
padding: 30px;
699+
margin-bottom: 30px;
700+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
701+
}
702+
703+
.support-section h2 {
704+
margin-top: 0;
705+
margin-bottom: 15px;
706+
}
707+
708+
.support-section p {
709+
margin-bottom: 15px;
710+
}
711+
712+
.support-section p:last-child {
713+
margin-bottom: 0;
714+
}
715+
716+
.support-section ul {
717+
font-size: 16px;
718+
line-height: 1.8;
719+
margin: 0;
720+
padding-left: 0;
721+
}
722+
723+
.support-section--yellow {
724+
border-color: var(--yellow);
725+
}
726+
727+
.support-links {
728+
display: flex;
729+
gap: 15px;
730+
margin-top: 20px;
731+
flex-wrap: wrap;
732+
align-items: center;
733+
}
734+
656735
/* Info Boxes for Product Pages */
657736
.info-box {
658737
background: rgba(255, 255, 255, 0.95);

‎src/opensource/index.njk‎

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

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;">Open source built the tech stack you use daily. We make it faster to maintain. If your project is open source, our tools are free forever—and we reinvest 10% of revenue into the OSS projects in our own stack.</p>
18-
</div>
12+
<div class="support-hero-card">
13+
<img src="/assets/goose-bsd.png" alt="Open Source" class="support-hero-image" />
14+
<div class="support-hero-content">
15+
<p class="support-hero-title">FREE FOR OPEN SOURCE PROJECTS. FOREVER.</p>
16+
<p class="support-hero-text">Open source built the tech stack you use daily. We make it faster to maintain. If your project is open source, our tools are free forever—and we reinvest 10% of revenue into the OSS projects in our own stack.</p>
1917
</div>
2018
</div>
2119

22-
<div style="background: var(--black); border: 8px solid var(--yellow); border-radius: 20px; padding: 30px; margin-bottom: 30px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);">
23-
<h2 style="margin-top: 0;">WHY WE DO THIS</h2>
20+
<div class="support-section support-section--yellow">
21+
<h2>WHY WE DO THIS</h2>
2422
<p style="margin: 0 0 10px 0;">You're already donating your time. We eliminate the context-switching overhead that kills your flow state—so you can spend more time shipping code, less time chasing PR status.</p>
2523
<p style="margin: 0;">We proudly donate to and support: <a href="https://projectbluefin.io/">Bluefin Linux</a>, <a href="https://freebsd.org/">FreeBSD</a>, <a href="https://ghostbsd.org/">GhostBSD</a>, <a href="https://github.com/golangci/golangci-lint">golangci-lint</a>, <a href="https://www.netbsd.org/">NetBSD</a>, and <a href="https://osuosl.org/">OSU Open Source Lab</a>.</p>
2624
</div>
2725

28-
<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);">
29-
<h2 style="margin-top: 0;">OUR PROJECTS</h2>
26+
<div class="support-section">
27+
<h2>OUR PROJECTS</h2>
3028

31-
<p><strong style="color: var(--yellow);">Ready to Review</strong> — Picks the best reviewer based on who's actually active and recently touched the code. Eliminates "who's blocking this PR?" context hunts with turn-based tracking that shows exactly who needs to act. <a href="https://github.com/codeGROOVE-dev/ready-to-review">View on GitHub →</a></p>
29+
<p><strong style="color: var(--yellow);"><a href="https://github.com/codeGROOVE-dev/ready-to-review" style="color: var(--yellow);">Ready to Review</a></strong> — Web dashboard for tracking PR status and turn-based review workflows.</p>
3230

33-
<p><strong style="color: var(--yellow);">Goose</strong> — Auto-detects when PRs are stalled on you. Cuts PR cycle time without micromanagement. <a href="https://github.com/codeGROOVE-dev/goose">View on GitHub →</a></p>
31+
<p><strong style="color: var(--yellow);"><a href="https://github.com/codeGROOVE-dev/best-reviewer" style="color: var(--yellow);">best-reviewer</a></strong> — The intelligent bot that assigns reviewers to your PRs.</p>
32+
33+
<p><strong style="color: var(--yellow);"><a href="https://github.com/codeGROOVE-dev/goose" style="color: var(--yellow);">Goose</a></strong> — Auto-detects when PRs are stalled on you. Cuts PR cycle time without micromanagement.</p>
34+
35+
<p><strong style="color: var(--yellow);"><a href="https://github.com/codeGROOVE-dev/sprinkler" style="color: var(--yellow);">sprinkler</a></strong> — GitHub webhook→websocket broadcast service.</p>
36+
37+
<p><strong style="color: var(--yellow);"><a href="https://github.com/codeGROOVE-dev/slacker" style="color: var(--yellow);">Slacker</a></strong> — Hyperintelligent Slack bot for GitHub notifications.</p>
3438

3539
<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>
3640
</div>
3741

38-
<h2>GET STARTED</h2>
39-
<div class="groove-card groove-card--yellow" style="text-align: center; padding: 40px;">
40-
<p style="font-size: 24px; font-weight: 700; margin-bottom: 20px; color: var(--white);">Ready to eliminate PR overhead?</p>
41-
<p style="margin-bottom: 30px; font-size: 18px; color: var(--white);">Sign up takes 30 seconds. Free for open source projects, forever.</p>
42-
<a href="https://github.com/apps/ready-to-review-beta" style="display: inline-block; background: var(--cyan); color: var(--black); padding: 16px 32px; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 18px; transition: transform 0.2s, box-shadow 0.2s; box-shadow: 0 4px 12px rgba(92, 225, 230, 0.4);">Start Now →</a>
43-
<p style="margin-top: 30px; font-size: 16px; color: var(--white);">Questions? Email <a href="mailto:go-faster@codegroove.dev" style="color: var(--cyan); text-decoration: underline;">go-faster@codegroove.dev</a></p>
42+
<div class="about-contact-section">
43+
<h2>GET STARTED</h2>
44+
<p>Ready to eliminate PR overhead? Sign up takes 30 seconds. Free for open source projects, forever.</p>
45+
<div class="about-contact-links">
46+
<a href="https://docs.ready-to-review.dev/getting-started/" class="cta-button cta-button--green">Start Now</a>
47+
</div>
48+
<p style="margin-top: 20px; font-size: 16px; opacity: 0.8;">Questions? Email <a href="mailto:oss@codegroove.dev">oss@codegroove.dev</a></p>
4449
</div>
4550
</div>
4651
</section>

‎src/security/index.njk‎

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

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 previously ran security programs at companies like Google and Chainguard. We get it.</p>
18-
</div>
12+
<div class="support-hero-card">
13+
<img src="/assets/goose-security-keys.png" alt="Security" class="support-hero-image" />
14+
<div class="support-hero-content">
15+
<p class="support-hero-title">WE TAKE SECURITY SERIOUSLY. (SERIOUSLY!)</p>
16+
<p class="support-hero-text">Our team previously ran security programs at companies like Google and Chainguard. We get it.</p>
1917
</div>
2018
</div>
2119

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-
<ul style="font-size: 16px; line-height: 1.8;">
25-
<li><strong>Zero Trust</strong>: Hardware-backed cryptographic identity and encryption are our security perimeter</li>
26-
<li><strong>Defense in depth</strong>: Every layer fails—we rely on overlapping controls (<a href="https://en.wikipedia.org/wiki/Swiss_cheese_model">swiss cheese model</a>)</li>
27-
<li><strong>Ephemeral secrets</strong>: All secrets leak eventually. We prefer <a href="https://openid.net/developers/how-connect-works/">OIDC</a>. When unavoidable, we rely on a runtime KMS — never transferring secrets via disk, <a href="https://www.gnu.org/software/c-intro-and-ref/manual/html_node/Command_002dline-Parameters.html">argv</a>, or <a href="https://man7.org/linux/man-pages/man7/environ.7.html">environ(7)</a>.</li>
28-
<li><strong>Minimal data surface</strong>: Less data = less risk. Metadata cache only (21-day TTL), 0 persistent user data</li>
29-
<li><strong>Minimal supply chain</strong>: Most services have 0-1 external deps. We use <a href="https://github.com/ko-build/ko">ko</a>+<a href="https://images.chainguard.dev/">Chainguard Images</a></li>
30-
<li><strong>No data monetization</strong>: We never sell your data. Third-party sharing limited to operational requirements/li>
31-
<li><strong>Radical transparency</strong>: Audit our code anytime—if it's not open-source yet, just ask!</li>
32-
</ul>
20+
<div class="support-section">
21+
<h2>OUR SECURITY PRINCIPLES</h2>
22+
<ul>
23+
<li><strong>Zero Trust</strong>: Hardware-backed cryptographic identity and encryption are our security perimeter</li>
24+
<li><strong>Defense in depth</strong>: Every layer fails—we rely on overlapping controls (<a href="https://en.wikipedia.org/wiki/Swiss_cheese_model">swiss cheese model</a>)</li>
25+
<li><strong>Ephemeral secrets</strong>: All secrets leak eventually. We prefer <a href="https://openid.net/developers/how-connect-works/">OIDC</a>. When unavoidable, we rely on a runtime KMS — never transferring secrets via disk, <a href="https://www.gnu.org/software/c-intro-and-ref/manual/html_node/Command_002dline-Parameters.html">argv</a>, or <a href="https://man7.org/linux/man-pages/man7/environ.7.html">environ(7)</a>.</li>
26+
<li><strong>Minimal data surface</strong>: Less data = less risk. Metadata cache only (21-day TTL), 0 persistent user data</li>
27+
<li><strong>Minimal supply chain</strong>: Most services have 0-1 external deps. We use <a href="https://github.com/ko-build/ko">ko</a>+<a href="https://images.chainguard.dev/">Chainguard Images</a></li>
28+
<li><strong>No data monetization</strong>: We never sell your data. Third-party sharing limited to operational requirements</li>
29+
<li><strong>Radical transparency</strong>: Audit our code anytime—if it's not open-source yet, just ask!</li>
30+
</ul>
3331
</div>
3432

35-
<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);">
36-
<h2 style="margin-top: 0;">COMPLIANCE & POLICIES</h2>
33+
<div class="support-section support-section--yellow">
34+
<h2>COMPLIANCE & POLICIES</h2>
3735
<ul>
3836
<li><a href="https://github.com/codeGROOVE-dev/policy/blob/main/CORPORATE.md">Corporate Security Policies</a></li>
3937
<li><a href="https://github.com/codeGROOVE-dev/policy/blob/main/PRIVACY.md">Privacy Policy</a></li>
@@ -42,10 +40,17 @@ title: Security
4240
<p>Our team has guided companies through SOC 2 certification. Rather than retrofit compliance later, we're engineering our security controls to meet SOC 2 standards from day one.</p>
4341
</div>
4442

45-
<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);">
46-
<h2 style="margin-top: 0;">CONTACT US</h2>
47-
<p>Find a vulnerability? Check out our <a href="/.well-known/security.txt">security.txt</a>.</p>
48-
<p style="margin-bottom: 0;">We could literally talk all day long about security. If you are interested, <a href="https://calendar.app.google/TbQmeX8iWnvx6Ci89">set up a call!</a></p>
43+
<div class="support-section">
44+
<h2>VULNERABILITY DISCLOSURE</h2>
45+
<p>Found a security issue? Check out our <a href="/.well-known/security.txt">security.txt</a> for reporting instructions.</p>
46+
</div>
47+
48+
<div class="about-contact-section">
49+
<h2>WANT TO DISCUSS SECURITY?</h2>
50+
<p>We could talk all day about security architecture, compliance, or threat modeling.</p>
51+
<div class="about-contact-links">
52+
<a href="https://calendar.app.google/TbQmeX8iWnvx6Ci89" class="cta-button cta-button--green">Schedule a Call</a>
53+
</div>
4954
</div>
5055
</div>
5156
</section>

‎src/support/index.njk‎

Lines changed: 21 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -9,35 +9,36 @@ title: Support
99
<div class="content-hero-inner">
1010
<h1>SUPPORT</h1>
1111

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-headphones-384.png" alt="Support 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;">WE'RE HERE TO HELP</p>
17-
<p style="margin: 0; font-size: 16px; line-height: 1.5; color: #333;">Whether you have questions, need technical assistance, or want to provide feedback, we've got you covered.</p>
18-
</div>
12+
<div class="support-hero-card">
13+
<img src="/assets/goose-headphones-384.png" alt="Support" class="support-hero-image" />
14+
<div class="support-hero-content">
15+
<p class="support-hero-title">WE'RE HERE TO HELP</p>
16+
<p class="support-hero-text">Whether you have questions, need technical assistance, or want to provide feedback, we've got you covered.</p>
1917
</div>
2018
</div>
2119

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;">DOCUMENTATION</h2>
20+
<div class="support-section">
21+
<h2>DOCUMENTATION</h2>
2422
<p>Looking for guides, tutorials, or technical documentation? Check out our comprehensive docs:</p>
25-
<p style="margin-bottom: 0;"><a href="https://docs.ready-to-review.dev" style="font-size: 18px; font-weight: 600;">docs.ready-to-review.dev</a></p>
23+
<div class="support-links">
24+
<a href="https://docs.ready-to-review.dev" class="cta-button">View Documentation</a>
25+
</div>
2626
</div>
2727

28-
<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);">
29-
<h2 style="margin-top: 0;">GET SUPPORT</h2>
28+
<div class="support-section support-section--yellow">
29+
<h2>GET SUPPORT</h2>
3030
<p>Need help with an issue? Have a feature request? We use GitHub Issues to track support requests and ensure nothing falls through the cracks.</p>
31-
<a href="https://github.com/codeGROOVE-dev/support/issues/new?template=support-request.md" class="cta-button" style="display: inline-block; background: var(--yellow); color: var(--black); padding: 15px 30px; text-decoration: none; font-weight: 700; font-size: 18px; border-radius: 8px; margin-top: 10px; transition: transform 0.2s ease;">CREATE SUPPORT REQUEST</a>
31+
<div class="support-links">
32+
<a href="https://github.com/codeGROOVE-dev/support/issues/new?template=support-request.md" class="cta-button">Create Support Request</a>
33+
</div>
3234
</div>
3335

34-
<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);">
35-
<h2 style="margin-top: 0;">OTHER WAYS TO REACH US</h2>
36-
<ul style="font-size: 16px; line-height: 1.8;">
37-
<li><strong>Email:</strong> <a href="mailto:t@codegroove.dev">t@codegroove.dev</a></li>
38-
<li><strong>Security Issues:</strong> See our <a href="/.well-known/security.txt">security.txt</a></li>
39-
<li><strong>Book a Call:</strong> <a href="https://calendar.app.google/TbQmeX8iWnvx6Ci89">Schedule time with us</a></li>
40-
</ul>
36+
<div class="about-contact-section">
37+
<h2>NEED TO TALK?</h2>
38+
<p>For general inquiries or to discuss your team's needs:</p>
39+
<div class="about-contact-links">
40+
<a href="https://calendar.app.google/TbQmeX8iWnvx6Ci89" class="cta-button cta-button--green">Schedule a Call</a>
41+
</div>
4142
</div>
4243
</div>
4344
</section>

0 commit comments

Comments
 (0)