mirrors/gotosocial
1
0
Fork 0
mirror of https://github.com/superseriousbusiness/gotosocial.git synced 2025-12-01 05:33:32 -06:00
Code Issues Projects Releases Packages Wiki Activity Actions

[chore] render avatar in photoswipe slide, remove repeated alt text

Browse source
This commit is contained in:
tobi 2025-04-11 11:19:16 +02:00
commit e7325209d2
3 changed files with 69 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

60
web/template/profile_header.tmpl
View file

@ -91,7 +91,6 @@
data-pswp-width="{{- template "avatarWidth" . -}}px"
data-pswp-height="{{- template "avatarHeight" . -}}px"
data-cropped="true"
alt="{{- template "avatarAlt" . -}}"
title="{{- template "avatarAlt" . -}}"
>
<picture
@ -109,7 +108,6 @@
class="avatar u-photo"
src="{{- .account.Avatar -}}"
alt="{{- template "avatarAlt" . -}}"
title="{{- template "avatarAlt" . -}}"
width="{{- template "avatarWidth" . -}}"
height="{{- template "avatarHeight" . -}}"
/>
@ -119,31 +117,65 @@
{{- end }}
{{- end -}}
{{- define "header" -}}
{{- with . }}
<h2 class="sr-only">Profile for {{ .account.Username -}}</h2>
<section class="profile-header" role="region" aria-label="Basic info">
{{- if .account.Moved }}
{{- include "profileMovedTo" . | indent 2 }}
{{- end }}
<div class="header-image-wrapper">
<picture>
{{- if .account.HeaderAttachment }}
{{- if .account.HeaderAttachment }}
<div
class="photoswipe-gallery odd single header-image-wrapper"
role="group"
>
<a
class="photoswipe-slide"
href="{{- .account.Header -}}"
target="_blank"
data-pswp-width="{{- .account.HeaderAttachment.Meta.Original.Width -}}px"
data-pswp-height="{{- .account.HeaderAttachment.Meta.Original.Height -}}px"
data-cropped="true"
title="{{- template "headerAlt" . -}}"
>
<picture
aria-hidden="true"
>
<source
srcset="{{- .account.HeaderStatic -}}"
type="{{- .account.HeaderAttachment.PreviewMIMEType -}}"
media="(prefers-reduced-motion: reduce)"
/>
{{- end }}
<img
src="{{- .account.Header -}}"
alt="{{- template "headerAlt" . -}}"
title="{{- template "headerAlt" . -}}"
width="{{- .account.HeaderAttachment.Meta.Original.Width -}}"
height="{{- .account.HeaderAttachment.Meta.Original.Height -}}"
/>
</picture>
</div>
</a>
</div>
{{- else }}
<div class="header-image-wrapper">
<picture>
<img
src="{{- .account.Header -}}"
alt="{{- template "headerAlt" . -}}"
title="{{- template "headerAlt" . -}}"
/>
</picture>
</div>
{{- end }}
{{- end }}
{{- end -}}
{{- with . }}
<h2 class="sr-only">Profile for {{ .account.Username -}}</h2>
<section class="profile-header" role="region" aria-label="Basic info">
{{- if .account.Moved }}
{{- include "profileMovedTo" . | indent 1 }}
{{- end }}
{{- with . }}
{{- include "header" . | indent 1 }}
{{- end }}
<div class="basic-info">
{{- with . }}
{{- include "avatar" . | indent 3 }}
{{- include "avatar" . | indent 2 }}
{{- end }}
<dl class="namerole">
<dt class="sr-only">Display name</dt>