diff options
author | r <r@freesoftwareextremist.com> | 2023-12-28 13:27:30 +0000 |
---|---|---|
committer | r <r@freesoftwareextremist.com> | 2023-12-28 13:27:30 +0000 |
commit | 1d61f1aa27376e778b7a517fdd5739a8c1976d2e (patch) | |
tree | b4dba8253afbb159a3782d900ad8d43bd6148b24 /templates/profile.tmpl | |
parent | f4881e72675e87a9eae716436c3ac18a788d596d (diff) | |
download | bloat-1d61f1aa27376e778b7a517fdd5739a8c1976d2e.tar.gz bloat-1d61f1aa27376e778b7a517fdd5739a8c1976d2e.zip |
Update the default theme
This uses better color contrast and component spacing to improve
legibility. The updated HTML also has better compatibility with browsers
with limited/no CSS support.
Diffstat (limited to 'templates/profile.tmpl')
-rw-r--r-- | templates/profile.tmpl | 38 |
1 files changed, 22 insertions, 16 deletions
diff --git a/templates/profile.tmpl b/templates/profile.tmpl index 4bf1937..0b2573c 100644 --- a/templates/profile.tmpl +++ b/templates/profile.tmpl @@ -1,55 +1,61 @@ {{with .Data}} {{template "header.tmpl" (WithContext .CommonData $.Ctx)}} -<div class="page-title"> Edit Profile </div> +<h1>Edit Profile</h1> -<form class="profile-form" action="/profile" method="POST" enctype="multipart/form-data"> +<form action="/profile" method="POST" enctype="multipart/form-data"> <input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}"> <input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}"> - <div class="profile-form-field"> + <div class="form-field"> <div class="block-label"> <label for="avatar">Avatar</label> - <input class="btn-link" type="submit" formaction="/profile/delavatar" formmethod="POST" value="delete"> </div> - <div> - <a href="{{.User.Avatar}}" target="_blank"> + <div class="profile-img-container"> + <a class="img-link" href="{{.User.Avatar}}" target="_blank"> <img class="profile-avatar" src="{{.User.Avatar}}" alt="profile-avatar" height="96"> </a> </div> <div><input id="avatar" name="avatar" type="file"></div> </div> - <div class="profile-form-field"> + <br class="hidden"> + <div class="form-field"> <div class="block-label"> <label for="banner">Banner</label> - <input class="btn-link" type="submit" formaction="/profile/delbanner" formmethod="POST" value="delete"> </div> - <div> - <a href="{{.User.Header}}" target="_blank"> + <div class="profile-img-container"> + <a class="img-link" href="{{.User.Header}}" target="_blank"> <img class="profile-banner" src="{{.User.Header}}" alt="profile-banner" height="120"> </a> </div> <input id="banner" name="banner" type="file"> </div> - <div class="profile-form-field"> + <br class="hidden"> + <div class="form-field"> <div class="block-label"><label for="name">Name</label></div> - <div><input id="name" name="name" type="text" value="{{.User.DisplayName}}"></div> + <div><input id="name" name="name" type="text" class="input-w" value="{{.User.DisplayName}}"></div> </div> - <div class="profile-form-field"> + <br class="hidden"> + <div class="form-field"> <div class="block-label"><label for="bio">Bio</label></div> <textarea id="bio" name="bio" cols="80" rows="8">{{.User.Source.Note}}</textarea> </div> - <div class="profile-form-field"> + <br class="hidden"> + <div class="form-field"> <div class="block-label"><label>Metadata</label></div> {{range $i, $f := .User.Source.Fields}} - <div class="profile-field"> - <input id="field-name-{{$i}}" name="field-name-{{$i}}" type="text" value="{{$f.Name}}" placeholder="name"> - <input id="field-value-{{$i}}" name="field-value-{{$i}}" type="text" value="{{$f.Value}}" placeholder="value"> + <div class="form-field"> + <input id="field-name-{{$i}}" name="field-name-{{$i}}" type="text" class="input-w" value="{{$f.Name}}" placeholder="name"> + <input id="field-value-{{$i}}" name="field-value-{{$i}}" type="text" class="input-w" value="{{$f.Value}}" placeholder="value"> </div> {{end}} </div> - <div class="profile-form-field"> + <br class="hidden"> + <div class="form-field"> <input id="locked" name="locked" type="checkbox" value="true" {{if .User.Locked}}checked{{end}}> <label for="locked">Require manual approval of follow requests</label> </div> + <br class="hidden"> <button type="submit"> Save </button> <button type="reset"> Reset </button> </form> |