# Bookmarks
{% from 'common/icons.html' import icn_bookmark %}
{% extends 'guides/_layout.html' %}
{% block guide_content %}
<section class="guide-section">
  <h2 id="bookmarks">Bookmarks</h2>
  <p>You can bookmark whole threads or individual posts to save them for later reading. Bookmarks are split into collections.</p>
  <p>Each post or thread you bookmark (collectively bookmarks) can only belong to one collection.</p>
  <p>Each bookmark can have a short memo that you can add to it, for example to help you remember why you saved it.</p>
</section>
<section class="guide-section">
  <h2 id="collections">Bookmark collections</h2>
  <p>Bookmarks are organized into collections. There is always at least one collection you have access to, called "Bookmarks" by default.</p>
  <p>You can add any number of collections by pressing the <button>Manage collections</button> button on the your bookmarks page.</p>
  <p>On the "Manage bookmark collections" page, you can add, delete, rename, and reorder your collections.</p>
  <p>To add a new collection, press the <button>Add new collection</button> button. A new item will be added.</p>
  <p>You can name any collection by using the input box.</p>
  <p>You can reorder collections by dragging and dropping it above or below others. The default collection is always at the top and can not be moved.</p>
  <p>You can delete a collection by pressing the <button class="critical">Delete</button> button on that collection. Deleting a collection will remove all bookmarks from it. If you delete a collection by accident, simply refresh the page. Your changes are not saved until you press the <button>Save</button> button.</p>
</section>
<section class="guide-section">
  <h2 id="bookmarking">Bookmarking posts and threads</h2>
  <ul>
    <li>To bookmark a thread, press the <button class="contain-svg inline icon">{{ icn_bookmark(20) }}Bookmark&hellip;</button> button at the top of the thread.</li>
    <li>To bookmark a post, press the <button class="contain-svg inline icon">{{ icn_bookmark(20) }}Bookmark&hellip;</button> button on that post.</li>
  </ul>
  <p>Both will bring up a popup with your bookmark collections. You can select the collection to save the bookmark into by pressing its name and add an optional memo. To save the bookmark, press the <button>Save</button> button. Each bookmark can only belong to one collection.</p>
  <p>If the post or thread is already bookmarked, the name of the collection will be highlighed and the box to its name will be filled. If you wish to remove the bookmark, press the name of the collection it's in and press the <button>Save</button> button.</p>
</section>
<section class="guide-section">
  <h2 id="browsing-bookmarks">Browsing and managing bookmarks</h2>
  <p>You can access your bookmarks by following the "Bookmarks" link in the top navigation bar.</p>
  <p>On the Bookmarks page, each collection will show up as a collapsible section. If a collection is empty, it will be collapsed.</p>
  <p>If a collection has any bookmarks, it will have two collapsibe sections nested inside it: one for threads and one for posts.</p>
  <p>Bookmarked threads are shown as a table with their title, the memo, and a <button class="contain-svg inline icon">{{ icn_bookmark(20) }}Manage&hellip;</button> button. Pressing this button will show the same popup, letting you move or remove the bookmark.</p>
  <p>Bookmarked posts are shown in the same way they're shown in a thread. The memo will be shown before the post's time stamp. To the right of the post is the same <button class="contain-svg inline icon">{{ icn_bookmark(20) }}Manage&hellip;</button> button.</p>
  <p>If you made changes to bookmarked threads or posts on this page, you will have to refresh to save those changes.</p>
</section>
{% endblock %}