4f04323d5a
The nonshy website is changing the policy on profile pictures. From August 30, the square cropped avatar images will need to be publicly viewable to everyone. This implements the first pass of the rollout: * Add the Public Avatar Consent Page which explains the change to users and asks for their acknowledgement. The link is available from their User Settings page, near their Certification Photo link. * When users (with non-public avatars) accept the change: their square cropped avatar will become visible to everybody, instead of showing a placeholder avatar. * Users can change their mind and opt back out, which will again show the placeholder avatar. * The Certification Required middleware will automatically enforce the consent page once the scheduled go-live date arrives. Next steps are: 1. Post an announcement on the forum about the upcoming change and link users to the consent form if they want to check it out early. 2. Update the nonshy site to add banners to places like the User Dashboard for users who will be affected by the change, to link them to the forum post and the consent page.
107 lines
5.1 KiB
HTML
107 lines
5.1 KiB
HTML
<!-- User avatar widgets -->
|
|
|
|
<!-- Parameter: .User -->
|
|
{{define "avatar-24x24"}}
|
|
<figure class="image is-24x24 is-inline-block">
|
|
<a href="/u/{{.Username}}" class="has-text-dark">
|
|
{{if .ProfilePhoto.ID}}
|
|
{{if and (eq .ProfilePhoto.Visibility "private") (not .UserRelationship.IsPrivateGranted) (not .UserRelationship.PublicAvatarConsent)}}
|
|
<img src="/static/img/shy-private.png" class="is-rounded">
|
|
{{else if and (eq .ProfilePhoto.Visibility "friends") (not .UserRelationship.IsFriend) (not .UserRelationship.PublicAvatarConsent)}}
|
|
<img src="/static/img/shy-friends.png" class="is-rounded">
|
|
{{else if and (eq .ProfilePhoto.Visibility "circle") (not .UserRelationship.IsInnerCirclePeer) (not .UserRelationship.PublicAvatarConsent)}}
|
|
<img src="/static/img/shy-secret.png">
|
|
{{else}}
|
|
<img src="{{PhotoURL .ProfilePhoto.CroppedFilename}}" class="is-rounded">
|
|
{{end}}
|
|
{{else}}
|
|
<img src="/static/img/shy.png" class="is-rounded">
|
|
{{end}}
|
|
</a>
|
|
</figure>
|
|
{{end}}
|
|
|
|
<!-- Parameter: .User -->
|
|
{{define "avatar-48x48"}}
|
|
<figure class="image is-48x48 is-inline-block">
|
|
<a href="/u/{{.Username}}" class="has-text-dark">
|
|
{{if .ProfilePhoto.ID}}
|
|
{{if and (eq .ProfilePhoto.Visibility "private") (not .UserRelationship.IsPrivateGranted) (not .UserRelationship.PublicAvatarConsent)}}
|
|
<img src="/static/img/shy-private.png">
|
|
{{else if and (eq .ProfilePhoto.Visibility "friends") (not .UserRelationship.IsFriend) (not .UserRelationship.PublicAvatarConsent)}}
|
|
<img src="/static/img/shy-friends.png">
|
|
{{else if and (eq .ProfilePhoto.Visibility "circle") (not .UserRelationship.IsInnerCirclePeer) (not .UserRelationship.PublicAvatarConsent)}}
|
|
<img src="/static/img/shy-secret.png">
|
|
{{else}}
|
|
<img src="{{PhotoURL .ProfilePhoto.CroppedFilename}}">
|
|
{{end}}
|
|
{{else}}
|
|
<img src="/static/img/shy.png">
|
|
{{end}}
|
|
</a>
|
|
</figure>
|
|
{{end}}
|
|
|
|
<!-- Parameter: .User -->
|
|
{{define "avatar-64x64"}}
|
|
<figure class="image is-64x64 is-inline-block">
|
|
<a href="/u/{{.Username}}" class="has-text-dark">
|
|
{{if .ProfilePhoto.ID}}
|
|
{{if and (eq .ProfilePhoto.Visibility "private") (not .UserRelationship.IsPrivateGranted) (not .UserRelationship.PublicAvatarConsent)}}
|
|
<img src="/static/img/shy-private.png">
|
|
{{else if and (eq .ProfilePhoto.Visibility "friends") (not .UserRelationship.IsFriend) (not .UserRelationship.PublicAvatarConsent)}}
|
|
<img src="/static/img/shy-friends.png">
|
|
{{else if and (eq .ProfilePhoto.Visibility "circle") (not .UserRelationship.IsInnerCirclePeer) (not .UserRelationship.PublicAvatarConsent)}}
|
|
<img src="/static/img/shy-secret.png">
|
|
{{else}}
|
|
<img src="{{PhotoURL .ProfilePhoto.CroppedFilename}}">
|
|
{{end}}
|
|
{{else}}
|
|
<img src="/static/img/shy.png">
|
|
{{end}}
|
|
</a>
|
|
</figure>
|
|
{{end}}
|
|
|
|
<!-- Parameter: .User -->
|
|
{{define "avatar-96x96"}}
|
|
<figure class="image is-96x96 is-inline-block">
|
|
<a href="/u/{{.Username}}" class="has-text-dark">
|
|
{{if .ProfilePhoto.ID}}
|
|
{{if and (eq .ProfilePhoto.Visibility "private") (not .UserRelationship.IsPrivateGranted) (not .UserRelationship.PublicAvatarConsent)}}
|
|
<img src="/static/img/shy-private.png">
|
|
{{else if and (eq .ProfilePhoto.Visibility "friends") (not .UserRelationship.IsFriend) (not .UserRelationship.PublicAvatarConsent)}}
|
|
<img src="/static/img/shy-friends.png">
|
|
{{else if and (eq .ProfilePhoto.Visibility "circle") (not .UserRelationship.IsInnerCirclePeer) (not .UserRelationship.PublicAvatarConsent)}}
|
|
<img src="/static/img/shy-secret.png">
|
|
{{else}}
|
|
<img src="{{PhotoURL .ProfilePhoto.CroppedFilename}}">
|
|
{{end}}
|
|
{{else}}
|
|
<img src="/static/img/shy.png">
|
|
{{end}}
|
|
</a>
|
|
</figure>
|
|
{{end}}
|
|
|
|
<!-- Parameter: .User -->
|
|
{{define "avatar-32x32"}}
|
|
<figure class="image is-32x32 is-inline-block">
|
|
<a href="/u/{{.Username}}" class="has-text-dark">
|
|
{{if .ProfilePhoto.ID}}
|
|
{{if and (eq .ProfilePhoto.Visibility "private") (not .UserRelationship.IsPrivateGranted) (not .UserRelationship.PublicAvatarConsent)}}
|
|
<img class="is-rounded" src="/static/img/shy-private.png">
|
|
{{else if and (eq .ProfilePhoto.Visibility "friends") (not .UserRelationship.IsFriend) (not .UserRelationship.PublicAvatarConsent)}}
|
|
<img class="is-rounded" src="/static/img/shy-friends.png">
|
|
{{else if and (eq .ProfilePhoto.Visibility "circle") (not .UserRelationship.IsInnerCirclePeer) (not .UserRelationship.PublicAvatarConsent)}}
|
|
<img src="/static/img/shy-secret.png">
|
|
{{else}}
|
|
<img class="is-rounded" src="{{PhotoURL .ProfilePhoto.CroppedFilename}}">
|
|
{{end}}
|
|
{{else}}
|
|
<img class="is-rounded" src="/static/img/shy.png">
|
|
{{end}}
|
|
</a>
|
|
</figure>
|
|
{{end}}
|