opensource instead of oss

Author: Thomas Stromberg

src/_layouts/base.njk

@@ -23,13 +23,13 @@
   <nav class="nav">
     <div class="nav-accent-angle"></div>
     <div class="nav-logo">
-      <a href="/">codeGROOVE</a>
+      <a href="/"><span class="logo-prefix">≡</span>codeGROOVE</a>
     </div>
     <ul class="nav-links">
-      <li><a href="/products/">products</a></li>
-      <li><a href="/oss/">oss</a></li>
-      <li><a href="/about/">about</a></li>
-      <li><a href="/security/">security</a></li>
+      <li><a href="/about/"><span class="bracket">【</span>about<span class="bracket">】</span></a></li>
+      <li><a href="/products/"><span class="bracket">【</span>products<span class="bracket">】</span></a></li>
+      <li><a href="/opensource/"><span class="bracket">【</span>opensource<span class="bracket">】</span></a></li>
+      <li><a href="/security/"><span class="bracket">【</span>security<span class="bracket">】</span></a></li>
     </ul>
   </nav>
 

src/about/index.njk

@@ -38,23 +38,19 @@ title: About
       </div>
     </div>
 
-    <h2>WHY WE EXIST</h2>
+    <h2>THE PROBLEM</h2>
 
     <p>Code review latency is the invisible tax on engineering velocity. A 20-person team loses $1M/year in wait time. Engineers get blocked, context-switch, lose flow state. The best ones leave.</p>
 
     <p>We've lived this problem at scale—from 2-person startups to Google-sized orgs. We know what works: intelligent assignment, turn-based tracking, zero-friction notifications. The tools existed in fragments. We're building them properly.</p>
 
-    <h2>OPEN SOURCE FIRST</h2>
+    <h2>WHAT WE OFFER</h2>
 
-    <p>Our core tools are open source and free forever for OSS projects. We reinvest 10% of profits into the projects we depend on: FreeBSD, GhostBSD, NetBSD, Bluefin Linux, golangci-lint, and OSU Open Source Lab.</p>
+    <p><strong><a href="/products/ready-to-review/">Ready to Review</a></strong> — 20X faster code reviews through intelligent assignment and turn-based tracking.</p>
 
-    <p>Check our work: <a href="https://github.com/codeGROOVE-dev">github.com/codeGROOVE-dev</a></p>
+    <p><strong><a href="/opensource/">Open Source</a></strong> — Free forever for OSS projects. 10% of profits reinvested in the ecosystem.</p>
 
-    <h2>WHAT WE'RE BUILDING</h2>
-
-    <p><strong>Ready to Review</strong> — Intelligent PR assignment and turn-based tracking. Cuts review latency by 20X. Eliminates "who's blocking this?" hunts. 30-second GitHub integration. <a href="/products/ready-to-review/">Learn more →</a></p>
-
-    <p><strong>Goose</strong> — Auto-detects when PRs stall. Notifies the right person at the right time without micromanaging. <a href="https://github.com/codeGROOVE-dev/goose">View on GitHub →</a></p>
+    <p><strong><a href="/security/">Security-First</a></strong> — Zero trust architecture. Built by ex-Google/Chainguard security engineers.</p>
 
      </div>
 </section>

src/assets/css/style.css

@@ -41,34 +41,44 @@ body {
     position: absolute;
     top: 0px;
     left: 0px;
-    width: 12.5em;
-    height: 3em;
+    width: 17em;
+    height: 2.25em;
     background: var(--yellow);
     clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
     z-index: 101;
     filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 1));
+    transform: skewX(-20deg);
 }
 
 .nav-logo {
     position: absolute;
-    top: 8px;
+    top: 3px;
     left: 13px;
     z-index: 102;
+    height: 27.5px;
+    display: flex;
+    align-items: center;
 }
 
 .nav-logo a {
     font-family: "Passion One", cursive;
-    font-size: 27.6px;
-    font-weight: 700;
+    font-size: 28px;
+    font-weight: 400;
     color: var(--black);
     text-decoration: none;
-    transform: rotate(-4deg);
+    transform: skewX(-20deg);
     display: inline-block;
     padding: 0;
-    letter-spacing: 0.5px;
+    letter-spacing: 3px;
     text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
 }
 
+.nav-logo .logo-prefix {
+    color: #888;
+    opacity: 0.75;
+    margin-right: 5px;
+}
+
 .nav-links {
     position: absolute;
     top: 0;
@@ -77,7 +87,7 @@ body {
     list-style: none;
     margin: 0;
     padding: 0;
-    gap: 35px;
+    gap: 20px;
     height: 27.5px;
     align-items: center;
 }
@@ -101,6 +111,11 @@ body {
     color: var(--cyan);
 }
 
+.nav-links .bracket {
+    color: #888;
+    opacity: 0.75;
+}
+
 /* Hero Section */
 .hero {
     position: relative;
@@ -311,7 +326,7 @@ body {
     font-family: "Passion One", cursive;
     font-size: 56px;
     font-weight: 700;
-    margin-bottom: 40px;
+    margin-bottom: 20px;
     color: var(--yellow);
     letter-spacing: 1px;
 }
@@ -785,16 +800,17 @@ body {
 @media (max-width: 768px) {
     .nav-logo {
         left: 10px;
-        top: 10px;
+        top: 2px;
     }
 
     .nav-logo a {
         font-size: 20px;
+        letter-spacing: 2px;
     }
 
     .nav-accent-angle {
-        width: 9em;
-        height: 2.5em;
+        width: 12em;
+        height: 2em;
     }
 
     .nav-links {

src/oss/index.njk renamed to src/opensource/index.njk

@@ -26,7 +26,7 @@ title: Welcome
       <div style="margin-bottom: 30px;">
         <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>
         <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>
-        <p style="margin-bottom: 0;">All our open source projects are free forever. <a href="/oss/">Learn more about our OSS commitment</a></p>
+        <p style="margin-bottom: 0;">All our open source projects are free forever. <a href="/opensource/">Learn more about our OSS commitment</a></p>
       </div>
 
       <div style="margin-bottom: 30px;">