user-settings.html
HTML document, ASCII text
1{% extends "default.html" %} 2{% block title %} 3user settings 4{% endblock %} 5{% block breadcrumbs %} 6<li><a href="/settings">Settings</a></li> 7{% endblock %} 8{% block content %} 9<x-frame style="--width: 768px;"> 10<h1>User settings</h1> 11<article class="card"> 12<section class="card-main"> 13<h2>Basic information</h2> 14<p>Usermame: {{ user.username }}</p> 15<p>Email address: {{ user.email }}</p> 16<x-buttonbox> 17<a class="button" href="password">Change password</a> 18<a class="button" href="email">Change email</a> 19</x-buttonbox> 20</section> 21</article> 22<article class="card"> 23<section class="card-main"> 24<form method="post"> 25<h2>Profile</h2> 26<x-vbox> 27<x-vbox class="nopad"> 28<label for="displayname">Friendly name</label> 29<input id="displayname" name="displayname" value="{% if user.displayName %}{{ user.displayName }}{% endif %}" placeholder="{{ user.username }}"> 30</x-vbox> 31<x-vbox class="nopad"> 32<label for="url">Link to your website</label> 33<input id="url" name="url" value="{% if user.URL %}{{ user.URL }}{% endif %}" type="url"> 34</x-vbox> 35<x-vbox class="nopad"> 36<x-hbox style="width: 100%; align-items: space-between;"> 37<x-vbox style="flex-grow: 1;" class="nopad"> 38<label for="company">Company or school</label> 39<input id="company" name="companyurl" value="{% if user.company %}{{ user.company }}{% endif %}"> 40</x-vbox> 41<x-vbox style="flex-grow: 1;" class="nopad"> 42<label for="companyurl">Link to the company's website</label> 43<input id="companyurl" name="companyurl" value="{% if user.companyURL %}{{ user.companyURL }}{% endif %}" type="url"> 44</x-vbox> 45</x-hbox> 46</x-vbox> 47<x-vbox class="nopad"> 48<label><input name="showmail" value="{% if user.showMail %}{{ user.showMail }}{% endif %}" type="checkbox">Show email on my profile</label> 49</x-vbox> 50<x-vbox class="nopad"> 51<label for="bio">Bio</label> 52<textarea id="bio" rows="4">{% if user.bio %}{{ user.bio }}{% endif %}</textarea> 53</x-vbox> 54<button type="submit">Update profile</button> 55</x-vbox> 56</form> 57</section> 58</article> 59</x-frame> 60{% endblock %}