silentmode/sirius
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
sirius/brand/index.html

225 lines
13 KiB
HTML
Raw Normal View History

sirius.x: /brand/ kit — logo, mono, avatar, banner, favicon, palette brand/ ships every reusable mark plus a browseable kit page: * logo.svg — full colour wordmark (star + sirius.x, .x in acid green) * logo-mono.svg — currentColor version for print / one-colour merch * favicon.svg — 64×64 rounded square, scales cleanly to 16×16 * avatar.svg — 512×512 square, hard corners (platforms round-mask) * banner.svg — 1200×630 OG / Twitter Card canvas, crop-tolerant layout * index.html — brand-kit page: asset previews + download links, full colour palette with names/hex, typography sample, do/don't guidance, MIT-attribution notice. Nav: added 🎨 Brand link to every sirius.x page (landing, portal, docs, theseus). og:image on every page updated to point at /brand/banner.svg instead of the wordmark logo — social crawlers get a proper 1200×630 banner with title, tagline, and mark instead of a thin logo strip. Kept /assets/favicon.svg and /assets/logo.svg in place so existing external references (Nostr metadata, third-party embeds) don't break.
2026-08-31 05:44:25 +02:00
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
feat(sirius-x): Sirius.X brand rebrand, banner star-divider, WC on portal Three things from one review pass: 1. Rebrand text 'sirius.x' -> 'Sirius.X' as the brand style across all sirius.x pages (titles, meta, nav wordmark, headings, prose, footer). Also flipped the pantheon headings to Title.X form: Silentmode.X, Sirius.X, Theseus.X, Hephaestus.X, Prometheus.X, Helios.X, Hermes.X. Domain literals, URLs, and code samples stay lowercase (sirius.x is the actual on-chain name; only prose changes). Logo/avatar SVG wordmarks and aria-labels updated to match. 2. Banner (brand/banner.svg) redesigned around a centered layout: 'Sirius.X' wordmark above, the star's horizontal arm extended edge-to-edge as a divider line, tagline lines below. Left tip at (0,315), right tip at (1200,315) so the arm crosses the full 1200px banner width; vertical body compact around center. Old layout had the star crammed into the right half and the wordmark on the left. 3. WizardConnect wired up on portal.html: - The 'Connect wallet' button now opens a real WC session via wizardconnect.js, shows the WIZ:// URI (copyable) and waits for the wallet to approve. - Successful connection builds a wallet-shaped wrapper with source: 'wc' and a WC session for signing; siriusProfile now carries the source so the nav dropdown can differentiate. - Record editor dispatches to setRecordsWithExternalWallet when source === 'wc' (bundle already ships the adapter), else stays on setRecordsWithBuiltInWallet. - TLD Register submit is gated off for WC users with a tooltip — no external-wallet variant of registerTld is exported yet, so TLD mint still needs a built-in wallet. - Sign-out disconnects the WC session before dropping the wallet. - toTokenAddress used to derive the tokenAddress for WC users so the 'Signed in' card shows both forms.
2026-09-07 01:35:35 +02:00
<title>Brand — Sirius.X</title>
<meta name="description" content="Sirius.X brand kit — logo, wordmark, avatar, banner, favicon, colour palette, and usage guidance. All assets served as SVG so they stay crisp at any size.">
sirius.x: /brand/ kit — logo, mono, avatar, banner, favicon, palette brand/ ships every reusable mark plus a browseable kit page: * logo.svg — full colour wordmark (star + sirius.x, .x in acid green) * logo-mono.svg — currentColor version for print / one-colour merch * favicon.svg — 64×64 rounded square, scales cleanly to 16×16 * avatar.svg — 512×512 square, hard corners (platforms round-mask) * banner.svg — 1200×630 OG / Twitter Card canvas, crop-tolerant layout * index.html — brand-kit page: asset previews + download links, full colour palette with names/hex, typography sample, do/don't guidance, MIT-attribution notice. Nav: added 🎨 Brand link to every sirius.x page (landing, portal, docs, theseus). og:image on every page updated to point at /brand/banner.svg instead of the wordmark logo — social crawlers get a proper 1200×630 banner with title, tagline, and mark instead of a thin logo strip. Kept /assets/favicon.svg and /assets/logo.svg in place so existing external references (Nostr metadata, third-party embeds) don't break.
2026-08-31 05:44:25 +02:00
<link rel="icon" href="./favicon.svg" type="image/svg+xml">
<link rel="mask-icon" href="./favicon.svg" color="#d6ff3d">
<meta property="og:type" content="website">
feat(sirius-x): Sirius.X brand rebrand, banner star-divider, WC on portal Three things from one review pass: 1. Rebrand text 'sirius.x' -> 'Sirius.X' as the brand style across all sirius.x pages (titles, meta, nav wordmark, headings, prose, footer). Also flipped the pantheon headings to Title.X form: Silentmode.X, Sirius.X, Theseus.X, Hephaestus.X, Prometheus.X, Helios.X, Hermes.X. Domain literals, URLs, and code samples stay lowercase (sirius.x is the actual on-chain name; only prose changes). Logo/avatar SVG wordmarks and aria-labels updated to match. 2. Banner (brand/banner.svg) redesigned around a centered layout: 'Sirius.X' wordmark above, the star's horizontal arm extended edge-to-edge as a divider line, tagline lines below. Left tip at (0,315), right tip at (1200,315) so the arm crosses the full 1200px banner width; vertical body compact around center. Old layout had the star crammed into the right half and the wordmark on the left. 3. WizardConnect wired up on portal.html: - The 'Connect wallet' button now opens a real WC session via wizardconnect.js, shows the WIZ:// URI (copyable) and waits for the wallet to approve. - Successful connection builds a wallet-shaped wrapper with source: 'wc' and a WC session for signing; siriusProfile now carries the source so the nav dropdown can differentiate. - Record editor dispatches to setRecordsWithExternalWallet when source === 'wc' (bundle already ships the adapter), else stays on setRecordsWithBuiltInWallet. - TLD Register submit is gated off for WC users with a tooltip — no external-wallet variant of registerTld is exported yet, so TLD mint still needs a built-in wallet. - Sign-out disconnects the WC session before dropping the wallet. - toTokenAddress used to derive the tokenAddress for WC users so the 'Signed in' card shows both forms.
2026-09-07 01:35:35 +02:00
<meta property="og:site_name" content="Sirius.X">
<meta property="og:title" content="Sirius.X brand kit">
sirius.x: /brand/ kit — logo, mono, avatar, banner, favicon, palette brand/ ships every reusable mark plus a browseable kit page: * logo.svg — full colour wordmark (star + sirius.x, .x in acid green) * logo-mono.svg — currentColor version for print / one-colour merch * favicon.svg — 64×64 rounded square, scales cleanly to 16×16 * avatar.svg — 512×512 square, hard corners (platforms round-mask) * banner.svg — 1200×630 OG / Twitter Card canvas, crop-tolerant layout * index.html — brand-kit page: asset previews + download links, full colour palette with names/hex, typography sample, do/don't guidance, MIT-attribution notice. Nav: added 🎨 Brand link to every sirius.x page (landing, portal, docs, theseus). og:image on every page updated to point at /brand/banner.svg instead of the wordmark logo — social crawlers get a proper 1200×630 banner with title, tagline, and mark instead of a thin logo strip. Kept /assets/favicon.svg and /assets/logo.svg in place so existing external references (Nostr metadata, third-party embeds) don't break.
2026-08-31 05:44:25 +02:00
<meta property="og:description" content="Logo, wordmark, avatar, banner, favicon, colour palette. All SVG, downloadable, MIT.">
<meta property="og:url" content="https://silentmode.st/sirius-x/brand/">
<meta property="og:image" content="https://silentmode.st/sirius-x/brand/banner.svg">
<meta name="twitter:card" content="summary_large_image">
<style>
:root{
--bg:#0b0e14; --panel:#141a24; --panel2:#18202c; --line:rgba(255,255,255,.09);
--ink:#e7eaf1; --mut:#8b98a9; --dim:#5e6678; --acid:#d6ff3d;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(1100px 560px at 50% -12%,#16202e,var(--bg));
color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}
a{color:var(--acid)}
.wrap{max-width:1040px;margin:0 auto;padding:0 1.2rem}
.topnav{position:sticky;top:0;z-index:20;display:flex;gap:2px;align-items:center;flex-wrap:wrap;
padding:10px 1.2rem;background:rgba(11,14,20,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.topnav .brand{font-weight:600;color:var(--ink);text-decoration:none;margin-right:14px;font-size:15px;letter-spacing:.2px}
.topnav .brand .g{color:var(--acid)}
.topnav a{color:var(--mut);text-decoration:none;padding:6px 12px;border-radius:8px;font-size:14px}
.topnav a:hover{color:var(--ink);background:var(--panel)}
.topnav a.here{color:var(--acid);background:rgba(214,255,61,.08)}
.topnav a.portal{margin-left:auto;background:rgba(214,255,61,.10);color:var(--acid);font-weight:500}
.topnav a.portal:hover{background:rgba(214,255,61,.18)}
header.hero{text-align:center;padding:3.5rem 1.2rem 1rem}
.mark{font-size:44px;line-height:1}
h1{font-size:clamp(1.7rem,4.6vw,2.3rem);margin:.3rem 0 .3rem}
h1 .g{color:var(--acid)}
.tag{color:var(--mut);font-size:1.02rem;max-width:640px;margin:0 auto}
section{padding:2.2rem 0;border-top:1px solid var(--line);margin-top:2rem}
section:first-of-type{border-top:none;margin-top:1.2rem}
h2{font-size:1.35rem;margin:0 0 .35rem}
h3{font-size:1rem;margin:0 0 .3rem}
.lede{color:var(--mut);margin:0 0 1.4rem;max-width:720px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.asset{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px 16px;display:flex;flex-direction:column}
.asset .preview{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:20px;
margin-bottom:12px;min-height:130px;display:flex;align-items:center;justify-content:center}
.asset .preview.wide{padding:0}
.asset .preview.wide img{width:100%;height:auto;display:block;border-radius:9px}
.asset .preview.avatar{padding:0}
.asset .preview.avatar img{width:104px;height:104px;display:block;border-radius:14px}
.asset .preview.favicon img{width:64px;height:64px;display:block}
.asset .preview.mono{background:#eef1f7;color:#0b0e14}
.asset h3{display:flex;align-items:center;justify-content:space-between;gap:10px}
.asset .meta{color:var(--dim);font-size:12.5px;margin:2px 0 10px;font-family:ui-monospace,monospace}
.asset .row{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.btn{display:inline-block;text-decoration:none;padding:6px 12px;border-radius:8px;background:transparent;
border:1px solid var(--line);color:var(--ink);font-size:12.5px;font-family:inherit;cursor:pointer}
.btn:hover{background:var(--panel2)}
.btn.acid{background:var(--acid);color:#0b0e14;border-color:var(--acid);font-weight:600}
.btn.acid:hover{filter:brightness(1.1)}
.swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:1rem}
.sw{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.sw .chip{height:70px}
.sw .info{padding:10px 12px;font-size:12.5px;font-family:ui-monospace,monospace;color:var(--mut)}
.sw .info b{color:var(--ink);display:block;font-family:inherit}
.note{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--acid);
border-radius:10px;padding:12px 15px;color:var(--mut);font-size:13.5px;margin-top:1.2rem}
.note b{color:var(--ink)}
code{background:#0e131b;border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:12.5px;word-break:break-all}
footer{border-top:1px solid var(--line);padding:2rem 0 3rem;color:var(--dim);font-size:13px;text-align:center;margin-top:2.5rem}
</style>
feat(sirius-x): inline wallet dropdown — no navigation, no portal detour Wallet dropdown items (New / Import / WizardConnect) were navigating to portal.html?mode=X and asking the user to click again on arrival. That is 'the sign in landing page which is not functioning' from the user's perspective — a whole redirect for one form. Now every dropdown item opens the mint modal (register-flow.js) inline at the matching step, on whatever page the user is on: New -> stepCreate ('Create your wallet' — password + generate) Import -> stepImport ('Import a recovery phrase' — textarea) WizardConnect -> stepExternal ('Open your wallet' — QR/URI) register-flow.js grew a signInOnly mode: state.name is null, the step Back buttons close instead of going to a wallet-choice step there is no context for, and on wallet-loaded the flow writes siriusProfile and shows a 'Signed in' confirmation instead of Fund -> Confirm -> Mint. WC signInOnly keeps the session alive (state.session) so a later record edit can reuse it without a fresh QR handshake. profile-menu.js: menu items became <a data-action='new|import|wc'> and the click handler lazy-loads register-flow.js on demand — the docs/brand/theseus pages don't ship it in their initial payload, so their nav pill loads it the first time a wallet button is clicked and caches it for subsequent opens. Falls back to portal.html?mode=X if the module can't load. Cache-buster bumped so cached copies pick up the new behavior. Importmap for @bitauth/libauth added to docs/, brand/, theseus/ so the bundle's bare specifier resolves when register-flow.js is lazy-loaded from those pages. Verified end-to-end on the live docs page: all three dropdown items open the modal inline at the correct step, no console errors, no navigation.
2026-09-07 23:52:12 +02:00
<script type="importmap">
{ "imports": { "@bitauth/libauth": "https://silentmode.st/js/libauth.js" } }
</script>
sirius.x: /brand/ kit — logo, mono, avatar, banner, favicon, palette brand/ ships every reusable mark plus a browseable kit page: * logo.svg — full colour wordmark (star + sirius.x, .x in acid green) * logo-mono.svg — currentColor version for print / one-colour merch * favicon.svg — 64×64 rounded square, scales cleanly to 16×16 * avatar.svg — 512×512 square, hard corners (platforms round-mask) * banner.svg — 1200×630 OG / Twitter Card canvas, crop-tolerant layout * index.html — brand-kit page: asset previews + download links, full colour palette with names/hex, typography sample, do/don't guidance, MIT-attribution notice. Nav: added 🎨 Brand link to every sirius.x page (landing, portal, docs, theseus). og:image on every page updated to point at /brand/banner.svg instead of the wordmark logo — social crawlers get a proper 1200×630 banner with title, tagline, and mark instead of a thin logo strip. Kept /assets/favicon.svg and /assets/logo.svg in place so existing external references (Nostr metadata, third-party embeds) don't break.
2026-08-31 05:44:25 +02:00
</head>
<body>
<nav class="topnav">
feat(sirius-x): Sirius.X brand rebrand, banner star-divider, WC on portal Three things from one review pass: 1. Rebrand text 'sirius.x' -> 'Sirius.X' as the brand style across all sirius.x pages (titles, meta, nav wordmark, headings, prose, footer). Also flipped the pantheon headings to Title.X form: Silentmode.X, Sirius.X, Theseus.X, Hephaestus.X, Prometheus.X, Helios.X, Hermes.X. Domain literals, URLs, and code samples stay lowercase (sirius.x is the actual on-chain name; only prose changes). Logo/avatar SVG wordmarks and aria-labels updated to match. 2. Banner (brand/banner.svg) redesigned around a centered layout: 'Sirius.X' wordmark above, the star's horizontal arm extended edge-to-edge as a divider line, tagline lines below. Left tip at (0,315), right tip at (1200,315) so the arm crosses the full 1200px banner width; vertical body compact around center. Old layout had the star crammed into the right half and the wordmark on the left. 3. WizardConnect wired up on portal.html: - The 'Connect wallet' button now opens a real WC session via wizardconnect.js, shows the WIZ:// URI (copyable) and waits for the wallet to approve. - Successful connection builds a wallet-shaped wrapper with source: 'wc' and a WC session for signing; siriusProfile now carries the source so the nav dropdown can differentiate. - Record editor dispatches to setRecordsWithExternalWallet when source === 'wc' (bundle already ships the adapter), else stays on setRecordsWithBuiltInWallet. - TLD Register submit is gated off for WC users with a tooltip — no external-wallet variant of registerTld is exported yet, so TLD mint still needs a built-in wallet. - Sign-out disconnects the WC session before dropping the wallet. - toTokenAddress used to derive the tokenAddress for WC users so the 'Signed in' card shows both forms.
2026-09-07 01:35:35 +02:00
<a class="brand" href="../">⭐ <span class="g">Sirius.X</span></a>
sirius.x: /brand/ kit — logo, mono, avatar, banner, favicon, palette brand/ ships every reusable mark plus a browseable kit page: * logo.svg — full colour wordmark (star + sirius.x, .x in acid green) * logo-mono.svg — currentColor version for print / one-colour merch * favicon.svg — 64×64 rounded square, scales cleanly to 16×16 * avatar.svg — 512×512 square, hard corners (platforms round-mask) * banner.svg — 1200×630 OG / Twitter Card canvas, crop-tolerant layout * index.html — brand-kit page: asset previews + download links, full colour palette with names/hex, typography sample, do/don't guidance, MIT-attribution notice. Nav: added 🎨 Brand link to every sirius.x page (landing, portal, docs, theseus). og:image on every page updated to point at /brand/banner.svg instead of the wordmark logo — social crawlers get a proper 1200×630 banner with title, tagline, and mark instead of a thin logo strip. Kept /assets/favicon.svg and /assets/logo.svg in place so existing external references (Nostr metadata, third-party embeds) don't break.
2026-08-31 05:44:25 +02:00
<a href="../#try">Try it</a>
feat(sirius-x): pencil Register icon + TLD mint via shared modal Two UX polishes: 1. Register-tab icon flipped from 🪪 (identification-card emoji, renders as a hollow box in system-ui fonts without extended emoji) to ✏️ (pencil), which reads as 'edit/create' and ships in every emoji font worth targeting. Changed across the nav on all 8 pages plus the footer injector's Product column. Kept the Register nav item — six items total in the nav, and from any subpage it's one click to the search on landing. 2. tld.html no longer duplicates the wallet-choice + mint flow inline. The Register button on a search result now hands the label off to the shared register-flow.js modal — same modal that name registration uses — via a new window.siriusRegisterTld(label, {serviceFeeSats}) entry point. register-flow.js grew: - startTldFlow / window.siriusRegisterTld: sets state.tld and walks the modal through wallet-choice → Fund → stepConfirmTld → stepRegisterTld → stepDoneTld - stepConfirmTld: shows label + fee + owner, no per-name quote - stepRegisterTld: dispatches to registerTldWithBuiltInWallet or registerTldWithExternalWallet based on state.wallet/state.session - stepDoneTld: 'X is yours' with txid + certificate id + operator address, no record editor (a TLD certificate has no records to set immediately) - stepWallet / stepExternalConfirm branch on state.tld so the modal heading and the WC-confirm path route correctly tld.html trimmed: removed the entire signin-section + mint-section plus their inline handlers (~250 lines gone). Now just search + registered-TLDs list + a delegator to the shared modal. If a user is already signed in via the wallet dropdown, the modal recognises the saved wallet ('Unlock my browser wallet' button appears) instead of asking them to sign in again on this page.
2026-09-08 00:10:11 +02:00
<a href="../#search-input">✏️ Register</a>
feat(sirius-x): public tld.html — search + mint a TLD end-to-end Missing user-facing surface: minting a TLD required either the portal (sign in first, register second, tucked under 'Signed in') or the operator-only admin panel. New tld.html is a public, single-purpose page that lets anyone go straight from label to certificate. Flow: type a label → live check against /api/tlds → 'Register .foo →' appears → sign-in cards (New / Import / WizardConnect) revealed inline → mint section shows label, address, price → submit walks through 'connected → checking-availability → loading-coins → building → signing → broadcasting → registered'. Wire is proven end-to-end (search returns a registerable card for free labels, wallet flow generates a valid seed, address, submit reaches 'wallet is empty' with a friendly faucet hint for the signed-in address). Downstream of loading-coins is the same build/ sign/broadcast path exercised by every name registration. Dispatch on wallet.source uses registerTldWithExternalWallet when signed in via WC, else registerTldWithBuiltInWallet. Live TLD table under the search shows every currently registered TLD with its category; refreshes on successful mint. Nav: '🌐 TLD' added to all 7 pages between Register and Brand. Landing's 'Register a TLD' card now points here (previously linked to the operator admin, which locked out anyone who isn't operator).
2026-09-07 20:39:11 +02:00
<a href="../tld.html">🌐 TLD</a>
feat(sirius-x/nav): use theseus.x compass SVG in Theseus button, not emoji The nav's 'Theseus' link showed a generic 🧭 emoji, which renders differently in every browser/OS and does not match theseus.x's actual brand mark. Replaced with a small inline SVG of theseus.x's compass (rounded dark square, N-half red, S-half acid) at 14x14 so the button now carries theseus.x's real logo — recognisable and identical everywhere. Inlined the SVG rather than pointing at a shared asset so there's no extra request per page and no relative-path arithmetic between root and subdir pages. Applied to all 8 pages: landing, portal, register, tld, theseus, docs, brand, admin.
2026-09-07 22:17:33 +02:00
<a href="../theseus/"><svg width="14" height="14" viewBox="0 0 64 64" style="vertical-align:-2px;margin-right:4px" aria-hidden="true"><rect width="64" height="64" rx="12" fill="#0b0e14"/><path d="M32 6 L38 32 L26 32 Z" fill="#e04e4e"/><path d="M38 32 L32 58 L26 32 Z" fill="#d6ff3d"/><circle cx="32" cy="32" r="3" fill="#0b0e14"/></svg>Theseus</a>
sirius.x: /brand/ kit — logo, mono, avatar, banner, favicon, palette brand/ ships every reusable mark plus a browseable kit page: * logo.svg — full colour wordmark (star + sirius.x, .x in acid green) * logo-mono.svg — currentColor version for print / one-colour merch * favicon.svg — 64×64 rounded square, scales cleanly to 16×16 * avatar.svg — 512×512 square, hard corners (platforms round-mask) * banner.svg — 1200×630 OG / Twitter Card canvas, crop-tolerant layout * index.html — brand-kit page: asset previews + download links, full colour palette with names/hex, typography sample, do/don't guidance, MIT-attribution notice. Nav: added 🎨 Brand link to every sirius.x page (landing, portal, docs, theseus). og:image on every page updated to point at /brand/banner.svg instead of the wordmark logo — social crawlers get a proper 1200×630 banner with title, tagline, and mark instead of a thin logo strip. Kept /assets/favicon.svg and /assets/logo.svg in place so existing external references (Nostr metadata, third-party embeds) don't break.
2026-08-31 05:44:25 +02:00
<a href="../portal.html" class="portal">🔑 Sign in</a>
</nav>
<header class="hero">
<div class="mark">🎨</div>
feat(sirius-x): Sirius.X brand rebrand, banner star-divider, WC on portal Three things from one review pass: 1. Rebrand text 'sirius.x' -> 'Sirius.X' as the brand style across all sirius.x pages (titles, meta, nav wordmark, headings, prose, footer). Also flipped the pantheon headings to Title.X form: Silentmode.X, Sirius.X, Theseus.X, Hephaestus.X, Prometheus.X, Helios.X, Hermes.X. Domain literals, URLs, and code samples stay lowercase (sirius.x is the actual on-chain name; only prose changes). Logo/avatar SVG wordmarks and aria-labels updated to match. 2. Banner (brand/banner.svg) redesigned around a centered layout: 'Sirius.X' wordmark above, the star's horizontal arm extended edge-to-edge as a divider line, tagline lines below. Left tip at (0,315), right tip at (1200,315) so the arm crosses the full 1200px banner width; vertical body compact around center. Old layout had the star crammed into the right half and the wordmark on the left. 3. WizardConnect wired up on portal.html: - The 'Connect wallet' button now opens a real WC session via wizardconnect.js, shows the WIZ:// URI (copyable) and waits for the wallet to approve. - Successful connection builds a wallet-shaped wrapper with source: 'wc' and a WC session for signing; siriusProfile now carries the source so the nav dropdown can differentiate. - Record editor dispatches to setRecordsWithExternalWallet when source === 'wc' (bundle already ships the adapter), else stays on setRecordsWithBuiltInWallet. - TLD Register submit is gated off for WC users with a tooltip — no external-wallet variant of registerTld is exported yet, so TLD mint still needs a built-in wallet. - Sign-out disconnects the WC session before dropping the wallet. - toTokenAddress used to derive the tokenAddress for WC users so the 'Signed in' card shows both forms.
2026-09-07 01:35:35 +02:00
<h1>Sirius.X <span class="g">brand kit</span></h1>
sirius.x: /brand/ kit — logo, mono, avatar, banner, favicon, palette brand/ ships every reusable mark plus a browseable kit page: * logo.svg — full colour wordmark (star + sirius.x, .x in acid green) * logo-mono.svg — currentColor version for print / one-colour merch * favicon.svg — 64×64 rounded square, scales cleanly to 16×16 * avatar.svg — 512×512 square, hard corners (platforms round-mask) * banner.svg — 1200×630 OG / Twitter Card canvas, crop-tolerant layout * index.html — brand-kit page: asset previews + download links, full colour palette with names/hex, typography sample, do/don't guidance, MIT-attribution notice. Nav: added 🎨 Brand link to every sirius.x page (landing, portal, docs, theseus). og:image on every page updated to point at /brand/banner.svg instead of the wordmark logo — social crawlers get a proper 1200×630 banner with title, tagline, and mark instead of a thin logo strip. Kept /assets/favicon.svg and /assets/logo.svg in place so existing external references (Nostr metadata, third-party embeds) don't break.
2026-08-31 05:44:25 +02:00
<p class="tag">Logo, wordmark, avatar, banner, favicon, and the colour palette. Every asset ships as
SVG so it stays crisp at any size and reads correctly in light and dark contexts. Free to reuse
with attribution.</p>
</header>
<div class="wrap">
<section>
<h2>Logo &amp; wordmark</h2>
feat(sirius-x): Sirius.X brand rebrand, banner star-divider, WC on portal Three things from one review pass: 1. Rebrand text 'sirius.x' -> 'Sirius.X' as the brand style across all sirius.x pages (titles, meta, nav wordmark, headings, prose, footer). Also flipped the pantheon headings to Title.X form: Silentmode.X, Sirius.X, Theseus.X, Hephaestus.X, Prometheus.X, Helios.X, Hermes.X. Domain literals, URLs, and code samples stay lowercase (sirius.x is the actual on-chain name; only prose changes). Logo/avatar SVG wordmarks and aria-labels updated to match. 2. Banner (brand/banner.svg) redesigned around a centered layout: 'Sirius.X' wordmark above, the star's horizontal arm extended edge-to-edge as a divider line, tagline lines below. Left tip at (0,315), right tip at (1200,315) so the arm crosses the full 1200px banner width; vertical body compact around center. Old layout had the star crammed into the right half and the wordmark on the left. 3. WizardConnect wired up on portal.html: - The 'Connect wallet' button now opens a real WC session via wizardconnect.js, shows the WIZ:// URI (copyable) and waits for the wallet to approve. - Successful connection builds a wallet-shaped wrapper with source: 'wc' and a WC session for signing; siriusProfile now carries the source so the nav dropdown can differentiate. - Record editor dispatches to setRecordsWithExternalWallet when source === 'wc' (bundle already ships the adapter), else stays on setRecordsWithBuiltInWallet. - TLD Register submit is gated off for WC users with a tooltip — no external-wallet variant of registerTld is exported yet, so TLD mint still needs a built-in wallet. - Sign-out disconnects the WC session before dropping the wallet. - toTokenAddress used to derive the tokenAddress for WC users so the 'Signed in' card shows both forms.
2026-09-07 01:35:35 +02:00
<p class="lede">A 4-point sparkle star plus <b>Sirius.X</b>, with the <code>.x</code> TLD picked out
sirius.x: /brand/ kit — logo, mono, avatar, banner, favicon, palette brand/ ships every reusable mark plus a browseable kit page: * logo.svg — full colour wordmark (star + sirius.x, .x in acid green) * logo-mono.svg — currentColor version for print / one-colour merch * favicon.svg — 64×64 rounded square, scales cleanly to 16×16 * avatar.svg — 512×512 square, hard corners (platforms round-mask) * banner.svg — 1200×630 OG / Twitter Card canvas, crop-tolerant layout * index.html — brand-kit page: asset previews + download links, full colour palette with names/hex, typography sample, do/don't guidance, MIT-attribution notice. Nav: added 🎨 Brand link to every sirius.x page (landing, portal, docs, theseus). og:image on every page updated to point at /brand/banner.svg instead of the wordmark logo — social crawlers get a proper 1200×630 banner with title, tagline, and mark instead of a thin logo strip. Kept /assets/favicon.svg and /assets/logo.svg in place so existing external references (Nostr metadata, third-party embeds) don't break.
2026-08-31 05:44:25 +02:00
in acid green. The star alone works when you have no room for the wordmark; the full lockup is
the default choice everywhere else.</p>
<div class="grid">
<div class="asset">
<div class="preview"><img src="./logo.svg" alt="sirius.x logo" style="max-width:100%;height:auto"></div>
<h3>Wordmark <span class="meta">SVG · 320×64</span></h3>
<p class="lede" style="margin-bottom:.6rem">Full colour, dark backgrounds. Use this by default.</p>
<div class="row">
<a class="btn acid" href="./logo.svg" download>Download SVG</a>
<a class="btn" href="./logo.svg" target="_blank">Open</a>
</div>
</div>
<div class="asset">
<div class="preview mono" style="color:#0b0e14"><img src="./logo-mono.svg" alt="sirius.x mono" style="max-width:100%;height:auto;color:inherit"></div>
<h3>Wordmark, monochrome <span class="meta">SVG · currentColor</span></h3>
<p class="lede" style="margin-bottom:.6rem">Uses <code>currentColor</code>, inherits from the
surrounding text. Print, embossing, single-colour merch.</p>
<div class="row">
<a class="btn acid" href="./logo-mono.svg" download>Download SVG</a>
<a class="btn" href="./logo-mono.svg" target="_blank">Open</a>
</div>
</div>
</div>
</section>
<section>
<h2>Avatar &amp; favicon</h2>
<p class="lede">Square icons for social profiles, Nostr, GitHub, and browser tabs.</p>
<div class="grid">
<div class="asset">
<div class="preview avatar"><img src="./avatar.svg" alt="sirius.x avatar"></div>
<h3>Avatar <span class="meta">SVG · 512×512</span></h3>
<p class="lede" style="margin-bottom:.6rem">Square profile picture. Social platforms apply
their own round mask, so corners stay hard.</p>
<div class="row">
<a class="btn acid" href="./avatar.svg" download>Download SVG</a>
<a class="btn" href="./avatar.svg" target="_blank">Open</a>
</div>
</div>
<div class="asset">
<div class="preview favicon"><img src="./favicon.svg" alt="sirius.x favicon"></div>
<h3>Favicon <span class="meta">SVG · 64×64, 12px radius</span></h3>
<p class="lede" style="margin-bottom:.6rem">Rounded browser-tab icon. Scales down to 16×16
feat(sirius-x): Sirius.X brand rebrand, banner star-divider, WC on portal Three things from one review pass: 1. Rebrand text 'sirius.x' -> 'Sirius.X' as the brand style across all sirius.x pages (titles, meta, nav wordmark, headings, prose, footer). Also flipped the pantheon headings to Title.X form: Silentmode.X, Sirius.X, Theseus.X, Hephaestus.X, Prometheus.X, Helios.X, Hermes.X. Domain literals, URLs, and code samples stay lowercase (sirius.x is the actual on-chain name; only prose changes). Logo/avatar SVG wordmarks and aria-labels updated to match. 2. Banner (brand/banner.svg) redesigned around a centered layout: 'Sirius.X' wordmark above, the star's horizontal arm extended edge-to-edge as a divider line, tagline lines below. Left tip at (0,315), right tip at (1200,315) so the arm crosses the full 1200px banner width; vertical body compact around center. Old layout had the star crammed into the right half and the wordmark on the left. 3. WizardConnect wired up on portal.html: - The 'Connect wallet' button now opens a real WC session via wizardconnect.js, shows the WIZ:// URI (copyable) and waits for the wallet to approve. - Successful connection builds a wallet-shaped wrapper with source: 'wc' and a WC session for signing; siriusProfile now carries the source so the nav dropdown can differentiate. - Record editor dispatches to setRecordsWithExternalWallet when source === 'wc' (bundle already ships the adapter), else stays on setRecordsWithBuiltInWallet. - TLD Register submit is gated off for WC users with a tooltip — no external-wallet variant of registerTld is exported yet, so TLD mint still needs a built-in wallet. - Sign-out disconnects the WC session before dropping the wallet. - toTokenAddress used to derive the tokenAddress for WC users so the 'Signed in' card shows both forms.
2026-09-07 01:35:35 +02:00
cleanly; used on every Sirius.X page.</p>
sirius.x: /brand/ kit — logo, mono, avatar, banner, favicon, palette brand/ ships every reusable mark plus a browseable kit page: * logo.svg — full colour wordmark (star + sirius.x, .x in acid green) * logo-mono.svg — currentColor version for print / one-colour merch * favicon.svg — 64×64 rounded square, scales cleanly to 16×16 * avatar.svg — 512×512 square, hard corners (platforms round-mask) * banner.svg — 1200×630 OG / Twitter Card canvas, crop-tolerant layout * index.html — brand-kit page: asset previews + download links, full colour palette with names/hex, typography sample, do/don't guidance, MIT-attribution notice. Nav: added 🎨 Brand link to every sirius.x page (landing, portal, docs, theseus). og:image on every page updated to point at /brand/banner.svg instead of the wordmark logo — social crawlers get a proper 1200×630 banner with title, tagline, and mark instead of a thin logo strip. Kept /assets/favicon.svg and /assets/logo.svg in place so existing external references (Nostr metadata, third-party embeds) don't break.
2026-08-31 05:44:25 +02:00
<div class="row">
<a class="btn acid" href="./favicon.svg" download>Download SVG</a>
<a class="btn" href="./favicon.svg" target="_blank">Open</a>
</div>
</div>
</div>
</section>
<section>
<h2>Social banner</h2>
<p class="lede">1200×630 (OpenGraph / Twitter Card canonical). Composition survives aggressive
centre-cropping — the star and tagline both stay visible even after Facebook and Discord chop
the sides.</p>
<div class="asset">
<div class="preview wide"><img src="./banner.svg" alt="sirius.x banner"></div>
<div class="row">
<a class="btn acid" href="./banner.svg" download>Download SVG</a>
<a class="btn" href="./banner.svg" target="_blank">Open</a>
</div>
</div>
</section>
<section>
<h2>Colour palette</h2>
<p class="lede">Silent Mode family colours. Dark chromes are the default; acid green is the
feat(sirius-x): Sirius.X brand rebrand, banner star-divider, WC on portal Three things from one review pass: 1. Rebrand text 'sirius.x' -> 'Sirius.X' as the brand style across all sirius.x pages (titles, meta, nav wordmark, headings, prose, footer). Also flipped the pantheon headings to Title.X form: Silentmode.X, Sirius.X, Theseus.X, Hephaestus.X, Prometheus.X, Helios.X, Hermes.X. Domain literals, URLs, and code samples stay lowercase (sirius.x is the actual on-chain name; only prose changes). Logo/avatar SVG wordmarks and aria-labels updated to match. 2. Banner (brand/banner.svg) redesigned around a centered layout: 'Sirius.X' wordmark above, the star's horizontal arm extended edge-to-edge as a divider line, tagline lines below. Left tip at (0,315), right tip at (1200,315) so the arm crosses the full 1200px banner width; vertical body compact around center. Old layout had the star crammed into the right half and the wordmark on the left. 3. WizardConnect wired up on portal.html: - The 'Connect wallet' button now opens a real WC session via wizardconnect.js, shows the WIZ:// URI (copyable) and waits for the wallet to approve. - Successful connection builds a wallet-shaped wrapper with source: 'wc' and a WC session for signing; siriusProfile now carries the source so the nav dropdown can differentiate. - Record editor dispatches to setRecordsWithExternalWallet when source === 'wc' (bundle already ships the adapter), else stays on setRecordsWithBuiltInWallet. - TLD Register submit is gated off for WC users with a tooltip — no external-wallet variant of registerTld is exported yet, so TLD mint still needs a built-in wallet. - Sign-out disconnects the WC session before dropping the wallet. - toTokenAddress used to derive the tokenAddress for WC users so the 'Signed in' card shows both forms.
2026-09-07 01:35:35 +02:00
single accent that consistently signals "this is Sirius.X".</p>
sirius.x: /brand/ kit — logo, mono, avatar, banner, favicon, palette brand/ ships every reusable mark plus a browseable kit page: * logo.svg — full colour wordmark (star + sirius.x, .x in acid green) * logo-mono.svg — currentColor version for print / one-colour merch * favicon.svg — 64×64 rounded square, scales cleanly to 16×16 * avatar.svg — 512×512 square, hard corners (platforms round-mask) * banner.svg — 1200×630 OG / Twitter Card canvas, crop-tolerant layout * index.html — brand-kit page: asset previews + download links, full colour palette with names/hex, typography sample, do/don't guidance, MIT-attribution notice. Nav: added 🎨 Brand link to every sirius.x page (landing, portal, docs, theseus). og:image on every page updated to point at /brand/banner.svg instead of the wordmark logo — social crawlers get a proper 1200×630 banner with title, tagline, and mark instead of a thin logo strip. Kept /assets/favicon.svg and /assets/logo.svg in place so existing external references (Nostr metadata, third-party embeds) don't break.
2026-08-31 05:44:25 +02:00
<div class="swatches">
<div class="sw"><div class="chip" style="background:#d6ff3d"></div><div class="info"><b>Acid</b>#d6ff3d — accent, links, active nav</div></div>
<div class="sw"><div class="chip" style="background:#0b0e14"></div><div class="info"><b>Background</b>#0b0e14 — page canvas</div></div>
<div class="sw"><div class="chip" style="background:#141a24"></div><div class="info"><b>Panel</b>#141a24 — cards, elevated surfaces</div></div>
<div class="sw"><div class="chip" style="background:#18202c"></div><div class="info"><b>Panel 2</b>#18202c — nested / step items</div></div>
<div class="sw"><div class="chip" style="background:#e7eaf1"></div><div class="info"><b>Ink</b>#e7eaf1 — body text on dark</div></div>
<div class="sw"><div class="chip" style="background:#8b98a9"></div><div class="info"><b>Muted</b>#8b98a9 — secondary text</div></div>
<div class="sw"><div class="chip" style="background:#5e6678"></div><div class="info"><b>Dim</b>#5e6678 — tertiary text, dividers</div></div>
<div class="sw"><div class="chip" style="background:#4fd1a5"></div><div class="info"><b>OK</b>#4fd1a5 — success / available</div></div>
<div class="sw"><div class="chip" style="background:#f6768a"></div><div class="info"><b>Taken</b>#f6768a — errors / unavailable</div></div>
<div class="sw"><div class="chip" style="background:#ffc75f"></div><div class="info"><b>Warn</b>#ffc75f — caution, holds</div></div>
</div>
</section>
<section>
<h2>Typography</h2>
<p class="lede">System font stack, so nothing needs to load and every OS renders the wordmark in
the same family the reader is used to.</p>
<div class="asset" style="max-width:640px">
<p style="margin:0;font-family:system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
font-size:36px;font-weight:600;letter-spacing:-.5px">The quick brown fox</p>
<p style="margin:.4rem 0 0;color:var(--mut);font-family:system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
feat(sirius-x): Sirius.X brand rebrand, banner star-divider, WC on portal Three things from one review pass: 1. Rebrand text 'sirius.x' -> 'Sirius.X' as the brand style across all sirius.x pages (titles, meta, nav wordmark, headings, prose, footer). Also flipped the pantheon headings to Title.X form: Silentmode.X, Sirius.X, Theseus.X, Hephaestus.X, Prometheus.X, Helios.X, Hermes.X. Domain literals, URLs, and code samples stay lowercase (sirius.x is the actual on-chain name; only prose changes). Logo/avatar SVG wordmarks and aria-labels updated to match. 2. Banner (brand/banner.svg) redesigned around a centered layout: 'Sirius.X' wordmark above, the star's horizontal arm extended edge-to-edge as a divider line, tagline lines below. Left tip at (0,315), right tip at (1200,315) so the arm crosses the full 1200px banner width; vertical body compact around center. Old layout had the star crammed into the right half and the wordmark on the left. 3. WizardConnect wired up on portal.html: - The 'Connect wallet' button now opens a real WC session via wizardconnect.js, shows the WIZ:// URI (copyable) and waits for the wallet to approve. - Successful connection builds a wallet-shaped wrapper with source: 'wc' and a WC session for signing; siriusProfile now carries the source so the nav dropdown can differentiate. - Record editor dispatches to setRecordsWithExternalWallet when source === 'wc' (bundle already ships the adapter), else stays on setRecordsWithBuiltInWallet. - TLD Register submit is gated off for WC users with a tooltip — no external-wallet variant of registerTld is exported yet, so TLD mint still needs a built-in wallet. - Sign-out disconnects the WC session before dropping the wallet. - toTokenAddress used to derive the tokenAddress for WC users so the 'Signed in' card shows both forms.
2026-09-07 01:35:35 +02:00
font-size:16px">jumps over the lazy dog · 0123456789 · Sirius.X</p>
sirius.x: /brand/ kit — logo, mono, avatar, banner, favicon, palette brand/ ships every reusable mark plus a browseable kit page: * logo.svg — full colour wordmark (star + sirius.x, .x in acid green) * logo-mono.svg — currentColor version for print / one-colour merch * favicon.svg — 64×64 rounded square, scales cleanly to 16×16 * avatar.svg — 512×512 square, hard corners (platforms round-mask) * banner.svg — 1200×630 OG / Twitter Card canvas, crop-tolerant layout * index.html — brand-kit page: asset previews + download links, full colour palette with names/hex, typography sample, do/don't guidance, MIT-attribution notice. Nav: added 🎨 Brand link to every sirius.x page (landing, portal, docs, theseus). og:image on every page updated to point at /brand/banner.svg instead of the wordmark logo — social crawlers get a proper 1200×630 banner with title, tagline, and mark instead of a thin logo strip. Kept /assets/favicon.svg and /assets/logo.svg in place so existing external references (Nostr metadata, third-party embeds) don't break.
2026-08-31 05:44:25 +02:00
<div class="meta" style="margin-top:12px">system-ui, -apple-system, Segoe UI, Roboto, sans-serif</div>
</div>
<div class="note">The wordmark's <code>.x</code> is a <code>&lt;tspan fill="#d6ff3d"&gt;</code> —
don't render the whole word in acid, and don't render the star without the star's exact 4-point
path (it's a mark, not a generic asterisk).</div>
</section>
<section>
<h2>Usage &amp; licence</h2>
feat(sirius-x): Sirius.X brand rebrand, banner star-divider, WC on portal Three things from one review pass: 1. Rebrand text 'sirius.x' -> 'Sirius.X' as the brand style across all sirius.x pages (titles, meta, nav wordmark, headings, prose, footer). Also flipped the pantheon headings to Title.X form: Silentmode.X, Sirius.X, Theseus.X, Hephaestus.X, Prometheus.X, Helios.X, Hermes.X. Domain literals, URLs, and code samples stay lowercase (sirius.x is the actual on-chain name; only prose changes). Logo/avatar SVG wordmarks and aria-labels updated to match. 2. Banner (brand/banner.svg) redesigned around a centered layout: 'Sirius.X' wordmark above, the star's horizontal arm extended edge-to-edge as a divider line, tagline lines below. Left tip at (0,315), right tip at (1200,315) so the arm crosses the full 1200px banner width; vertical body compact around center. Old layout had the star crammed into the right half and the wordmark on the left. 3. WizardConnect wired up on portal.html: - The 'Connect wallet' button now opens a real WC session via wizardconnect.js, shows the WIZ:// URI (copyable) and waits for the wallet to approve. - Successful connection builds a wallet-shaped wrapper with source: 'wc' and a WC session for signing; siriusProfile now carries the source so the nav dropdown can differentiate. - Record editor dispatches to setRecordsWithExternalWallet when source === 'wc' (bundle already ships the adapter), else stays on setRecordsWithBuiltInWallet. - TLD Register submit is gated off for WC users with a tooltip — no external-wallet variant of registerTld is exported yet, so TLD mint still needs a built-in wallet. - Sign-out disconnects the WC session before dropping the wallet. - toTokenAddress used to derive the tokenAddress for WC users so the 'Signed in' card shows both forms.
2026-09-07 01:35:35 +02:00
<p class="lede">All assets are MIT. Reuse them for third-party tools that integrate with Sirius.X
sirius.x: /brand/ kit — logo, mono, avatar, banner, favicon, palette brand/ ships every reusable mark plus a browseable kit page: * logo.svg — full colour wordmark (star + sirius.x, .x in acid green) * logo-mono.svg — currentColor version for print / one-colour merch * favicon.svg — 64×64 rounded square, scales cleanly to 16×16 * avatar.svg — 512×512 square, hard corners (platforms round-mask) * banner.svg — 1200×630 OG / Twitter Card canvas, crop-tolerant layout * index.html — brand-kit page: asset previews + download links, full colour palette with names/hex, typography sample, do/don't guidance, MIT-attribution notice. Nav: added 🎨 Brand link to every sirius.x page (landing, portal, docs, theseus). og:image on every page updated to point at /brand/banner.svg instead of the wordmark logo — social crawlers get a proper 1200×630 banner with title, tagline, and mark instead of a thin logo strip. Kept /assets/favicon.svg and /assets/logo.svg in place so existing external references (Nostr metadata, third-party embeds) don't break.
2026-08-31 05:44:25 +02:00
(wallets, indexers, explorers, blog posts about BCNR). Keep the star's proportions intact and
don't recolour the acid to a similar-but-different green — palette drift is what makes brands
look untrustworthy over time.</p>
<ul style="color:var(--mut);font-size:14px;padding-left:1.2rem">
feat(sirius-x): Sirius.X brand rebrand, banner star-divider, WC on portal Three things from one review pass: 1. Rebrand text 'sirius.x' -> 'Sirius.X' as the brand style across all sirius.x pages (titles, meta, nav wordmark, headings, prose, footer). Also flipped the pantheon headings to Title.X form: Silentmode.X, Sirius.X, Theseus.X, Hephaestus.X, Prometheus.X, Helios.X, Hermes.X. Domain literals, URLs, and code samples stay lowercase (sirius.x is the actual on-chain name; only prose changes). Logo/avatar SVG wordmarks and aria-labels updated to match. 2. Banner (brand/banner.svg) redesigned around a centered layout: 'Sirius.X' wordmark above, the star's horizontal arm extended edge-to-edge as a divider line, tagline lines below. Left tip at (0,315), right tip at (1200,315) so the arm crosses the full 1200px banner width; vertical body compact around center. Old layout had the star crammed into the right half and the wordmark on the left. 3. WizardConnect wired up on portal.html: - The 'Connect wallet' button now opens a real WC session via wizardconnect.js, shows the WIZ:// URI (copyable) and waits for the wallet to approve. - Successful connection builds a wallet-shaped wrapper with source: 'wc' and a WC session for signing; siriusProfile now carries the source so the nav dropdown can differentiate. - Record editor dispatches to setRecordsWithExternalWallet when source === 'wc' (bundle already ships the adapter), else stays on setRecordsWithBuiltInWallet. - TLD Register submit is gated off for WC users with a tooltip — no external-wallet variant of registerTld is exported yet, so TLD mint still needs a built-in wallet. - Sign-out disconnects the WC session before dropping the wallet. - toTokenAddress used to derive the tokenAddress for WC users so the 'Signed in' card shows both forms.
2026-09-07 01:35:35 +02:00
<li><b style="color:var(--ink)">Do</b> use the mark to indicate "supports Sirius.X" or "hosted on Sirius.X".</li>
sirius.x: /brand/ kit — logo, mono, avatar, banner, favicon, palette brand/ ships every reusable mark plus a browseable kit page: * logo.svg — full colour wordmark (star + sirius.x, .x in acid green) * logo-mono.svg — currentColor version for print / one-colour merch * favicon.svg — 64×64 rounded square, scales cleanly to 16×16 * avatar.svg — 512×512 square, hard corners (platforms round-mask) * banner.svg — 1200×630 OG / Twitter Card canvas, crop-tolerant layout * index.html — brand-kit page: asset previews + download links, full colour palette with names/hex, typography sample, do/don't guidance, MIT-attribution notice. Nav: added 🎨 Brand link to every sirius.x page (landing, portal, docs, theseus). og:image on every page updated to point at /brand/banner.svg instead of the wordmark logo — social crawlers get a proper 1200×630 banner with title, tagline, and mark instead of a thin logo strip. Kept /assets/favicon.svg and /assets/logo.svg in place so existing external references (Nostr metadata, third-party embeds) don't break.
2026-08-31 05:44:25 +02:00
<li><b style="color:var(--ink)">Do</b> shrink to the favicon at 16×16 — the SVG scales cleanly.</li>
<li><b style="color:var(--ink)">Don't</b> imply endorsement of a specific product without asking.</li>
<li><b style="color:var(--ink)">Don't</b> stretch, skew, or re-tint the star.</li>
</ul>
</section>
</div>
feat(sirius-x): footer everywhere, redesigned wallet button, dropdown auto-acts Three UX fixes: 1. Beautiful footer on every page. Extracted the 4-column landing footer into js/site-footer.js — reads the nav brand link to derive per-page base ('./' at root, '../' in subdirs) so links resolve from any depth without duplicating the HTML across 8 pages. Every page now ships an empty <footer id="site-footer"></footer> and includes the injector; inline footer + its CSS block removed from landing too so the source stays in one place. 2. Wallet button redesign. Pill now shows a state dot (dim when not signed in, green with subtle glow when signed in), a monospace short address label when signed in ('qra6rs…7yl2') OR 'Wallet' when not, a WC/seed badge on signed-in state, and a subtle caret. Full border and hover states, proper aria-expanded/aria-label wiring. Dropdown menu itself upgraded: grid layout per item (icon column + title + hint), heavier backdrop blur, larger min-width, clearer typography. 3. Dropdown options actually do something. Removed the redundant 'Open sign-in page →' item — the other three all land on portal too, so listing 'open the page' as a fourth option was noise. On portal arrival, the ?mode= handler now AUTO-TRIGGERS the primary action for each mode: new -> click Generate a phrase (12 words appear immediately) import -> focus the seed textarea (cursor ready to paste) wc -> click Connect wallet (WC session starts, URI shown) No extra clicks between dropdown choice and the flow it names. Cache-buster on the profile-menu.js include bumped to ?v=20260907wallet so cached copies pick up the new design; footer injector at ?v=20260907rel.
2026-09-07 22:00:21 +02:00
<footer id="site-footer"></footer>
sirius.x: /brand/ kit — logo, mono, avatar, banner, favicon, palette brand/ ships every reusable mark plus a browseable kit page: * logo.svg — full colour wordmark (star + sirius.x, .x in acid green) * logo-mono.svg — currentColor version for print / one-colour merch * favicon.svg — 64×64 rounded square, scales cleanly to 16×16 * avatar.svg — 512×512 square, hard corners (platforms round-mask) * banner.svg — 1200×630 OG / Twitter Card canvas, crop-tolerant layout * index.html — brand-kit page: asset previews + download links, full colour palette with names/hex, typography sample, do/don't guidance, MIT-attribution notice. Nav: added 🎨 Brand link to every sirius.x page (landing, portal, docs, theseus). og:image on every page updated to point at /brand/banner.svg instead of the wordmark logo — social crawlers get a proper 1200×630 banner with title, tagline, and mark instead of a thin logo strip. Kept /assets/favicon.svg and /assets/logo.svg in place so existing external references (Nostr metadata, third-party embeds) don't break.
2026-08-31 05:44:25 +02:00
feat(sirius-x): footer everywhere, redesigned wallet button, dropdown auto-acts Three UX fixes: 1. Beautiful footer on every page. Extracted the 4-column landing footer into js/site-footer.js — reads the nav brand link to derive per-page base ('./' at root, '../' in subdirs) so links resolve from any depth without duplicating the HTML across 8 pages. Every page now ships an empty <footer id="site-footer"></footer> and includes the injector; inline footer + its CSS block removed from landing too so the source stays in one place. 2. Wallet button redesign. Pill now shows a state dot (dim when not signed in, green with subtle glow when signed in), a monospace short address label when signed in ('qra6rs…7yl2') OR 'Wallet' when not, a WC/seed badge on signed-in state, and a subtle caret. Full border and hover states, proper aria-expanded/aria-label wiring. Dropdown menu itself upgraded: grid layout per item (icon column + title + hint), heavier backdrop blur, larger min-width, clearer typography. 3. Dropdown options actually do something. Removed the redundant 'Open sign-in page →' item — the other three all land on portal too, so listing 'open the page' as a fourth option was noise. On portal arrival, the ?mode= handler now AUTO-TRIGGERS the primary action for each mode: new -> click Generate a phrase (12 words appear immediately) import -> focus the seed textarea (cursor ready to paste) wc -> click Connect wallet (WC session starts, URI shown) No extra clicks between dropdown choice and the flow it names. Cache-buster on the profile-menu.js include bumped to ?v=20260907wallet so cached copies pick up the new design; footer injector at ?v=20260907rel.
2026-09-07 22:00:21 +02:00
<script defer src="../js/site-footer.js?v=20260907rel"></script>
feat(sirius-x): inline wallet dropdown — no navigation, no portal detour Wallet dropdown items (New / Import / WizardConnect) were navigating to portal.html?mode=X and asking the user to click again on arrival. That is 'the sign in landing page which is not functioning' from the user's perspective — a whole redirect for one form. Now every dropdown item opens the mint modal (register-flow.js) inline at the matching step, on whatever page the user is on: New -> stepCreate ('Create your wallet' — password + generate) Import -> stepImport ('Import a recovery phrase' — textarea) WizardConnect -> stepExternal ('Open your wallet' — QR/URI) register-flow.js grew a signInOnly mode: state.name is null, the step Back buttons close instead of going to a wallet-choice step there is no context for, and on wallet-loaded the flow writes siriusProfile and shows a 'Signed in' confirmation instead of Fund -> Confirm -> Mint. WC signInOnly keeps the session alive (state.session) so a later record edit can reuse it without a fresh QR handshake. profile-menu.js: menu items became <a data-action='new|import|wc'> and the click handler lazy-loads register-flow.js on demand — the docs/brand/theseus pages don't ship it in their initial payload, so their nav pill loads it the first time a wallet button is clicked and caches it for subsequent opens. Falls back to portal.html?mode=X if the module can't load. Cache-buster bumped so cached copies pick up the new behavior. Importmap for @bitauth/libauth added to docs/, brand/, theseus/ so the bundle's bare specifier resolves when register-flow.js is lazy-loaded from those pages. Verified end-to-end on the live docs page: all three dropdown items open the modal inline at the correct step, no console errors, no navigation.
2026-09-07 23:52:12 +02:00
<script defer src="../js/profile-menu.js?v=20260907inline"></script>
sirius.x: /brand/ kit — logo, mono, avatar, banner, favicon, palette brand/ ships every reusable mark plus a browseable kit page: * logo.svg — full colour wordmark (star + sirius.x, .x in acid green) * logo-mono.svg — currentColor version for print / one-colour merch * favicon.svg — 64×64 rounded square, scales cleanly to 16×16 * avatar.svg — 512×512 square, hard corners (platforms round-mask) * banner.svg — 1200×630 OG / Twitter Card canvas, crop-tolerant layout * index.html — brand-kit page: asset previews + download links, full colour palette with names/hex, typography sample, do/don't guidance, MIT-attribution notice. Nav: added 🎨 Brand link to every sirius.x page (landing, portal, docs, theseus). og:image on every page updated to point at /brand/banner.svg instead of the wordmark logo — social crawlers get a proper 1200×630 banner with title, tagline, and mark instead of a thin logo strip. Kept /assets/favicon.svg and /assets/logo.svg in place so existing external references (Nostr metadata, third-party embeds) don't break.
2026-08-31 05:44:25 +02:00
</body>
</html>
Reference in a new issue Copy permalink