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="company" 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="showmail" {% if user.showMail %}checked{% endif %} type="checkbox">Show email on my profile</label> 49</x-vbox> 50<x-vbox class="nopad"> 51<label for="location">Location</label> 52<input id="location" name="location" value="{% if user.location %}{{ user.location }}{% endif %}" type="text"> 53</x-vbox> 54<x-vbox class="nopad"> 55<label for="bio">Bio</label> 56<textarea id="bio" name="bio" rows="4">{% if user.bio %}{{ user.bio }}{% endif %}</textarea> 57</x-vbox> 58<button type="submit">Update profile</button> 59</x-vbox> 60</form> 61</section> 62</article> 63</x-frame> 64{% endblock %}