Skip to content

Commit 5b27e91

Browse files
Thomas StrombergThomas Stromberg
Thomas Stromberg
authored and
Thomas Stromberg
committed
Improve About page
1 parent a5dee65 commit 5b27e91

File tree

2 files changed

+163
-17
lines changed

2 files changed

+163
-17
lines changed

‎src/about/index.njk‎

Lines changed: 26 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -8,34 +8,43 @@ title: About
88

99
<div class="content-hero-inner">
1010
<h1>ABOUT</h1>
11-
<p style="font-size: 20px; color: var(--cyan); margin-bottom: 30px; font-weight: 600;">Enterprise-grade developer tools. Startup speed.</p>
11+
<p class="about-mission">We eliminate code review latency. Enterprise-grade tools. Startup speed.</p>
1212

13-
<div style="background: white; padding: 30px; border-radius: 8px; margin-bottom: 30px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
14-
<div style="display: flex; align-items: center; gap: 30px; flex-wrap: wrap;">
15-
<img src="/assets/goose-lab-techs.png" alt="Origin story" style="width: 150px; height: 150px; flex-shrink: 0;" />
16-
<div style="flex: 1; min-width: 250px;">
17-
<p style="margin: 0 0 10px 0; font-size: 24px; font-weight: 700; color: #333;">STARTED AT GOOGLE. FINISHED HERE.</p>
18-
<p style="margin: 0; font-size: 16px; line-height: 1.5; color: #333;">Ready to Review started as a prototype within Google's developer experience team. The triage automation ideas eventually shipped as <a href="https://github.com/google/triage-party" style="color: #333; text-decoration: underline;">Triage Party</a>, but the turn-based notification system—the piece that actually solves review latency—needed more than 20% time. So we built it properly.</p>
19-
</div>
13+
<div class="about-origin-card">
14+
<img src="/assets/goose-lab-techs.png" alt="Origin story" class="about-origin-image" />
15+
<div class="about-origin-content">
16+
<p class="about-origin-title">STARTED AT GOOGLE. FINISHED HERE.</p>
17+
<p class="about-origin-text">Ready to Review began as a prototype within Google's developer experience team. The triage automation concepts eventually shipped as <a href="https://github.com/google/triage-party">Triage Party</a> (4.1K stars), but the turn-based notification system—the piece that actually solves review latency—needed more than 20% time could provide. So we built it properly.</p>
2018
</div>
2119
</div>
2220

23-
<h2>WHO WE ARE</h2>
21+
<h2>FOUNDER & PRINCIPLES</h2>
2422

2523
<div class="founder-section">
2624
<img src="/assets/tstromberg.jpg" alt="Thomas Stromberg" class="founder-portrait" />
2725
<div class="founder-bio">
28-
<p><strong>Thomas Stromberg</strong> — 30 years in open source. Formerly with Google, Kubernetes, Chainguard, and Equinix. Led engineering teams as both technical lead and manager.</p>
29-
<p>Based in Chapel Hill, NC. Started codeGROOVE after being tired of slow code reviews.</p>
30-
<p>Contact: <a href="mailto:t@codegroove.dev">t@codeGROOVE.dev</a> or +1 678-608-0428</p>
26+
<p><strong>Thomas Stromberg</strong> — 30 years in open source development. Engineering leader at Google and Equinix, Director of Security at Chainguard.</p>
27+
<p>Technical lead for minikube (millions of downloads). Contributor to Firefox, FreeBSD, Chrome, and WebKit. Created <a href="https://github.com/google/triage-party">Triage Party</a> to solve GitHub notification overload and <a href="https://github.com/chainguard-dev/malcontent">malcontent</a> for software supply chain security at Chainguard.</p>
28+
<p>Founded codeGROOVE to solve the code review latency problem that costs engineering teams days of productivity every week.</p>
29+
<p><a href="https://www.linkedin.com/in/thomas-str%C3%B6mberg-9977261/">LinkedIn</a> • Based in Chapel Hill, NC</p>
3130
</div>
3231
</div>
3332

