Repository navigation
dcore-citizen: tabbed citizen page, fruitful-time headline, cleaner layout - #7
Merged
Merged
Conversation
- "Within reach" is now "Progress report" - "Thread by thread" is now "Thread by thread analysis" - the two distraction donuts also show at the top, under the summary Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013zQeu24qpPqXMrXcoR38Ur
…teps The time split lines are dropped, since the donuts under the summary show them. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013zQeu24qpPqXMrXcoR38Ur
The highlighted line moves from the summary into the progress report, in place of the caption. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013zQeu24qpPqXMrXcoR38Ur
…izes - the summary's text style no longer leaks into the donut legends, so they match the ones lower down - one font size for every donut's centre number - the minute-by-minute strip also shows under the summary donuts Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013zQeu24qpPqXMrXcoR38Ur
"50% … was wasted" becomes "Only 46% … moved the debate forward", in green; the donut centre and side menu follow. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013zQeu24qpPqXMrXcoR38Ur
Adds a one-line definition under it; the donut centre and side menu follow. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013zQeu24qpPqXMrXcoR38Ur
The donuts live under the summary now; the who-did-what lists no longer sit behind a toggle. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013zQeu24qpPqXMrXcoR38Ur
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013zQeu24qpPqXMrXcoR38Ur
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013zQeu24qpPqXMrXcoR38Ur
A sticky tab bar (Outcomes, Threads, Distractions, Accountability) shows one section at a time; the side menu on wide screens switches the same way. The summary, the ask-next-time questions and the transcript stay as they are. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013zQeu24qpPqXMrXcoR38Ur
The tab bar moves above the summary, so the summary is one of the sections it switches between. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013zQeu24qpPqXMrXcoR38Ur
The section titles (and their ink bars) go, since the tab names say the same; the selected tab grows and scrolls fully into view on narrow screens. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013zQeu24qpPqXMrXcoR38Ur
… distractions - the 'On this page' side menu goes; the tabs do its job - thread bars are thicker, with a key: the time span and what each colour means - the biggest-loss insight opens the distractions tab - tabs no longer change size when chosen; all are a touch larger, the chosen one bold and underlined Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013zQeu24qpPqXMrXcoR38Ur
- remove the eyebrow line - more padding and line height in outcome, thread and voice rows - an open row's title sticks under the tabs while its detail scrolls - each voice's detail is capped in height and scrolls inside - rows are plain <details> sharing a name per list (one open at a time); the custom animation, auto-close and scroll-holding code is gone Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013zQeu24qpPqXMrXcoR38Ur
…en title - the light/dark button sits beside the title instead of on its own line - an open outcome row shows its title larger - thread bars are thinner and faded - more space in the distractions intro Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013zQeu24qpPqXMrXcoR38Ur
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013zQeu24qpPqXMrXcoR38Ur
- one spacing rhythm across sections, summary, the missed-steps line and the outcome callout - smaller missed-steps line; more room around 'what failing to reach them leads to' - 'How to read this report' sits in the header on phones - 'What to ask' and the transcript sit together under one rule, with taller tap targets - small labels and timestamps up to about 12px Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013zQeu24qpPqXMrXcoR38Ur
smarchone
changed the title
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013zQeu24qpPqXMrXcoR38Ur
…cross Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013zQeu24qpPqXMrXcoR38Ur
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013zQeu24qpPqXMrXcoR38Ur
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.
Requested by sai · project thread
Changes to the compact citizen page (
template-compact.html), from sai's review of the India–US deal report.template.html(full page) is unchanged.Layout
progress_caption.Reading comfort
<details>sharing anameper list (one open at a time); the custom animation / auto-close / scroll-holding code is removed.schema.mdnotes thateyebrowandprogress_captionare used by the full page only.Preview with the India–US data: https://claude.ai/artifact/59WSATCpNoGxnabs7mr9uK
🤖 Generated with Claude Code
https://claude.ai/code/session_013zQeu24qpPqXMrXcoR38Ur