Some CSS updates

pull/43/head
Noah Petherbridge 2024-05-27 13:07:15 -07:00
parent 5db1c03fd9
commit 2ac34eea79
1 changed files with 74 additions and 70 deletions

View File

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