<divclass="text-small-extra text-muted mt-3">JPG, PNG, GIF files are supported. Max file size is {% if v and v.patron %}8{% else %}4{% endif %} MB.</div>
<divclass="text-small-extra text-muted mt-3">JPG, PNG, GIF files are supported. Max file size is {% if v and v.patron %}8{% else %}4{% endif %} MB.</div>
<spanclass="input-group-append"data-bs-toggle="tooltip"data-bs-placement="top"title="You have referred {{v.referral_count}} user{{'s' if v.referral_count != 1 else ''}} so far. {% if v.referral_count==0 %}¯\_(ツ)_/¯{% elif v.referral_count>10%}Wow!{% endif %}">
<divclass="text-small-extra text-muted mt-3">Share this link with a friend. {% if v.referral_count==0 %} When they sign up, you'll get the bronze recruitment badge. <ahref="/badges">Learn more.</a>{% elif v.referral_count<10%}Whenyourefer10friends,you'llreceivethesilverrecruitmentbadge.<ahref="/badges">Learn more.</a>{% elif v.referral_count<100%}Whenyourefer100friends,you'llreceivethegoldrecruitmentbadge.<ahref="/badges">Learn more</a>.{% endif %}</div>
</div>
</div>
</div>
{% if SITE_NAME == 'rDrama' %}
<h2class="h5"name="referral">Linked Accounts</h2>
<pclass="text-small text-muted">Manage your connections to other services.</p>
<divclass="text-small-extra text-muted mt-3">You can change the feed by replacing "hot" with whatever sorting you want and "all" with whatever time filter you want.</div>
</div>
</div>
</div>
<h2class="h5"id="bio"name="bio">Your Profile</h2>
<pclass="text-small text-muted">Edit how others see you on {{SITE_NAME}}.</p>
<divclass="settings-section rounded mb-0">
<divclass="body d-lg-flex border-bottom">
<labelclass="text-black w-lg-25">Username</label>
<divclass="w-lg-100">
<p>Your original username will always stay reserved for you: <code>{{v.original_username}}</code></p>
<inputautocomplete="off"type="text"name="song"class="form-control"value="{% if v.song %}https://youtu.be/{{v.song}}{% endif %}"placeholder='Enter a youtube video link here'>
<br><small>In some browsers, users have to click at least once anywhere in the profile page for the anthem to play.</small>
<inputmaxlength=100{%ifv.flairchanged%}disabled{%endif%}autocomplete="off"id="customtitlebody"type="text"name="title"class="form-control"placeholder='Enter a flair here'value="{% if v.flairchanged %}Your flair has been locked until {{ti}}{% elif v.customtitleplain %}{{v.customtitleplain}}{% endif %}">
<divclass="d-flex mt-2">
<aclass="format"role="button"><iclass="btn btn-secondary format d-inline-block m-0 fas fa-smile-beam"onclick="loadEmojis('customtitlebody')"aria-hidden="true"data-bs-toggle="modal"data-bs-target="#emojiModal"data-bs-toggle="tooltip"data-bs-placement="bottom"title="Add Emoji"></i></a>
<inputminlength=1maxlength=100autocomplete="off"id="checkmark_text"type="text"name="title"class="form-control"placeholder='Enter text here'value="{{v.verified}}">
<textareaautocomplete="off"id="bio-text"class="form-control rounded"aria-label="With textarea"placeholder="Tell the community a bit about yourself."rows="3"name="bio"form="profile-bio"maxlength="1500">{% if v.bio %}{{v.bio}}{% endif %}</textarea>
</div>
<divclass="d-flex">
<prestyle="padding-top:0.7rem"class="btn btn-secondary format d-inline-block m-0 fas fa-bold"aria-hidden="true"onclick="makeBold('bio-text')"data-bs-toggle="tooltip"data-bs-placement="bottom"title="Bold"></pre>
<prestyle="padding-top:0.7rem"class="btn btn-secondary format d-inline-block m-0 fas fa-italic"aria-hidden="true"onclick="makeItalics('bio-text')"data-bs-toggle="tooltip"data-bs-placement="bottom"title="Italicize"></pre>
<prestyle="padding-top:0.7rem"class="btn btn-secondary format d-inline-block m-0 fas fa-quote-right"aria-hidden="true"onclick="makeQuote('bio-text')"data-bs-toggle="tooltip"data-bs-placement="bottom"title="Quote"></pre>
<prestyle="padding-top:0.7rem;line-height:1"class="btn btn-secondary format d-inline-block m-0 font-weight-bolder text-uppercase"onclick="commentForm('bio-text');getGif()"aria-hidden="true"data-bs-toggle="modal"data-bs-target="#gifModal"data-bs-toggle="tooltip"data-bs-placement="bottom"title="Add GIF">GIF</pre>
<prestyle="padding-top:0.7rem"class="btn btn-secondary format d-inline-block m-0 fas fa-smile-beam"onclick="loadEmojis('bio-text')"aria-hidden="true"data-bs-toggle="modal"data-bs-target="#emojiModal"data-bs-toggle="tooltip"data-bs-placement="bottom"title="Add Emoji"></pre>
<labelclass="btn btn-secondary format d-inline-block m-0">
<textareaautocomplete="off"id="friends-text"class="form-control rounded"aria-label="With textarea"placeholder="Enter your friends on the site..."rows="3"name="friends"form="profile-friends"maxlength="1500">{% if v.friends %}{{v.friends}}{% endif %}</textarea>
<textareaautocomplete="off"id="enemies-text"class="form-control rounded"aria-label="With textarea"placeholder="Enter your enemies on the site..."rows="3"name="enemies"form="profile-enemies"maxlength="1500">{% if v.enemies %}{{v.enemies}}{% endif %}</textarea>
<textareaautocomplete="off"id="sig-text"class="form-control rounded"aria-label="With textarea"placeholder="Enter a signature..."rows="3"name="sig"form="profile-sig"maxlength="200">{% if v.sig %}{{v.sig}}{% endif %}</textarea>
</div>
<divclass="d-flex">
<prestyle="padding-top:0.7rem"class="btn btn-secondary format d-inline-block m-0 fas fa-bold"aria-hidden="true"onclick="makeBold('sig-text')"data-bs-toggle="tooltip"data-bs-placement="bottom"title="Bold"></pre>
<prestyle="padding-top:0.7rem"class="btn btn-secondary format d-inline-block m-0 fas fa-italic"aria-hidden="true"onclick="makeItalics('sig-text')"data-bs-toggle="tooltip"data-bs-placement="bottom"title="Italicize"></pre>
<prestyle="padding-top:0.7rem"class="btn btn-secondary format d-inline-block m-0 fas fa-quote-right"aria-hidden="true"onclick="makeQuote('sig-text')"data-bs-toggle="tooltip"data-bs-placement="bottom"title="Quote"></pre>
<prestyle="padding-top:0.7rem;line-height:1"class="btn btn-secondary format d-inline-block m-0 font-weight-bolder text-uppercase"onclick="commentForm('sig-text');getGif()"aria-hidden="true"data-bs-toggle="modal"data-bs-target="#gifModal"data-bs-toggle="tooltip"data-bs-placement="bottom"title="Add GIF">GIF</pre>
<prestyle="padding-top:0.7rem"class="btn btn-secondary format d-inline-block m-0 fas fa-smile-beam"onclick="loadEmojis('sig-text')"aria-hidden="true"data-bs-toggle="modal"data-bs-target="#emojiModal"data-bs-toggle="tooltip"data-bs-placement="bottom"title="Add Emoji"></pre>
<spanclass="text-small-extra text-muted">This will hide your post and comment history from others. We will also ask search engines to not index your profile page. (Your content will still be accessible via direct link.)</span>