From 78ab79e7527bdab08c59e5ee8ee5dd701c0856e0 Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Sun, 2 Aug 2026 19:39:00 -0700 Subject: Punk default avatars, header profile button, owner channel creation MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Everyone gets a face: profiles without a picture fall back to a coinos punk, picked deterministically by the pubkey's last byte — the same 64 webps and formula the coinos app uses (initials show through if the image can't load). Your own avatar moves from the chat home to the app header next to the wallet selector, opening your editable profile from anywhere. Community owners can add channels from the room's + panel: one owner-signed ChannelMetadata edition (CORD-03), and every member's channel switcher grows when the fold lands. Co-Authored-By: Claude Fable 5 Claude-Session: https://claude.ai/code/session_01Wvj4aoeMZwA7VUGdJP9Swi --- src/style.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'src/style.css') diff --git a/src/style.css b/src/style.css index e5cc666..2323635 100644 --- a/src/style.css +++ b/src/style.css @@ -391,3 +391,7 @@ hr.divider { margin: 16px 0; } .profile-avatar { width: 64px; height: 64px; font-size: 18px; } .zap-chip { display: inline-flex; gap: 5px; align-items: center; cursor: pointer; background: var(--surface2); border: 1px solid var(--line); border-radius: 999px; padding: 1px 8px 1px 2px; } .chat-avatar.mini { width: 18px; height: 18px; font-size: 8px; flex-shrink: 0; } +.chat-avatar.fallback { position: relative; overflow: hidden; } +.chat-avatar.fallback .punk { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } +.header-avatar { padding: 0; border: none; background: none; cursor: pointer; display: flex; } +.chat-avatar.header-ava { width: 30px; height: 30px; font-size: 11px; } -- cgit v1.2.3