Add the plain-terms and Matt Pocock workflow videos to /videos/

site/index.html

@@ -63,7 +63,7 @@ <h1 class="misreg">Your issues go to press overnight.</h1>
         <div class="proof-row">
           <div>
             <p class="framing">The humans are the <b>day shift</b>: you talk the idea through, write the spec and cut it into tickets. Coding agents work the <b>third shift</b>: give thirdshift a GitHub issue URL and it implements the issue, reviews its own work and delivers a pull request ready for review, or merges it when asked. Start a Run whenever you like, or let your operating system start passes on a schedule.</p>
-            <p class="credit"><a href="/how-it-works/">How thirdshift works</a>: an engineer's guide from issue to pull request, through Worktrees, agent review and Delivery. <a href="/architecture/">Architecture</a> draws what runs where and who does each step. <a href="/docs/">Documentation</a> covers installation, commands and configuration. <a href="/videos/">Videos</a> explain it in under four minutes.</p>
+            <p class="credit"><a href="/how-it-works/">How thirdshift works</a>: an engineer's guide from issue to pull request, through Worktrees, agent review and Delivery. <a href="/architecture/">Architecture</a> draws what runs where and who does each step. <a href="/docs/">Documentation</a> covers installation, commands and configuration. <a href="/videos/">Videos</a> explain it in a few minutes.</p>
             <p class="credit">Built on Matt Pocock's skills: <a href="https://www.aihero.dev/skills">aihero.dev/skills</a> · <a href="https://github.com/mattpocock/skills">mattpocock/skills</a>. Read <a href="/prompts/">every prompt and skill thirdshift sends</a>.</p>
           </div>
           <div>

site/tests/pages.test.cjs

@@ -339,9 +339,11 @@ for (const width of [320, 390, 768, 1280]) {
 // The videos page's entries, in order.
 const videos = [
   { title: "thirdshift in 31 seconds", audience: "Anyone", length: "0:32", id: "eRB6gGOQdJA" },
+  { title: "thirdshift, in plain terms", audience: "Leaders who don't code", length: "1:52", id: "fvOQMY_PuxQ" },
   { title: "thirdshift, briefly", audience: "Engineering leaders", length: "2:02", id: "yynbSGpHXGc" },
   { title: "How thirdshift works", audience: "Engineers", length: "2:38", id: "oL-5pi1AFC4" },
   { title: "How thirdshift works, step by step", audience: "Engineers, first look", length: "3:22", id: "gehONSA0viQ" },
+  { title: "How thirdshift uses Matt Pocock's workflow", audience: "Engineers", length: "4:11", id: "2sQOQG4lGDE" },
   { title: "How to use thirdshift", audience: "New users", length: "3:21", id: "pNhNyW9JgqA" },
 ];
 const playerUrl = id => `https://www.youtube-nocookie.com/embed/${id}?autoplay=1`;

site/videos/index.html

@@ -4,18 +4,18 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
 <title>Videos · thirdshift</title>
-<meta name="description" content="Five short explainer videos on thirdshift, for anyone, engineering leaders, engineers and new users: what it does, how a Run turns a GitHub issue into a pull request, and how to start.">
+<meta name="description" content="Seven short explainer videos on thirdshift, for anyone, leaders who don't code, engineering leaders, engineers and new users: what it does, how a Run turns a GitHub issue into a pull request, how it uses Matt Pocock's workflow, and how to start.">
 <link rel="canonical" href="https://thirdshift.app/videos/">
 <meta property="og:type" content="website">
 <meta property="og:site_name" content="thirdshift">
 <meta property="og:url" content="https://thirdshift.app/videos/">
 <meta property="og:title" content="Videos · thirdshift">
-<meta property="og:description" content="Five short explainer videos on thirdshift, for anyone, engineering leaders, engineers and new users: what it does, how a Run turns a GitHub issue into a pull request, and how to start.">
+<meta property="og:description" content="Seven short explainer videos on thirdshift, for anyone, leaders who don't code, engineering leaders, engineers and new users: what it does, how a Run turns a GitHub issue into a pull request, how it uses Matt Pocock's workflow, and how to start.">
 <meta property="og:image" content="https://thirdshift.app/share-card.png">
 <meta property="og:image:alt" content="thirdshift: your issues go to press overnight.">
 <meta name="twitter:card" content="summary_large_image">
 <meta name="twitter:title" content="Videos · thirdshift">
-<meta name="twitter:description" content="Five short explainer videos on thirdshift, for anyone, engineering leaders, engineers and new users: what it does, how a Run turns a GitHub issue into a pull request, and how to start.">
+<meta name="twitter:description" content="Seven short explainer videos on thirdshift, for anyone, leaders who don't code, engineering leaders, engineers and new users: what it does, how a Run turns a GitHub issue into a pull request, how it uses Matt Pocock's workflow, and how to start.">
 <meta name="twitter:image" content="https://thirdshift.app/share-card.png">
 <meta name="twitter:image:alt" content="thirdshift: your issues go to press overnight.">
 <link rel="icon" href="/favicon.svg" type="image/svg+xml">
@@ -32,9 +32,9 @@
   <div class="wrap">
     <div class="paper-sheet">
       <nav class="guide-nav" aria-label="Site"><a href="/">thirdshift / home</a><a href="/how-it-works/">How thirdshift works</a><a href="/architecture/">Architecture</a><a href="/prompts/">Prompts and skills</a><a href="https://github.com/JacobStephens2/thirdshift">GitHub</a></nav>
-      <p class="eyebrow">Explainer videos · from half a minute to under four</p>
+      <p class="eyebrow">Explainer videos · from half a minute to about four</p>
       <h1>thirdshift on video</h1>
-      <p class="framing">Five short videos, each for a different reader: a first glance, an overview for engineering leaders, two walkthroughs of a Run for engineers, and a getting-started tutorial. Pick the one for you.</p>
+      <p class="framing">Seven short videos, each for a different reader: a first glance, a plain-terms overview for leaders who don't write code, an overview for engineering leaders, three for engineers (two walkthroughs of a Run and how it uses Matt Pocock's workflow), and a getting-started tutorial. Pick the one for you.</p>
       <p class="as-of">A video loads from YouTube only when you play it. Every video has captions; turn them on with the player's CC button.</p>
     </div>
   </div>
