fix: gh-pages layout and accuracy fixes

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.
This commit is contained in:
Nathan Esquenazi
2026-04-11 22:22:20 +00:00
parent b6ccbe29fb
commit 8b61356112
+4 -2
View File
@@ -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>