Some CSS updates

This commit is contained in:
Noah Petherbridge 2024-05-27 13:07:15 -07:00
parent 5db1c03fd9
commit 2ac34eea79

View File

@ -31,51 +31,53 @@
certified as being a real person. certified as being a real person.
</p> </p>
<ul class="menu-list block"> <aside class="menu">
<li> <ul class="menu-list">
<a href="/photo/upload?intent=profile_pic"> <li>
<div class="columns is-mobile is-gapless"> <a href="/photo/upload?intent=profile_pic">
<div class="column is-narrow mr-2"> <div class="columns is-mobile is-gapless">
{{if .CurrentUser.ProfilePhoto.ID}} <div class="column is-narrow mr-2">
<span class="icon"><i class="fa fa-circle-check has-text-success"></i></span> {{if .CurrentUser.ProfilePhoto.ID}}
{{else}} <span class="icon"><i class="fa fa-circle-check has-text-success"></i></span>
<span class="icon"><i class="fa fa-circle-xmark has-text-danger"></i></span> {{else}}
{{end}} <span class="icon"><i class="fa fa-circle-xmark has-text-danger"></i></span>
</div> {{end}}
<div class="column"> </div>
Upload a Profile Picture to your account that shows your face <div class="column">
Upload a Profile Picture to your account that shows your face
<p class="help"> <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>
</div>
</div> </div>
</div> </a>
</a> </li>
</li>
<li> <li>
<a href="/photo/certification"> <a href="/photo/certification">
<div class="columns is-mobile is-gapless"> <div class="columns is-mobile is-gapless">
<div class="column is-narrow mr-2"> <div class="column is-narrow mr-2">
{{if .CurrentUser.Certified}} {{if .CurrentUser.Certified}}
<span class="icon"><i class="fa fa-circle-check has-text-success"></i></span> <span class="icon"><i class="fa fa-circle-check has-text-success"></i></span>
{{else}} {{else}}
<span class="icon"><i class="fa fa-circle-xmark has-text-danger"></i></span> <span class="icon"><i class="fa fa-circle-xmark has-text-danger"></i></span>
{{end}} {{end}}
</div> </div>
<div class="column"> <div class="column">
Get certified by uploading a verification selfie Get certified by uploading a verification selfie
<p class="help"> <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>
</div>
</div> </div>
</div> </a>
</a> </li>
</li> </ul>
</ul> </aside>
</div> </div>
</div> </div>
{{end}} {{end}}
@ -108,39 +110,41 @@
remedy this, please see the following steps: remedy this, please see the following steps:
</p> </p>
<ul class="menu-list block"> <aside class="menu">
<li> <ul class="menu-list">
<a href="/settings"> <li>
{{if eq .CurrentUser.Visibility "public"}} <a href="/settings">
<span class="icon"><i class="fa fa-circle-check has-text-success"></i></span> {{if eq .CurrentUser.Visibility "public"}}
{{else}} <span class="icon"><i class="fa fa-circle-check has-text-success"></i></span>
<span class="icon"><i class="fa fa-circle has-text-danger"></i></span> {{else}}
{{end}} <span class="icon"><i class="fa fa-circle-xmark has-text-danger"></i></span>
<span>
Have your profile visibility set to <strong>Public</strong>.
{{if not (eq .CurrentUser.Visibility "public")}}
<span class="icon"><i class="fa fa-external-link"></i></span>
{{end}} {{end}}
</span> <span>
</a> Have your profile visibility set to <strong>Public</strong>.
</li> {{if not (eq .CurrentUser.Visibility "public")}}
<span class="icon"><i class="fa fa-external-link"></i></span>
{{end}}
</span>
</a>
</li>
<li> <li>
<a href="/u/{{.CurrentUser.Username}}/photos"> <a href="/u/{{.CurrentUser.Username}}/photos">
{{if .HasPublicPhoto}} {{if .HasPublicPhoto}}
<span class="icon"><i class="fa fa-circle-check has-text-success"></i></span> <span class="icon"><i class="fa fa-circle-check has-text-success"></i></span>
{{else}} {{else}}
<span class="icon"><i class="fa fa-circle has-text-danger"></i></span> <span class="icon"><i class="fa fa-circle-xmark has-text-danger"></i></span>
{{end}}
<span>
Have at least one <strong>Public</strong> photo on your profile.
{{if not .HasPublicPhoto}}
<span class="icon"><i class="fa fa-external-link"></i></span>
{{end}} {{end}}
</span> <span>
</a> Have at least one <strong>Public</strong> photo on your profile.
</li> {{if not .HasPublicPhoto}}
</ul> <span class="icon"><i class="fa fa-external-link"></i></span>
{{end}}
</span>
</a>
</li>
</ul>
</aside>
</div> </div>
</div> </div>
{{end}} {{end}}