patx/vegy

Fix cached homepage styles and add order volume beside logos

Commit 73aa924 · patx · 2026-09-21T20:25:03-04:00
Changeset: 73aa9248fc259755a497eaa6c22942742dcdd82a
Parents: f0fd9b11cedb672fb937d3e2b425067b22d1809a
Comments

No comments yet.
Diff

diff --git a/docs/index.html b/docs/index.html
index 0f2ffdf..4814691 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -22,7 +22,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap" />
-  <link rel="stylesheet" href="styles.css" />
+  <link rel="stylesheet" href="styles.css?v=20260921-logos-spacing-2" />
 </head>
 
 <body class="marketing">
@@ -114,7 +114,8 @@
           <div class="shot-dots" id="shotDots"></div>
         </div>
 
-        <div class="trust" aria-label="Distributors using Vegy">
+        <div class="trust" aria-label="Vegy order volume and distributors">
+          <a class="trust-result" href="https://afterdarklabs.io/" aria-label="Over $2M in orders processed. Read the Vegy project write-up at After Dark Labs.">Over $2M in orders processed</a>
           <div class="trust-logos">
             <img src="gardenfresh.webp" width="437" height="132" loading="lazy" alt="Garden Fresh Produce LLC" />
             <img src="prima.webp" width="315" height="132" loading="lazy" alt="Prima Produce" />
diff --git a/docs/styles.css b/docs/styles.css
index bb60ea7..484acda 100644
--- a/docs/styles.css
+++ b/docs/styles.css
@@ -1571,11 +1571,32 @@ a {
 }
 
 .marketing .trust {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: clamp(2.5rem, 5vw, 5rem);
   margin-top: clamp(3rem, 5vw, 4rem);
   padding-top: clamp(2rem, 4vw, 3rem);
 }
 
+.trust-result {
+  max-width: 22ch;
+  text-align: left;
+  font-size: clamp(1.3rem, 2vw, 1.65rem);
+  font-weight: 600;
+  line-height: 1.4;
+  letter-spacing: -0.02em;
+  text-decoration: none;
+}
+
+.trust-result:hover {
+  text-decoration: underline;
+  text-underline-offset: 0.2em;
+}
+
 .marketing .trust-logos {
+  flex: 0 1 440px;
+  flex-wrap: nowrap;
   gap: clamp(2rem, 6vw, 5rem);
 }
 
@@ -1593,7 +1614,8 @@ a {
   font-size: 0.95rem;
 }
 
-.feature-details {
+/* Separation belongs above the first detail row, immediately after the cards. */
+.marketing #features .cards + .feature-details {
   margin-top: clamp(5rem, 10vw, 8rem);
 }
 
@@ -1682,6 +1704,22 @@ a {
 }
 
 @media (max-width: 800px) {
+  .marketing .trust {
+    flex-direction: column;
+    gap: 2rem;
+  }
+
+  .trust-result {
+    max-width: none;
+    text-align: center;
+  }
+
+  .marketing .trust-logos {
+    flex: none;
+    width: 100%;
+    max-width: 440px;
+  }
+
   .faq-layout {
     grid-template-columns: minmax(0, 1fr);
   }