2013-08-05 21:26:44 +04:00
|
|
|
<header>
|
2013-09-18 01:25:26 +04:00
|
|
|
<button class="button-back">Back</button>
|
2013-08-05 21:26:44 +04:00
|
|
|
<h2 class="title">Your Profile</h2>
|
|
|
|
<section class="page-actions">
|
|
|
|
<button class="button-save">Save</button>
|
|
|
|
</section>
|
|
|
|
</header>
|
2013-09-16 01:42:30 +04:00
|
|
|
|
2013-08-05 21:26:44 +04:00
|
|
|
<section class="content no-padding">
|
2013-09-16 01:42:30 +04:00
|
|
|
|
2013-08-05 21:26:44 +04:00
|
|
|
<header class="user-profile-header">
|
2013-09-18 18:54:52 +04:00
|
|
|
<img id="user-cover" class="cover-image" src="{{#if cover}}{{cover}}{{else}}/shared/img/user-cover.png{{/if}}" title="{{name}}'s Cover Image"/>
|
2013-09-16 01:42:30 +04:00
|
|
|
<button class="edit-cover-image js-modal-cover">Change Cover</button>
|
2013-08-05 21:26:44 +04:00
|
|
|
</header>
|
2013-09-16 01:42:30 +04:00
|
|
|
|
|
|
|
<form class="user-profile" novalidate="novalidate">
|
|
|
|
|
2013-08-05 21:26:44 +04:00
|
|
|
<fieldset class="user-details-top">
|
2013-09-16 01:42:30 +04:00
|
|
|
|
|
|
|
<figure class="user-image">
|
2013-09-17 14:03:55 +04:00
|
|
|
<a id="user-image" class="img" {{#if image}}style="background-image: url({{image}});"{{/if}} href="#"><span class="hidden">{{name}}'s Picture</span></a>
|
2013-10-01 19:05:12 +04:00
|
|
|
<button type="button" class="edit-user-image js-modal-image">Edit Picture</button>
|
2013-08-05 21:26:44 +04:00
|
|
|
</figure>
|
2013-09-16 01:42:30 +04:00
|
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="user-name" class="hidden">Full Name</label>
|
|
|
|
<input type="url" value="{{name}}" id="user-name" placeholder="Full Name" autocorrect="off" />
|
|
|
|
<p>Use your real name so people can recognise you</p>
|
|
|
|
</div>
|
|
|
|
|
2013-08-05 21:26:44 +04:00
|
|
|
</fieldset>
|
2013-09-16 01:42:30 +04:00
|
|
|
|
2013-08-05 21:26:44 +04:00
|
|
|
<fieldset class="user-details-bottom">
|
2013-09-16 01:42:30 +04:00
|
|
|
|
2013-08-05 21:26:44 +04:00
|
|
|
<div class="form-group">
|
2013-09-16 01:42:30 +04:00
|
|
|
<label for"user-email">Email</label>
|
|
|
|
<input type="email" value="{{email}}" id="user-email" placeholder="Email Address" autocapitalize="off" autocorrect="off" />
|
|
|
|
<p>Used for notifications</p>
|
2013-08-05 21:26:44 +04:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="form-group">
|
2013-09-16 01:42:30 +04:00
|
|
|
<label for="user-location">Location</label>
|
|
|
|
<input type="text" value="{{location}}" id="user-location" />
|
2013-08-05 21:26:44 +04:00
|
|
|
<p>Where in the world do you live?</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="form-group">
|
2013-09-16 01:42:30 +04:00
|
|
|
<label for="user-website">Website</label>
|
|
|
|
<input type="text" value="{{website}}" id="user-website" autocapitalize="off" autocorrect="off" />
|
|
|
|
<p>Have a website or blog other than this one? Link it!</p>
|
2013-08-05 21:26:44 +04:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="form-group bio-container">
|
2013-09-16 01:42:30 +04:00
|
|
|
<label for="user-bio">Bio</label>
|
2013-08-05 21:26:44 +04:00
|
|
|
<textarea id="user-bio">{{bio}}</textarea>
|
2013-09-16 01:42:30 +04:00
|
|
|
<p class="bio-desc">Write about you, in 200 characters or less.</p>
|
|
|
|
<span class="word-count">0</span>
|
2013-08-05 21:26:44 +04:00
|
|
|
</div>
|
|
|
|
|
2013-09-16 01:42:30 +04:00
|
|
|
<hr />
|
2013-08-05 21:26:44 +04:00
|
|
|
|
|
|
|
</fieldset>
|
|
|
|
|
2013-09-16 01:42:30 +04:00
|
|
|
<fieldset>
|
2013-08-05 21:26:44 +04:00
|
|
|
|
|
|
|
<div class="form-group">
|
2013-09-16 01:42:30 +04:00
|
|
|
<label for="user-password-old">Old Password</label>
|
|
|
|
<input type="password" id="user-password-old" />
|
2013-08-05 21:26:44 +04:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="form-group">
|
2013-09-16 01:42:30 +04:00
|
|
|
<label for="user-password-new">New Password</label>
|
|
|
|
<input type="password" id="user-password-new" />
|
2013-08-05 21:26:44 +04:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="form-group">
|
2013-09-16 01:42:30 +04:00
|
|
|
<label for="user-new-password-verification">Verify Password</label>
|
|
|
|
<input type="password" id="user-new-password-verification" />
|
2013-08-05 21:26:44 +04:00
|
|
|
</div>
|
2013-09-05 13:00:30 +04:00
|
|
|
<div class="form-group">
|
2013-10-01 19:05:12 +04:00
|
|
|
<button type="button" class="button-delete button-change-password">Change Password</button>
|
2013-09-05 13:00:30 +04:00
|
|
|
</div>
|
2013-08-05 21:26:44 +04:00
|
|
|
|
|
|
|
</fieldset>
|
|
|
|
|
|
|
|
</form>
|
2013-08-06 03:49:06 +04:00
|
|
|
</section>
|