6001686f09
Earlier iterations left the nested site/hermes/* on the superseded winged- helmet design and the Theseus addon on acid-green despite the branding tokens moving to sky-mid. This brings every surface to the same mark + colour: - TheseusNavigator/bundled-addons/hermes/addon.json: both icon fields (toolbar + panel declared) swap from acid-green helmet to sky-mid (#38BDF8) tapered-trails envelope. Picks up on next addon re-copy. - TheseusNavigator/bundled-addons/hermes/panel.html: inline SVG swapped from helmet dome paths to the tilted-envelope + 3 tapered trails. Uses currentColor so the panel's own colour token drives it. - site/hermes/branding/mark.svg + mark-stroke.svg: standard (3 trails) + simplified 16-20px (1 trail) variants match site-hermes-x/assets/. - site/hermes/branding/index.html: six inline mark cells (hero + 5 size cells) swapped in bulk. - site/hermes/index.html: hero mark SVG swapped. Grep confirms all seven surfaces now carry 'rotate(-22 32 32)' — the tapered-trails signature. Nothing left on the old helmet.
68 lines
3 KiB
HTML
68 lines
3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Hermes</title>
|
|
<style>
|
|
:root { color-scheme: light dark;
|
|
--bg:#0e131c; --panel:#141a24; --line:rgba(255,255,255,.09);
|
|
--ink:#e7eaf1; --mut:#8b98a9; --dim:#5e6678; --acid:#d6ff3d;
|
|
--amber:#f4c430; }
|
|
@media (prefers-color-scheme: light) {
|
|
:root { --bg:#f8faff; --panel:#ffffff; --line:rgba(0,0,0,.10);
|
|
--ink:#1a1f2b; --mut:#5c6577; --dim:#8a93a5;
|
|
--acid:#088A66; }
|
|
}
|
|
* { box-sizing: border-box; }
|
|
html, body { margin: 0; height: 100%; }
|
|
body { background: var(--bg); color: var(--ink);
|
|
font: 14px/1.5 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
|
|
display: flex; flex-direction: column; align-items: center; justify-content: center;
|
|
padding: 24px 20px; text-align: center; gap: 14px; }
|
|
.mark { color: var(--acid); line-height: 0; }
|
|
.mark svg { width: 72px; height: 72px; display: block; }
|
|
h1 { margin: 0; font-size: 18px; font-weight: 600; letter-spacing: .3px; }
|
|
.lede { color: var(--mut); font-size: 13px; margin: 0; max-width: 260px; }
|
|
button { font: inherit; font-weight: 600; cursor: pointer;
|
|
background: var(--acid); color: #0a0d13; border: none;
|
|
padding: 10px 20px; border-radius: 999px; }
|
|
button:hover { filter: brightness(1.08); }
|
|
.shortcut { color: var(--dim); font-size: 11.5px; margin-top: 4px; }
|
|
.shortcut kbd { background: var(--panel); border: 1px solid var(--line);
|
|
border-radius: 4px; padding: 1px 6px; font-family: ui-monospace, monospace;
|
|
font-size: 10.5px; color: var(--ink); }
|
|
.err { color: #f6768a; font-size: 12px; min-height: 1em; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="mark" aria-hidden="true">
|
|
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
|
|
<g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" transform="rotate(-22 32 32)">
|
|
<rect x="20" y="26" width="30" height="18" rx="1.5"/>
|
|
<path d="M20 27 L35 37 L50 27"/>
|
|
<path d="M20 30 L2 30"/>
|
|
<path d="M20 36 L10 36"/>
|
|
<path d="M20 42 L14 42"/>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<h1>Hermes</h1>
|
|
<p class="lede">Message anyone by their <code>.bch</code> name. Sealed-sender DMs over Nostr.</p>
|
|
<button id="openBtn">Open Messages</button>
|
|
<div class="shortcut">or press <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>E</kbd></div>
|
|
<div class="err" id="err"></div>
|
|
|
|
<script>
|
|
const bridge = window.silentmode && typeof window.silentmode.invoke === "function" ? window.silentmode : null;
|
|
const err = (m) => { document.getElementById("err").textContent = m || ""; };
|
|
document.getElementById("openBtn").addEventListener("click", async () => {
|
|
err("");
|
|
if (!bridge) { err("sidebar bridge unavailable"); return; }
|
|
try {
|
|
const r = await bridge.invoke("open-messages");
|
|
if (!r || r.ok !== true) err("could not open messages window");
|
|
} catch (e) { err("error: " + (e && e.message || e)); }
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|