Utilities go ghost (icon + text, borderless) so they recede; a divider - sets off Donate on a soft-accent wash — one low-key + sets off Support on a soft-accent wash — one low-key solicitation, no border. (Carbon: one high-emphasis action per region; utilities at low emphasis.)
@@ -1024,7 +1024,7 @@ >About - + diff --git a/docs/spec/01-application-shell.md b/docs/spec/01-application-shell.md index bad067f..c30f7a8 100644 --- a/docs/spec/01-application-shell.md +++ b/docs/spec/01-application-shell.md @@ -25,21 +25,21 @@ Behavior: A fixed header spans the top of the app. - **Left side**: the app icon, the app title ("Astrolabe"), and a version badge showing the current app version. -- **Right side**: a row of **icon-only** utility entry points (each with a tooltip and an accessible name), then — set off by a divider — the text-labelled Donate button and the theme toggle. Each opens a destination: +- **Right side**: a row of **icon-only** utility entry points (each with a tooltip and an accessible name), then — set off by a divider — the text-labelled Support button and the theme toggle. Each opens a destination: -| Entry point | Opens | -| ---------------- | --------------------------------------------------------------------------------------------------------------- | -| Datasets | The Datasets manager modal (see _Datasets_). | -| Import workspace | A file-picker dialog to choose a previously exported file; the chosen file is imported (see _Import & Export_). | -| Export workspace | Immediately produces a downloaded file containing all snippets and datasets (see _Import & Export_). | -| About | The About & Help modal (keyboard shortcuts, about, and privacy information); privacy lives inside. | -| Donate | The Donate modal. The one text-labelled, soft-accent button — the solicitation keeps its word. | +| Entry point | Opens | +| ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | +| Datasets | The Datasets manager modal (see _Datasets_). | +| Import workspace | A file-picker dialog to choose a previously exported file; the chosen file is imported (see _Import & Export_). | +| Export workspace | Immediately produces a downloaded file containing all snippets and datasets (see _Import & Export_). | +| About | The About & Help modal (keyboard shortcuts, about, and privacy information); privacy lives inside. | +| Support | The Support modal — two ways to give back: feedback to the author, or a donation to Ukraine's defense. The one text-labelled, soft-accent button. | Notes: - The utilities are icon-only so the header reads as quiet chrome (Carbon UI-shell header: global actions are a right-aligned icon row). The accessible names scope the workspace-level Import/Export ("Export workspace") apart from the preview pane's per-chart "Export" — the two were previously both labelled "Export" at once. - Import and Export act directly (file dialog / file download); they do not open in-app modals. -- The Datasets, About, and Donate entry points each open a modal (see _Modal System_). +- The Datasets, About, and Support entry points each open a modal (see _Modal System_). - **Settings are not a header entry point.** A design review (see _Settings_) distributed preferences to the panes they affect — the appearance theme is a header toggle, and the Editor / Performance / Formatting clusters open from a gear control in their own pane. There @@ -47,7 +47,7 @@ Notes: ## C. Modal System -The app shows at most one modal at a time. The modal set is: Datasets, About & Help, Donate, Chart Builder, Extract-to-Dataset, and Theme Builder. (Settings are deliberately _not_ a modal — they are distributed to per-pane controls; see _Settings_.) +The app shows at most one modal at a time. The modal set is: Datasets, About & Help, Support, Chart Builder, Extract-to-Dataset, and Theme Builder. (Settings are deliberately _not_ a modal — they are distributed to per-pane controls; see _Settings_.) - Opening any modal closes whichever modal was previously open; the two never overlap. - Every modal can be dismissed by: clicking its close button, pressing **Escape**, or clicking the backdrop outside the modal body. Exception: modals holding in-progress work (the Chart Builder and Theme Builder) ignore backdrop clicks; Escape and the close button still dismiss them. diff --git a/src/app/App.module.css b/src/app/App.module.css index ba26c0e..c645e7d 100644 --- a/src/app/App.module.css +++ b/src/app/App.module.css @@ -65,9 +65,9 @@ flex: 1; } -/* Vertical rule separating the utilities from Donate + the theme toggle. +/* Vertical rule separating the utilities from Support + the theme toggle. (The header buttons themselves are the shared Button primitive — ghost - utilities, soft-accent Donate; arch 09 §4.) */ + utilities, soft-accent Support; arch 09 §4.) */ /* TODO: --border-strong is the 3:1 component-boundary token (arch 09 §3.3), which makes this passive divider fairly dark; --border would be the semantic choice but is near-invisible on the --layer-01 header in light theme. A separator may want diff --git a/src/app/App.tsx b/src/app/App.tsx index 3fd3365..7ef4195 100644 --- a/src/app/App.tsx +++ b/src/app/App.tsx @@ -82,8 +82,9 @@ export function App() { actions are a right-aligned row of icon-only buttons). The utilities are IconButtons — tooltips carry the full action, accessible names scope it ("Export workspace" vs the preview pane's per-chart - "Export") — then a divider sets off Donate — the one solicitation, - given a soft-accent wash — and the theme toggle. */} + "Export") — then a divider sets off Support (feedback + the one + donation solicitation), given a soft-accent wash — and the theme + toggle. */}+ Found a bug or have an idea? Email{' '} + + {FEEDBACK_EMAIL} + + . +
+- Astrolabe is free and open-source, built in spare time — there's nothing to buy and no one - to pay. -
-- If it has saved you time and you'd like to give something back, please send it where it - matters far more than it would to me: Ukraine's defense against Russia's invasion. The Come - Back Alive foundation supports the people defending the country. + Astrolabe is free, built in spare time — there's nothing to buy and no one to pay.
- ++ The most useful thing you can send back is feedback — what's broken, what's missing, what + you'd want next. +
++ And if you'd like to give something beyond words, please send it where it matters far more + than it would to me: Ukraine's defense against Russia's invasion. The Come Back Alive + foundation supports the people defending the country. +
+ +