feat: redesign homepage with modern dark theme#195
Merged
Conversation
Complete visual overhaul of the GitHub Pages homepage: - Switch color scheme from warm sepia to dark professional (Indigo accent) - Replace serif fonts with Inter/system-ui stack (no external deps) - Add sticky navbar with brand logo, anchor links, GitHub star button - Rebuild hero with gradient headline, stronger copy, and stats bar - Add Before/After problem framing section - Add architecture flow diagram (Agent → Runtime → Ledger → Tools) - Upgrade guarantee cards with icons, code snippets, and hover effects - Add quickstart with 3 tabs (Embedded/HTTP/Python) and copy buttons - Add integrations badge grid (Go, Python, Node.js, PostgreSQL, OTel, MCP) - Add CTA banner and improved footer - Preserve live runtime detection for self-hosted deployments Zero external dependencies — single self-contained HTML file. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Contributor
There was a problem hiding this comment.
Pull request overview
This PR replaces the existing static GitHub Pages homepage with a new single-file dark-themed landing page that adds navigation, richer product positioning, and interactive “Quickstart” UX (tabs + copy buttons), while keeping the page self-contained (no external deps/build).
Changes:
- Rebuilds the homepage layout/styling (dark theme, new sections: Why/Architecture/Guarantees/Integrations/Resources/CTA/Footer).
- Adds interactive Quickstart tabs and “copy” buttons, plus live-runtime detection to reveal local runtime shortcuts.
- Updates on-page marketing/technical copy (endpoints, CLI snippets, SDK snippets, etc.).
Comments suppressed due to low confidence (1)
internal/api/http/static/homepage/index.html:1460
- Footer text says
MIT License, but the repository is licensed under Apache 2.0 (LICENSE). Please correct the license label here as well so the page is consistent and legally accurate.
<div class="footer-left">
<span class="nav-logo-mark" style="width:20px;height:20px;font-size:11px;">A</span>
<span>Aetheris — MIT License</span>
</div>
| <!-- ═══ Navbar ════════════════════════════════════════════ --> | ||
| <nav> | ||
| <div class="wrap nav-inner"> | ||
| <a href="/" class="nav-logo"> |
| <!-- ═══ Hero ══════════════════════════════════════════════ --> | ||
| <section class="hero"> | ||
| <div class="wrap"> | ||
| <div class="hero-badge">v2.5.3 · Open Source · Go 1.26</div> |
| <div class="arch-node"> | ||
| <div class="arch-box"> | ||
| <div class="arch-box-title">Aetheris API</div> | ||
| <div class="arch-box-sub">POST /agents/:id/message</div> |
| <div class="qs-code-wrap"> | ||
| <pre><code>curl -X POST http://localhost:8080/api/agents/default/message \ | ||
| -H "Content-Type: application/json" \ | ||
| -d '{"content": "Summarize the top 3 HN stories"}'</code></pre> |
Comment on lines
+1176
to
+1179
| - id: my-agent | ||
| type: external_http | ||
| endpoint: http://localhost:9000/run | ||
| timeout: 30s</code></pre> |
| <section class="cta-banner"> | ||
| <div class="wrap"> | ||
| <h2>Ready to make your agents reliable?</h2> | ||
| <p>Open source · MIT License · No vendor lock-in</p> |
Comment on lines
+1483
to
+1493
| function copy(btn) { | ||
| var pre = btn.parentElement.querySelector('pre'); | ||
| var text = pre ? pre.innerText : ''; | ||
| navigator.clipboard.writeText(text).then(function () { | ||
| btn.textContent = 'copied!'; | ||
| btn.classList.add('copied'); | ||
| setTimeout(function () { | ||
| btn.textContent = 'copy'; | ||
| btn.classList.remove('copied'); | ||
| }, 1800); | ||
| }); |
| box-sizing: border-box; | ||
| } | ||
| html { scroll-behavior: smooth; } | ||
|
|
Comment on lines
888
to
+919
| <body> | ||
| <main class="shell"> | ||
| <section class="hero"> | ||
| <span class="eyebrow">Aetheris Runtime</span> | ||
| <h1>The reliability layer your AI agents are missing.</h1> | ||
| <p class="lede"> | ||
| Aetheris gives long-running agents durable execution, crash recovery, replayable traces, | ||
| and at-most-once side effects without forcing you to rewrite your agent stack. | ||
| </p> | ||
| <div class="actions"> | ||
| <a class="button" href="https://github.com/Colin4k1024/Aetheris/blob/main/docs/guides/quickstart.md" target="_blank" rel="noreferrer">Read quickstart</a> | ||
| <a class="button-secondary" href="https://github.com/Colin4k1024/Aetheris/blob/main/docs/reference/api.md" target="_blank" rel="noreferrer">Browse API</a> | ||
| <a class="button-secondary" href="https://github.com/Colin4k1024/Aetheris" target="_blank" rel="noreferrer">View repository</a> | ||
|
|
||
| <!-- ═══ Navbar ════════════════════════════════════════════ --> | ||
| <nav> | ||
| <div class="wrap nav-inner"> | ||
| <a href="/" class="nav-logo"> | ||
| <span class="nav-logo-mark">A</span> | ||
| Aetheris | ||
| </a> | ||
| <ul class="nav-links"> | ||
| <li><a href="#guarantees">Guarantees</a></li> | ||
| <li><a href="#quickstart">Quickstart</a></li> | ||
| <li><a href="#integrations">Integrations</a></li> | ||
| <li><a href="#resources">Docs</a></li> | ||
| </ul> | ||
| <div class="nav-actions"> | ||
| <a class="gh-star" href="https://github.com/Colin4k1024/Aetheris" target="_blank" rel="noreferrer"> | ||
| ★ Star | ||
| </a> | ||
| <a class="gh-btn" href="https://github.com/Colin4k1024/Aetheris" target="_blank" rel="noreferrer"> | ||
| <svg width="14" height="14" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"> | ||
| <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/> | ||
| </svg> | ||
| GitHub | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
|
|
||
| <!-- ═══ Hero ══════════════════════════════════════════════ --> | ||
| <section class="hero"> | ||
| <div class="wrap"> |
| <span class="tok-kw">curl</span> /api/jobs/<span class="tok-str">{id}</span>/trace/page | ||
|
|
||
| <span class="tok-cm">// Deterministic replay in sandbox</span> | ||
| aetheris replay <span class="tok-str">--job</span> <span class="tok-num">job_abc123</span></div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
internal/api/http/static/homepage/index.html)What changed
#f5efe5)#09090f+ Indigo accent)Test plan
index.htmllocally in browser — verify all sections render correctlymain→homepage-pages.ymlCI deploys to GitHub Pages automatically🤖 Generated with Claude Code