@@ -52,6 +52,16 @@ <h2>thirdshift in 31 seconds</h2>
         <a class="video-play" href="https://youtu.be/eRB6gGOQdJA"><img src="/videos/eRB6gGOQdJA.jpg" width="1280" height="720" alt="Title card: thirdshift in 31 seconds. Issue in. Reviewed pull request out. Beside it, a terminal from an overnight Run on 12 October 2026 takes issue #663 and reports pull request #665 merged."><span class="video-play-label">Play</span></a>
       </div>
     </li>
+    <li class="video" id="in-plain-terms">
+      <div class="video-text">
+        <p class="eyebrow"><span class="video-audience">Leaders who don't code</span> · <time class="video-length" datetime="PT1M52S">1:52</time></p>
+        <h2>thirdshift, in plain terms</h2>
+        <p>A plain-language overview in which a person on your team still decides what ships while thirdshift does the work overnight, shown with a real night on 12 October 2026, what happens when it can't finish, one limit to know, and what helps get the work right.</p>
+      </div>
+      <div class="video-frame">
+        <a class="video-play" href="https://youtu.be/fvOQMY_PuxQ"><img src="/videos/fvOQMY_PuxQ.jpg" width="1280" height="720" alt="Title card: thirdshift, in plain terms. Who decides what ships. Beside it, a slide shows your team deciding what ships and thirdshift doing the work overnight." loading="lazy"><span class="video-play-label">Play</span></a>
+      </div>
+    </li>
     <li class="video" id="briefly">
       <div class="video-text">
         <p class="eyebrow"><span class="video-audience">Engineering leaders</span> · <time class="video-length" datetime="PT2M2S">2:02</time></p>
@@ -82,6 +92,16 @@ <h2>How thirdshift works, step by step</h2>
         <a class="video-play" href="https://youtu.be/gehONSA0viQ"><img src="/videos/gehONSA0viQ.jpg" width="1280" height="720" alt="Title card: How thirdshift works, step by step. Who does what in a Run. Beside it, a table of a Run's six steps, split between thirdshift's deterministic code, the AI agent and GitHub." loading="lazy"><span class="video-play-label">Play</span></a>
       </div>
     </li>
+    <li class="video" id="pocock-workflow">
+      <div class="video-text">
+        <p class="eyebrow"><span class="video-audience">Engineers</span> · <time class="video-length" datetime="PT4M11S">4:11</time></p>
+        <h2>How thirdshift uses Matt Pocock's workflow</h2>
+        <p>The day shift grills, specs and tickets the work with Matt Pocock's skills, the third shift runs headless copies of them inside thirdshift's deterministic code, and a real Spec built on 19 October 2026 shows the handoff from issue to merged pull request.</p>
+      </div>
+      <div class="video-frame">
+        <a class="video-play" href="https://youtu.be/2sQOQG4lGDE"><img src="/videos/2sQOQG4lGDE.jpg" width="1280" height="720" alt="Title card: How thirdshift uses Matt Pocock's workflow. Day shift shapes the work; agents run headless copies. Beside it, two lanes split at a GitHub issue: the Day shift runs /grill-with-docs, /to-spec and /to-tickets interactively, and the third shift runs /thirdshift-implement, /thirdshift-code-review and /thirdshift-pr headless." loading="lazy"><span class="video-play-label">Play</span></a>
+      </div>
+    </li>
     <li class="video" id="how-to-use">
       <div class="video-text">
         <p class="eyebrow"><span class="video-audience">New users</span> · <time class="video-length" datetime="PT3M21S">3:21</time></p>