- "content": "<h1 id=\"editor\">Editor</h1>\n\n<p>Upon launching Beaver Notes, you’ll be greeted by a welcome note, indicating you are in the editor. The editor includes:</p>\n\n<ul>\n <li><strong>Toolbar</strong>: Located at the top of the editor, it includes formatting options, blocks, and other tools.</li>\n <li>\n <p><strong>Navbar</strong>: Positioned on the left-hand side, it allows you to:</p>\n\n <ul>\n <li>Navigate to the home or archive sections.</li>\n <li>Open your last edited notes.</li>\n <li>Access settings.</li>\n <li>Switch between dark and light modes.</li>\n <li>\n <p>Perform manual synchronization.</p>\n\n <p><img src=\"/assets/img/docs/interface/editor.png\" alt=\"image\" /></p>\n </li>\n </ul>\n </li>\n</ul>\n\n<hr />\n\n<h1 id=\"home--archive\">Home & Archive</h1>\n\n<p>Both the <strong>Home</strong> and <strong>Archive</strong> sections share a similar structure, which includes:</p>\n\n<ul>\n <li><strong>Search Group</strong>:\n <ul>\n <li><strong>Search Bar</strong>: Use it to search note content, titles, or labels by typing <code class=\"language-plaintext highlighter-rouge\">#label</code>.</li>\n <li><strong>Label Picker</strong>: Filter notes by labels.</li>\n <li><strong>Order Picker</strong>: Choose the criteria for displaying notes (alphabetical, ascending, or descending order).\n<img src=\"/assets/img/docs/interface/Search.png\" alt=\"image\" /></li>\n </ul>\n </li>\n <li><strong>Bookmarked Section</strong>:\n <ul>\n <li>On the home screen, bookmarked notes are displayed in this section. Once a note is archived, the bookmark status becomes irrelevant.</li>\n </ul>\n </li>\n <li><strong>Cards</strong>:\n <ul>\n <li>Notes are displayed as cards showing the title, labels, and the first lines of content.</li>\n <li>When hovered over, the card reveals buttons for the following actions:\n <ul>\n <li>Archive/Unarchive</li>\n <li>Bookmark (only on the home screen)</li>\n <li>Lock</li>\n <li>Trash\n<img src=\"/assets/img/docs/interface/Cards.png\" alt=\"image\" /></li>\n </ul>\n </li>\n </ul>\n </li>\n</ul>\n\n<hr />\n\n<h1 id=\"settings\">Settings</h1>\n\n<p>The settings screen uses vertical tabs to navigate its sections. The available tabs are:</p>\n\n<ul>\n <li>General</li>\n <li>Appearance</li>\n <li>Shortcuts</li>\n <li>Privacy & Security</li>\n <li>About</li>\n</ul>\n\n<p>When a tab is selected, its corresponding page is displayed next to the vertical tabs.</p>\n\n<p><img src=\"/assets/img/docs/interface/Settings.png\" alt=\"image\" /></p>\n\n<hr />\n\n<h1 id=\"useful-shortcuts\">Useful Shortcuts</h1>\n\n<p>Below are some useful shortcuts under <strong>Settings > Shortcuts</strong> to help you navigate the interface:</p>\n\n<ul>\n <li><strong>Ctrl+N / Cmd+N</strong>: Create a new note.</li>\n <li><strong>Ctrl+F / Cmd+F</strong>: Find or replace text in the editor.</li>\n <li><strong>Ctrl+Shift+P / Cmd+Shift+P</strong>: Open the Command Prompt.</li>\n <li><strong>Ctrl+, / Cmd+,</strong>: Navigate to the settings.</li>\n <li><strong>Ctrl+Shift+W / Cmd+Shift+W</strong>: Open the currently edited note.</li>\n <li><strong>Ctrl+Shift+N / Cmd+Shift+N</strong>: Navigate to all notes.</li>\n <li><strong>Ctrl+Shift+A / Cmd+Shift+A</strong>: Navigate to archived notes.</li>\n <li><strong>Ctrl+Shift+L / Cmd+Shift+L</strong>: Toggle dark mode.</li>\n</ul>\n\n<hr />\n\n<h1 id=\"command-prompt\">Command Prompt</h1>\n\n<p>The <strong>Command Prompt</strong> is available on every page of the app and can be used to navigate and perform actions without lifting your hands from the keyboard. To open the Command Prompt, press <strong>Ctrl+Shift+P / Cmd+Shift+P</strong>.</p>\n\n<p>The prompt allows you to browse and open notes. By typing <code class=\"language-plaintext highlighter-rouge\">></code>, you can:</p>\n\n<ul>\n <li>Create a new note.</li>\n <li>Go to settings.</li>\n <li>Switch themes.</li>\n</ul>\n\n<p><img src=\"/assets/img/docs/interface/Prompt.png\" alt=\"image\" /></p>\n",
0 commit comments