34-
<div style="background: var(--black); border: 4px solid var(--yellow); border-radius: 20px; padding: 30px; margin-bottom: 30px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4); display: flex; align-items: flex-start; gap: 30px;">
35-
<img src="/assets/nugget.jpg" alt="Nugget" class="founder-portrait" />
36-
<div class="founder-bio">
37-
<p><strong>Nugget</strong> — Chief Dog Officer. Responsible for perimeter security (barking at suspicious delivery drivers), mandatory morale breaks (walk time is non-negotiable), and reminding the team that no bug is too difficult to solve after sniffing around the block.</p>
38-
<p>Contact: WOOF WOOF WOOF. (She's always available. Especially if you have treats.)</p>
33+
<div class="about-principles">
34+
<ul class="about-principles-list">
35+
<li><strong>Security First</strong> OAuth-only authentication. No persistent access tokens. Your code stays with GitHub.</li>
36+
<li><strong>Developer Focused</strong> Built by developers who've felt the pain of slow reviews at scale.</li>
37+
<li><strong>Open Source Friendly</strong> Free tier for public repositories. We believe in giving back.</li>
38+
<li><strong>Sustainably Bootstrapped</strong> No VC pressure. Building for the long term, not the exit.</li>
39+
</ul>
40+
</div>
41+
42+
<div class="about-contact-section">
43+
<h2>LET'S TALK</h2>
44+
<p>Want to discuss how Ready to Review can help your team?</p>
45+
<div class="about-contact-links">
46+
<a href="https://calendar.app.google/TbQmeX8iWnvx6Ci89" class="cta-button cta-button--green">Schedule a Conversation</a>
47+
<a href="mailto:t@codegroove.dev" class="about-contact-email">t@codegroove.dev</a>
3948
</div>
4049
</div>
4150
</div>

‎src/assets/css/style.css‎

Lines changed: 137 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -516,6 +516,143 @@ button,
516516
box-shadow: 0 6px 20px rgba(92, 225, 230, 0.6);
517517
}
518518

519+
.cta-button--green {
520+
background: #10b981;
521+
color: var(--white) !important;
522+
box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4);
523+
}
524+
525+
.cta-button--green:hover {
526+
box-shadow: 0 6px 20px rgba(16, 185, 129, 0.6);
527+
text-decoration: none !important;
528+
}
529+
530+
/* About Page Specific Styles */
531+
.about-mission {
532+
font-size: 20px;
533+
color: var(--cyan);
534+
margin-bottom: 30px;
535+
font-weight: 600;
536+
}
537+
538+
.about-origin-card {
539+
background: var(--white);
540+
padding: 30px;
541+
border-radius: 12px;
542+
margin-bottom: 40px;
543+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
544+
display: flex;
545+
align-items: center;
546+
gap: 30px;
547+
flex-wrap: wrap;
548+
}
549+
550+
.about-origin-image {
551+
width: 150px;
552+
height: 150px;
553+
flex-shrink: 0;
554+
}
555+
556+
.about-origin-content {
557+
flex: 1;
558+
min-width: 250px;
559+
}
560+
561+
.about-origin-title {
562+
margin: 0 0 10px 0;
563+
font-size: 24px;
564+
font-weight: 700;
565+
color: var(--black) !important;
566+
}
567+
568+
.about-origin-text {
569+
margin: 0;
570+
font-size: 16px;
571+
line-height: 1.5;
572+
color: var(--black) !important;
573+
}
574+
575+
.about-origin-text a {
576+
color: #0066cc;
577+
font-weight: 600;
578+
text-decoration: underline;
579+
}
580+
581+
.about-social-proof {
582+
background: rgba(16, 185, 129, 0.1);
583+
border: 2px solid rgba(16, 185, 129, 0.3);
584+
border-radius: 8px;
585+
padding: 20px 30px;
586+
margin-bottom: 30px;
587+
text-align: center;
588+
}
589+
590+
.about-social-proof p {
591+
margin: 0;
592+
font-size: 16px;
593+
line-height: 1.6;
594+
color: var(--white);
595+
}
596+
597+
.about-principles {
598+
margin-bottom: 40px;
599+
margin-top: 20px;
600+
}
601+
602+
.about-principles-list {
603+
display: grid;
604+
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
605+
gap: 20px;
606+
list-style: none;
607+
margin: 0;
608+
padding: 0;
609+
}
610+
611+
.about-principles-list li {
612+
background: rgba(92, 225, 230, 0.1);
613+
border: 2px solid rgba(92, 225, 230, 0.3);
614+
border-radius: 8px;
615+
padding: 20px;
616+
font-size: 16px;
617+
line-height: 1.5;
618+
}
619+
620+
.about-principles-list li strong {
621+
display: block;
622+
font-size: 18px;
623+
color: var(--cyan);
624+
margin-bottom: 8px;
625+
}
626+
627+
.about-contact-section {
628+
text-align: center;
629+
margin: 40px 0;
630+
}
631+
632+
.about-contact-links {
633+
display: flex;
634+
gap: 20px;
635+
justify-content: center;
636+
align-items: center;
637+
margin-top: 20px;
638+
flex-wrap: wrap;
639+
}
640+
641+
.about-contact-email {
642+
color: var(--cyan);
643+
font-weight: 600;
644+
font-size: 18px;
645+
}
646+
647+
.about-footer-note {
648+
margin-top: 40px;
649+
padding-top: 20px;
650+
border-top: 1px solid rgba(255, 255, 255, 0.2);
651+
text-align: center;
652+
font-size: 14px;
653+
color: rgba(255, 255, 255, 0.7);
654+
}
655+
519656
/* Info Boxes for Product Pages */
520657
.info-box {
521658
background: rgba(255, 255, 255, 0.95);

0 commit comments

Comments
 (0)