# User settings
{% extends 'guides/_layout.html' %}
{% block guide_content %}
<section class="guide-section">
  <h2 id="settings">Settings</h2>
  <p>You can access your settings by following the "Settings" link in the top navigation bar or from the <button>Settings</button> button in your profile.</p>
  <p>The settings page lets you set your avatar, change your personalization options, and change your password.</p>
</section>
<section class="guide-section">
  <h2 id="avatar">Avatar</h2>
  <p>When you upload an avatar, keep in mind that it will be cropped to a square and resized to fit 256 by 256 pixels. It's best to upload an image that is already square. Avatars must be no more than 1 MB in size. You can also clear your avatar, resetting it to the default one.</p>
  <p>To change your avatar, first press the <button>Browse&hellip;</button> button and select a file from your device, then press the <button>Save avatar</button> button to upload it.</p>
</section>
<section class="guide-section">
  <h2 id="personalization">Personalization</h2>
  <p>The personalization section of the settings lets you change the following settings:</p>
  <ul>
    <li>Theme
    <ul>
      <li>Set the appearance of the forum. This feature is still in beta and themes may change unexpectedly.</li>
    </ul>
    </li>
    <li>Thread sorting
      <ul>
        <li>Set the sorting of threads when viewing a single topic. "Latest activity" will put threads which had a response more recently closer to the top. "Thread creation date" will put threads which were created more recently closer to the top.</li>
      </ul>
    </li>
    <li>Display name
      <ul>
        <li>If set, your display name will show up instead of your username in most places. In a post's usercard, the display name will show up above your username/mention. In posts that have mentioned you, your display name will be shown instead of your @username.</li>
        <li>Display names have fewer restrictions than usernames, and most characters are allowed.</li>
        <li>If you do not wish to use a display name, you can leave the field blank.</li>
      </ul>
    </li>
    <li>Status
      <ul>
        <li>If set, your status will show up below your @mention in a post's usercard. 100 characters limit, no <a href="{{ url_for("guides.guide_page", category='user-guides', slug='babycode') }}">Babycodes.</a></li>
      </ul>
    </li>
    <li>Subscribe by default
      <ul>
        <li>If checked, you will automatically add the thread to your subscriptions when replying to it. You can override this setting by checking or unchecking "Subscribe to thread" before posting your reply in the reply box.</li>
      </ul>
    </li>
    <li>Signature
      <ul>
        <li>If set, this signature will appear under all of your posts. <a href="{{ url_for("guides.guide_page", category='user-guides', slug='babycode') }}">Babycode</a> is allowed (except @mentions).</li>
      </ul>
    </li>
  </ul>
</section>
<section class="guide-section">
  <h2 id="password">Changing your password</h2>
  <p>You can change your password by typing your desired new password in the "New password" field and again in the "Confirm new password" field, then pressing the <button class="warn">Change password</button> button. The passwords in the two fields must match.</p>
</section>
<section class="guide-section">
  <h2 id="badges">Badges</h2>
  <p>Badges, also known as buttons, are 88x31 images that you can use to add more flair to your profile or link to other websites.</p>
  <p>Badges you set will be shown on the usercard in threads and on your profile page. You can have up to 10 badges.</p>
  <p>To add a badge, press the "Add badge" button. A badge editor will be added. A badge consists of three parts:</p>
  <ol>
    <li>Image
      <ul>
        <li>{{ config.SITE_NAME }} provides a selection of default badges that you can use. You may select one by using the dropdown, under the "Default" category.</li>
        <li>Alternatively, you may upload your own image. To do so, select the "Upload&hellip;" option in the dropdown, under the "Your uploads" category. A <button>Browse&hellip;</button> button will appear, letting you select a file. The image must be exactly 88x31 pixels and may not be over 500KB in size.<br>
        Custom badge images that you have uploaded before can be reused and will appear under "Your uploads". If a badge image you've uploaded before is not used by any of your badges, it will be deleted and you will have to upload it again if you wish to reuse it.<br>
        Other users can not use images you've uploaded as part of their badges unless they download it manually.</li>
      </ul>
    </li>
    <li>Label
      <ul>
        <li>The label will be shown when the badge is hovered over. It will also be the badge image's alt text.</li>
      </ul>
    </li>
    <li>Link
      <ul>
        <li>Optionally, you may turn the badge into a clickable button by providing a link. The link will open in a new tab when pressed, and will use <code class="inline-code">rel="me"</code> so you can use your profile as verification on platforms like Mastodon.</li>
      </ul>
    </li>
  </ol>
  <p>If a badge is not valid, its editor and any invalid fields will have a dashed border.</p>
  <p>You can delete a badge by pressing the <button class="critical">X</button> button. Your changes are not saved until you press the <button>Save badges</button> button.</p>
</section>
<section class="guide-section">
  <h2 id="deleting">Deleting your account</h2>
  <p>If you no longer wish to participate in {{ config.SITE_NAME }}, you may delete your account. To do so, press the <button class="critical">Delete account</button> button in your settings, which will take you to a confirmation page.</p>
  <p>Deleting your account is an irreversible action. Once you delete your account, <strong>you will not be able to log back in to it.</strong></p>
  <p>Deleting your account <strong>does not delete your threads and posts.</strong> They will be kept intact to preserve history. They will be altered to show up as if a system user authored them.</p>
  <p>If you want your posts and threads to be deleted as well, you may either delete them yourself or <a href="{{url_for("guides.contact")}}" target="_blank">contact the administrators</a> for help.</p>
  <p>If you're sure you want to delete your account, you will need to type your password on the confirmation page before pressing the <button class="critical">Delete account</button> button.</p>
</section>
{% endblock %}