nonshy/website
nonshy/website
1
0
Fork 0
Code Issues 20 Pull Requests 1 Packages Projects Releases Wiki Activity

Style update for certification checklist

Browse Source
This commit is contained in:
Noah Petherbridge 2024-03-28 23:18:23 -07:00
parent 4f3f6de158
commit d4e3aa755b
2 changed files with 66 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
web/templates/account/dashboard.html
View File

@ -34,33 +34,45 @@
<ul class="menu-list block"> <ul class="menu-list block">
<li> <li>
<a href="/photo/upload?intent=profile_pic"> <a href="/photo/upload?intent=profile_pic">
{{if .CurrentUser.ProfilePhoto.ID}} <div class="columns is-mobile is-gapless">
<span class="icon"><i class="fa fa-circle-check has-text-success"></i></span> <div class="column is-narrow mr-2">
{{else}} {{if .CurrentUser.ProfilePhoto.ID}}
<span class="icon"><i class="fa fa-circle has-text-danger"></i></span> <span class="icon"><i class="fa fa-circle-check has-text-success"></i></span>
{{end}} {{else}}
<span> <span class="icon"><i class="fa fa-circle-xmark has-text-danger"></i></span>
Add a Profile Picture {{end}}
{{if not .CurrentUser.ProfilePhoto.ID}} </div>
<span class="icon"><i class="fa fa-external-link"></i></span> <div class="column">
{{end}} Upload a Profile Picture to your account that shows your face
</span>
<p class="help">
Click here to upload a new profile picture
<i class="fa fa-external-link ml-1"></i>
</p>
</div>
</div>
</a> </a>
</li> </li>
<li> <li>
<a href="/photo/certification"> <a href="/photo/certification">
{{if .CurrentUser.Certified}} <div class="columns is-mobile is-gapless">
<span class="icon"><i class="fa fa-circle-check has-text-success"></i></span> <div class="column is-narrow mr-2">
{{else}} {{if .CurrentUser.Certified}}
<span class="icon"><i class="fa fa-circle has-text-danger"></i></span> <span class="icon"><i class="fa fa-circle-check has-text-success"></i></span>
{{end}} {{else}}
<span> <span class="icon"><i class="fa fa-circle-xmark has-text-danger"></i></span>
Get certified by uploading a verification selfie {{end}}
{{if not .CurrentUser.Certified}} </div>
<span class="icon"><i class="fa fa-external-link"></i></span> <div class="column">
{{end}} Get certified by uploading a verification selfie
</span>
<p class="help">
Click here to go to the Certification Photo upload page
<i class="fa fa-external-link ml-1"></i>
</p>
</div>
</div>
</a> </a>
</li> </li>
</ul> </ul>

56
web/templates/errors/certification_required.html
View File

@ -29,37 +29,45 @@
<ul class="menu-list block"> <ul class="menu-list block">
<li> <li>
<a href="/photo/upload?intent=profile_pic"> <a href="/photo/upload?intent=profile_pic">
{{if .CurrentUser.ProfilePhoto.ID}} <div class="columns is-mobile is-gapless">
<span class="icon"><i class="fa fa-circle-check has-text-success"></i></span> <div class="column is-narrow mr-2">
{{else}} {{if .CurrentUser.ProfilePhoto.ID}}
<span class="icon"><i class="fa fa-circle-xmark has-text-danger"></i></span> <span class="icon"><i class="fa fa-circle-check has-text-success"></i></span>
{{end}} {{else}}
<span> <span class="icon"><i class="fa fa-circle-xmark has-text-danger"></i></span>
Upload a Profile Picture to your account that shows your face {{end}}
</div>
<div class="column">
Upload a Profile Picture to your account that shows your face
<p class="help ml-5 pl-2"> <p class="help">
Click here to upload a new profile picture Click here to upload a new profile picture
<i class="fa fa-external-link ml-1"></i> <i class="fa fa-external-link ml-1"></i>
</p> </p>
</span> </div>
</div>
</a> </a>
</li> </li>
<li> <li>
<a href="/photo/certification"> <a href="/photo/certification">
{{if .CurrentUser.Certified}} <div class="columns is-mobile is-gapless">
<span class="icon"><i class="fa fa-circle-check has-text-success"></i></span> <div class="column is-narrow mr-2">
{{else}} {{if .CurrentUser.Certified}}
<span class="icon"><i class="fa fa-circle-xmark has-text-danger"></i></span> <span class="icon"><i class="fa fa-circle-check has-text-success"></i></span>
{{end}} {{else}}
<span> <span class="icon"><i class="fa fa-circle-xmark has-text-danger"></i></span>
Get certified by uploading a verification selfie {{end}}
</div>
<div class="column">
Get certified by uploading a verification selfie
<p class="help ml-5 pl-2"> <p class="help">
Click here to go to the Certification Photo upload page Click here to go to the Certification Photo upload page
<i class="fa fa-external-link ml-1"></i> <i class="fa fa-external-link ml-1"></i>
</p> </p>
</span> </div>
</div>
</a> </a>
</li> </li>
</ul> </ul>