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) |
||
(7 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
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. | 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:Layout.png|class=fullwidth|frameless|border|6000px]] | |||
== File Menu == | == File Menu == | ||
Line 6: | Line 8: | ||
<ul style="list-style:none; padding-left:1.5em; margin:0;"> | <ul style="list-style:none; padding-left:1.5em; margin:0;"> | ||
<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> | ||
[[Builder|Builder]] — Create and refine your repertoires with a live board, moves card, and analytics. | [[Builder Overview|Builder]] — Create and refine your repertoires with a live board, moves card, and analytics. | ||
</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> | ||
[[Trainer|Trainer]] — Practice openings with focused trainers (positions, lines, spaced review, weaknesses). | [[Trainer Overview|Trainer]] — Practice openings with focused trainers (positions, lines, spaced review, weaknesses). | ||
</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> | ||
[[Practice|Practice]] — Test your prep against engines, databases, and your own repertoire lines. | [[Practice Overview|Practice]] — Test your prep against engines, databases, and your own repertoire lines. | ||
</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> | ||
[[Library|Library]] — Import and manage games, studies, and analyses with search and tagging. | [[Library Overview|Library]] — Import and manage games, studies, and analyses with search and tagging. | ||
</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> | ||
[[Tools|Tools]] — Utilities for scouting, reference trees, imports, and deeper analytics. | [[Tools Overview|Tools]] — Utilities for scouting, reference trees, imports, and deeper analytics. | ||
</li> | </li> | ||
</ul> | </ul> | ||
Line 32: | Line 34: | ||
<ul style="list-style:none; padding-left:1.5em; margin:0;"> | <ul style="list-style:none; padding-left:1.5em; margin:0;"> | ||
<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> | ||
Discord — Join the community chat and updates: [https://discord.gg/3SN7evwaKX Discord Server] | Discord — Join the community chat and updates: [https://discord.gg/3SN7evwaKX Discord Server] | ||
</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> | ||
Line 80: | Line 82: | ||
</ul> | </ul> | ||
{{Notice|Note|Some pages also support a flexible, drag-and-drop [[Custom Layouts|layout]] that lets you rearrange and resize cards to suit your workflow.}} | |||
{{DocNav | |||
| prev = Key Concepts | |||
| prev_label = Key Concepts | |||
| next = Getting Started | |||
| next_label = Getting Started | |||
}} |
Latest revision as of 09:44, 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.
Prev: Key Concepts
Next: Getting Started