feat(site): Hermes TUI demos + cache-bust GIF URLs

Author: greynewell

assets/demos/chainforge.gif

@@ -927,12 +927,12 @@ <h3>solana-rug</h3>
     <section class="shell" id="demos" aria-labelledby="demos-title">
       <div class="section-head">
         <h2 id="demos-title">demos</h2>
-        <p class="section-copy">30-second terminal demos (VHS). No editing: install, validate, CLI, and primary workflows per project.</p>
+        <p class="section-copy">30-second Hermes TUI demos (VHS): profile install, branded skin, /help and /skin per project.</p>
       </div>
       <div class="repo-grid">
         <article class="repo has-demo">
           <figure class="repo-demo">
-            <img src="/assets/demos/hermes-profile-template.gif" alt="Hermes Profile Template demo: validation, scorecard, and install" width="1280" height="720" loading="lazy" decoding="async" />
+            <img src="/assets/demos/hermes-profile-template.gif?v=20260627hermes" alt="Hermes Profile Template demo: skinned TUI" width="1280" height="720" loading="lazy" decoding="async" />
             <figcaption>prompt to repo</figcaption>
           </figure>
           <div class="repo-top"><span>vhs · 30s</span><span class="stars">terminal</span></div>
@@ -943,18 +943,18 @@ <h3>hermes-profile-template</h3>
 
         <article class="repo has-demo">
           <figure class="repo-demo">
-            <img src="/assets/demos/heavy-coder.gif" alt="Heavy Coder demo: council plan and swarm dashboard" width="1280" height="720" loading="lazy" decoding="async" />
-            <figcaption>council + swarm</figcaption>
+            <img src="/assets/demos/heavy-coder.gif?v=20260627hermes" alt="Heavy Coder demo: skinned Hermes TUI" width="1280" height="720" loading="lazy" decoding="async" />
+            <figcaption>hermes tui</figcaption>
           </figure>
           <div class="repo-top"><span>vhs · 30s</span><span class="stars">terminal</span></div>
           <h3>heavy-coder</h3>
-          <p>Council plan JSON, staged swarm_watch progress, and ship-gate pytest.</p>
+          <p>Skinned Hermes session: install, /help, and profile chrome (Heavy Coder cyber theme).</p>
           <div class="repo-actions"><a class="cmd mini hot" href="https://github.com/codegraphtheory/heavy-coder" target="_blank" rel="noopener">github</a><a class="cmd mini" href="/heavy-coder/">docs</a></div>
         </article>
 
         <article class="repo has-demo">
           <figure class="repo-demo">
-            <img src="/assets/demos/context-forge-rag.gif" alt="ContextForge RAG demo: profile validation and skills" width="1280" height="720" loading="lazy" decoding="async" />
+            <img src="/assets/demos/context-forge-rag.gif?v=20260627hermes" alt="ContextForge RAG demo: skinned Hermes TUI" width="1280" height="720" loading="lazy" decoding="async" />
             <figcaption>rag profile</figcaption>
           </figure>
           <div class="repo-top"><span>vhs · 30s</span><span class="stars">terminal</span></div>
@@ -965,7 +965,7 @@ <h3>context-forge-rag</h3>
 
         <article class="repo has-demo">
           <figure class="repo-demo">
-            <img src="/assets/demos/chainforge.gif" alt="ChainForge demo: blockchain security profile" width="1280" height="720" loading="lazy" decoding="async" />
+            <img src="/assets/demos/chainforge.gif?v=20260627hermes" alt="ChainForge demo: skinned Hermes TUI" width="1280" height="720" loading="lazy" decoding="async" />
             <figcaption>chain security</figcaption>
           </figure>
           <div class="repo-top"><span>vhs · 30s</span><span class="stars">terminal</span></div>
@@ -976,7 +976,7 @@ <h3>chainforge</h3>
 
         <article class="repo has-demo">
           <figure class="repo-demo">
-            <img src="/assets/demos/solana-rug.gif" alt="Solana Rug Guard demo: token safety score" width="1280" height="720" loading="lazy" decoding="async" />
+            <img src="/assets/demos/solana-rug.gif?v=20260627hermes" alt="Solana Rug Guard demo: CLI token scan" width="1280" height="720" loading="lazy" decoding="async" />
             <figcaption>on-chain score</figcaption>
           </figure>
           <div class="repo-top"><span>vhs · 30s</span><span class="stars">terminal</span></div>