User Interface: Difference between revisions
From Repertoire Builder
More actions
HollowLeaf (talk | contribs) Created page with "The '''Repertoire Builder''' interface is organized for speed and clarity. Use the top menus to navigate between major areas and actions; your workspace lives below in a clean, column-based layout. == File Menu == Quick access to the core areas of Chessboard Magic: <ul style="list-style:none; padding-left:1.5em; margin:0;"> <li style="text-indent:-1.1em; padding-left:1.1em;"> <span style="display:inline-block; width:0.9em; text-align:center; font-weight:bold;">+<..." |
HollowLeaf (talk | contribs) |
||
Line 36: | Line 36: | ||
</li> | </li> | ||
<li style="text-indent:-1.1em; padding-left:1.1em;"> | <li style="text-indent:-1.1em; padding-left:1.1em;"> | ||
<span style="display:inline-block; width:0.9em; text-align:center; font-weight:bold;"> | <span style="display:inline-block; width:0.9em; text-align:center; font-weight:bold;">◦</span> | ||
Language Selector — Choose your preferred application language (instant UI change). | Language Selector — Choose your preferred application language (instant UI change). | ||
</li> | </li> | ||
<li style="text-indent:-1.1em; padding-left:1.1em;"> | <li style="text-indent:-1.1em; padding-left:1.1em;"> | ||
<span style="display:inline-block; width:0.9em; text-align:center; font-weight:bold;"> | <span style="display:inline-block; width:0.9em; text-align:center; font-weight:bold;">◦</span> | ||
Theme Toggle — Switch between light and dark mode to match your environment. | Theme Toggle — Switch between light and dark mode to match your environment. | ||
</li> | </li> | ||
<li style="text-indent:-1.1em; padding-left:1.1em;"> | <li style="text-indent:-1.1em; padding-left:1.1em;"> | ||
<span style="display:inline-block; width:0.9em; text-align:center; font-weight:bold;"> | <span style="display:inline-block; width:0.9em; text-align:center; font-weight:bold;">◦</span> | ||
Start Tour — Launch a guided tour of the page you’re currently viewing. | Start Tour — Launch a guided tour of the page you’re currently viewing. | ||
</li> | </li> | ||
<li style="text-indent:-1.1em; padding-left:1.1em;"> | <li style="text-indent:-1.1em; padding-left:1.1em;"> | ||
<span style="display:inline-block; width:0.9em; text-align:center; font-weight:bold;"> | <span style="display:inline-block; width:0.9em; text-align:center; font-weight:bold;">◦</span> | ||
Help — Open this wiki for feature guides and FAQs. | Help — Open this wiki for feature guides and FAQs. | ||
</li> | </li> | ||
<li style="text-indent:-1.1em; padding-left:1.1em;"> | <li style="text-indent:-1.1em; padding-left:1.1em;"> | ||
<span style="display:inline-block; width:0.9em; text-align:center; font-weight:bold;"> | <span style="display:inline-block; width:0.9em; text-align:center; font-weight:bold;">◦</span> | ||
[[ | [[Profile / Preferences|My Profile]] — Manage account, preferences, layout, and upgrades. | ||
</li> | </li> | ||
<li style="text-indent:-1.1em; padding-left:1.1em;"> | <li style="text-indent:-1.1em; padding-left:1.1em;"> | ||
<span style="display:inline-block; width:0.9em; text-align:center; font-weight:bold;"> | <span style="display:inline-block; width:0.9em; text-align:center; font-weight:bold;">◦</span> | ||
Return Home — Go back to the main site: [https://chessboardmagic.com/ Chessboard Magic] | Return Home — Go back to the main site: [https://chessboardmagic.com/ Chessboard Magic] | ||
</li> | </li> |
Revision as of 00:27, 15 October 2025
The Repertoire Builder interface is organized for speed and clarity. Use the top menus to navigate between major areas and actions; your workspace lives below in a clean, column-based layout.
File Menu
Quick access to the core areas of Chessboard Magic:
- + Builder — Create and refine your repertoires with a live board, moves card, and analytics.
- + Trainer — Practice openings with focused trainers (positions, lines, spaced review, weaknesses).
- + Practice — Test your prep against engines, databases, and your own repertoire lines.
- + Library — Import and manage games, studies, and analyses with search and tagging.
- + Tools — Utilities for scouting, reference trees, imports, and deeper analytics.
Header (right) actions
Utilities and quick settings on the top-right of the header:
- + Discord — Join the community chat and updates: Discord Server
- ◦ Language Selector — Choose your preferred application language (instant UI change).
- ◦ Theme Toggle — Switch between light and dark mode to match your environment.
- ◦ Start Tour — Launch a guided tour of the page you’re currently viewing.
- ◦ Help — Open this wiki for feature guides and FAQs.
- ◦ My Profile — Manage account, preferences, layout, and upgrades.
- ◦ Return Home — Go back to the main site: Chessboard Magic
Workspace layout
The workspace adapts to the application you’re using, but it generally follows a clean three-column structure:
- ◦ Left: Chessboard (shared across apps).
- ◦ Middle: App-specific controls and content (e.g., Moves Card, item details, training controls, practice UI).
- ◦ Right: Analytics cards and supporting tools.
Note: Some pages also support a flexible, drag-and-drop layout that lets you rearrange and resize cards to suit your workflow.