Commit e5d086c262daab13a8adbb253e281c07ab235533 | the-knife

author	Alex Southwell <saphid@gmail.com> 2026-09-06 17:23:15+10:00
committer	GitHub <noreply@github.com> 2026-09-06 00:23:15-07:00
log	e5d086c262daab13a8adbb253e281c07ab235533
tree	e86e0ae3bc4fd40da9477f2599b78fc04aae6a37
parent	55333833ec260a5c9eefa05690086de768d6970c
signature	Signed by PGP key B5690EEEBB952194

fix(marketing): present the Git workflow as an illustration (#10130)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

1 files changed, 16 insertions(+), 6 deletions(-)

apps
- marketing
  - src
    pages
    index.astro

apps/marketing/src/pages/index.astro+16-6

 @@ -205,7 +205,11 @@ const screenshot = await getImage({
   <!-- ── Git ──────────────────────────────────────────────────── -->
   <section id="git" class="sec-git">
     <div class="container git-inner">
-      <div class="git-visual">
+      <div
+        class="git-visual"
+        role="img"
+        aria-label="Illustration of the T3 Code Git workflow: review a diff, commit and push changes, and open a pull request."
+      >
         <div class="pr-card tile">
           <div class="pr-head">
             <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="6" r="2.2"/><circle cx="6" cy="18" r="2.2"/><circle cx="18" cy="6" r="2.2"/><path d="M6 8v8M18 8v5a3 3 0 01-3 3h-3M13 13l-2 3 2 3"/></svg>
 @@ -223,11 +227,11 @@ const screenshot = await getImage({
             <div><code>apps/marketing/public/hero.css</code> <span>+120 −36</span></div>
           </div>
           <div class="pr-foot">
-            <button class="btn btn-ghost" style="font-size:12px;padding:6px 10px">View diff</button>
+            <span class="btn btn-ghost" style="font-size:12px;padding:6px 10px">View diff</span>
-            <button class="btn btn-primary" style="font-size:12px;padding:6px 12px">
+            <span class="btn btn-primary" style="font-size:12px;padding:6px 12px">
               <svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 .5C5.65.5.5 5.65.5 12a11.5 11.5 0 007.86 10.93c.58.1.79-.25.79-.56v-2c-3.2.69-3.88-1.37-3.88-1.37-.52-1.33-1.27-1.69-1.27-1.69-1.04-.71.08-.7.08-.7 1.15.08 1.76 1.18 1.76 1.18 1.02 1.76 2.68 1.25 3.33.96.1-.75.4-1.25.72-1.54-2.55-.29-5.24-1.27-5.24-5.67 0-1.25.45-2.28 1.18-3.08-.12-.29-.51-1.45.11-3.02 0 0 .96-.31 3.15 1.18a10.96 10.96 0 015.74 0c2.19-1.49 3.15-1.18 3.15-1.18.62 1.57.23 2.73.11 3.02.74.8 1.18 1.83 1.18 3.08 0 4.41-2.7 5.38-5.27 5.66.41.36.78 1.06.78 2.13v3.16c0 .31.21.67.8.56A11.5 11.5 0 0023.5 12C23.5 5.65 18.35.5 12 .5z"/></svg>
               Open pull request
-            </button>
+            </span>
           </div>
         </div>
         <div class="pr-trail">
 @@ -236,11 +240,11 @@ const screenshot = await getImage({
           <div class="pr-trail-dot"></div>
         </div>
         <div class="pr-button-shell">
-          <button class="pr-button">
+          <span class="pr-button">
             <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="6" r="2.2"/><circle cx="6" cy="18" r="2.2"/><circle cx="18" cy="6" r="2.2"/><path d="M6 8v8M18 8v5a3 3 0 01-3 3h-3M13 13l-2 3 2 3"/></svg>
             Commit &amp; push
             <span id="pr-button-kbd" class="pr-button-kbd">⌘⏎</span>
-          </button>
+          </span>
         </div>
       </div>
 @@ -902,6 +906,11 @@ const screenshot = await getImage({
     align-items: stretch; gap: 20px;
   }
+  .git-visual .btn {
+    line-height: normal;
+    pointer-events: none;
+  }
   .pr-card { padding: 20px; }
   .pr-head {
     display: flex; align-items: center; gap: 10px;
 @@ -955,6 +964,7 @@ const screenshot = await getImage({
     padding: 12px 20px;
     background: var(--fg); color: #09090b;
     font-weight: 600; font-size: 13px;
+    line-height: normal;
     border-radius: 10px;
     box-shadow: 0 8px 24px -8px rgba(255, 255, 255, 0.2);
   }