From 8b61356112d0d2ae487e464a73e192ca2d4f4b21 Mon Sep 17 00:00:00 2001
From: Nathan Esquenazi <nesquena@gmail.com>
Date: Sat, 11 Apr 2026 22:22:20 +0000
Subject: [PATCH] fix: gh-pages layout and accuracy fixes
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Layout bugs:
- Add min-width: 0 to .webui-layout children and .install-layout children.
  CSS grid 1fr 1fr columns were expanding beyond the container because <pre>
  code blocks inside don't wrap. This caused .webui-steps to be 842px wide,
  overflowing the 1100px container by 64px (child right edge at 1254px,
  container right at 1190px). min-width: 0 lets grid children shrink to
  their fr allocation and overflow-x: auto on the code blocks handles the rest.

Content accuracy (matching HERMES.md fixes):
- Table: Claude Code 'Self-hosted scheduling' column was 'Cloud only' — now
  correctly shows 'Cloud or desktop app' (desktop app scheduled tasks are real,
  run locally on your machine with full file access)
- Comparison card: 'scheduling runs on Anthropic's cloud (your data leaves
  your hardware)' was only half-true. Desktop app tasks stay local. Nuanced
  to note cloud tasks are off-hardware; desktop app tasks run locally but
  require the app to stay open.
---
 index.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index fc547d2e..6d19edcc 100644
--- a/index.html
+++ b/index.html
@@ -557,6 +557,7 @@
       align-items: start;
       margin-top: 48px;
     }
+    .webui-layout > * { min-width: 0; }
     .webui-features {
       display: grid;
       grid-template-columns: 1fr 1fr;
@@ -746,6 +747,7 @@
       gap: 48px;
       margin-top: 48px;
     }
+    .install-layout > * { min-width: 0; }
     .providers-table-wrap {
       border: 1px solid var(--border);
       border-radius: var(--radius-lg);
@@ -1349,7 +1351,7 @@ docker run -d \
             <tr>
               <td>Claude Code</td>
               <td><span class="partial">Partial</span></td>
-              <td><span class="cloud">Cloud only</span></td>
+              <td><span class="cloud">Cloud or desktop app</span></td>
               <td><span class="prev">Preview</span></td>
               <td><span class="no">No</span></td>
               <td><span class="no">No</span></td>
@@ -1433,7 +1435,7 @@ docker run -d \
         <div class="comparison-card">
           <h4>Hermes vs. Claude Code</h4>
           <p>
-            Claude Code is Anthropic's official agentic tool, strong for focused coding sessions. It has a 26-event hooks system, a plugin/skills marketplace, CLAUDE.md/MEMORY.md project memory, and cloud-managed scheduling on Anthropic infrastructure. Research-preview messaging covers Telegram, Discord, and iMessage; Slack is not yet shipped. The key differences: scheduling runs on Anthropic's cloud (your data leaves your hardware), it's locked to Claude models, and it's not open source. Hermes can spawn Claude Code as a sub-agent for heavy implementation tasks — they're complementary.
+            Claude Code is Anthropic's official agentic tool, strong for focused coding sessions. It has a 26-event hooks system, a plugin/skills marketplace, CLAUDE.md/MEMORY.md project memory, and cloud-managed scheduling on Anthropic infrastructure. Research-preview messaging covers Telegram, Discord, and iMessage; Slack is not yet shipped. The key differences: cloud scheduling runs on Anthropic's infrastructure (data leaves your hardware; desktop app tasks run locally but require the app open), it's locked to Claude models, and it's not open source. Hermes can spawn Claude Code as a sub-agent for heavy implementation tasks — they're complementary.
           </p>
         </div>