diff options
Diffstat (limited to 'web/template/profile.tmpl')
| -rw-r--r-- | web/template/profile.tmpl | 242 |
1 files changed, 118 insertions, 124 deletions
diff --git a/web/template/profile.tmpl b/web/template/profile.tmpl index 4207b39e8..0b079db10 100644 --- a/web/template/profile.tmpl +++ b/web/template/profile.tmpl @@ -17,129 +17,123 @@ // along with this program. If not, see <http://www.gnu.org/licenses/>. */ -}} -{{ template "header.tmpl" .}} - +{{- with . }} <main class="profile"> - <div class="header"> - <div class="header-image"> - {{ if .account.Header }} - <img src="{{.account.Header}}" alt="" /> - {{ end }} - </div> - <div class="basic-info" aria-hidden="true"> - <a class="avatar" href="{{.account.Avatar}}"> - <img src="{{.account.Avatar}}" alt=""> - </a> - <span class="displayname text-cutoff"> - {{if .account.DisplayName}} - {{emojify .account.Emojis (escape .account.DisplayName)}} - {{else}} - {{.account.Username}} - {{end}} - </span> - <span class="username text-cutoff">@{{.account.Username}}@{{.instance.AccountDomain}}</span> - {{- /* Only render account role if 1. it's present and 2. it's not equal to the standard 'user' role */ -}} - {{ if and (.account.Role) (ne .account.Role.Name "user") }} - <div class="role {{ .account.Role.Name }}"> - {{ .account.Role.Name }} - </div> - {{ end }} - </div> - <div class="sr-only"> - Profile for - {{if .account.DisplayName}}{{.account.DisplayName}}{{else}}{{.account.Username}}{{end}}. - Username @{{.account.Username}}, {{.instance.AccountDomain}}. - {{ if and (.account.Role) (ne .account.Role.Name "user") }} - Role: {{ .account.Role.Name }} - {{ end }} - </div> - </div> - - <div class="column-split"> - - <section class="about-user"> - <div class="col-header"> - <h1>About</h1> - </div> - - <div class="fields"> - {{ range .account.Fields }} - <div class="field"> - <b>{{emojify $.account.Emojis (noescape .Name)}}</b> - <span>{{emojify $.account.Emojis (noescape .Value)}}</span> - </div> - {{ end }} - </div> - - <div class="bio"> - {{ if .account.Note }} - {{emojify .account.Emojis (noescape .account.Note)}} - {{else}} - This GoToSocial user hasn't written a bio yet! - {{end}} - </div> - - <div class="sr-only" role="group"> - <span>Joined on {{.account.CreatedAt | timestampVague}}.</span> - <span>{{.account.StatusesCount}} post{{if .account.StatusesCount | eq 1 | not}}s{{end}}.</span> - <span>Followed by {{.account.FollowersCount}}.</span> - <span>Following {{.account.FollowingCount}}.</span> - </div> - - <div class="accountstats" aria-hidden="true"> - <b>Joined</b><time datetime="{{.account.CreatedAt}}">{{.account.CreatedAt | timestampVague}}</time> - <b>Posts</b><span>{{.account.StatusesCount}}</span> - <b>Followed by</b><span>{{.account.FollowersCount}}</span> - <b>Following</b><span>{{.account.FollowingCount}}</span> - </div> - </section> - - <section class="toots"> - {{ if .pinned_statuses }} - <div class="col-header"> - <h2>Pinned posts</h2> - <a href="#recent">jump to recent</a> - </div> - <section class="thread"> - {{ range .pinned_statuses }} - <article class="toot expanded" id="{{.ID}}"> - {{ template "status.tmpl" .}} - </article> - {{ end }} - </section> - {{ end }} - - <div class="col-header"> - <h2 id="recent" tabindex="-1">Recent posts</h2> - {{ if .rssFeed }} - <a href="{{ .rssFeed }}" class="rss-icon" aria-label="RSS feed"> - <i class="fa fa-rss-square" aria-hidden="true"></i> - </a> - {{ end }} - </div> - - <section class="thread"> - {{ if not .statuses }} - <div data-nosnippet class="nothinghere">Nothing here!</div> - {{ else }} - {{ range .statuses }} - <article class="toot expanded" id="{{.ID}}"> - {{ template "status.tmpl" .}} - </article> - {{ end }} - {{ end }} - </section> - - <div class="backnextlinks"> - {{ if .show_back_to_top }} - <a href="/@{{ .account.Username }}">Back to top</a> - {{ end }} - {{ if .statuses_next }} - <a href="{{ .statuses_next }}" class="next">Show older</a> - {{ end }} - </div> - </section> - </div> + <h2 class="sr-only">Profile for {{ .account.Username -}}</h2> + <section class="profile-header" role="region" aria-label="Basic info"> + <div class="header-image-wrapper"> + <img + src="{{- .account.Header -}}" + alt="Header for {{ .account.Username -}}" + title="Header for {{ .account.Username -}}" + /> + </div> + <div class="basic-info"> + <a class="avatar" href="{{- .account.Avatar -}}"> + <img + src="{{- .account.Avatar -}}" + alt="Avatar for {{ .account.Username -}}" + title="Avatar for {{ .account.Username -}}" + /> + </a> + <dl class="namerole"> + <dt class="sr-only">Display name</dt> + <dd class="displayname text-cutoff"> + {{- if .account.DisplayName -}} + {{- emojify .account.Emojis (escape .account.DisplayName) -}} + {{- else -}} + {{- .account.Username -}} + {{- end -}} + </dd> + <dt class="sr-only">Username</dt> + <dd class="username text-cutoff">@{{- .account.Username -}}@{{- .instance.AccountDomain -}}</dd> + {{- if and (.account.Role) (ne .account.Role.Name "user") }} + <dt class="sr-only">Role</dt> + <dd class="role {{ .account.Role.Name -}}">{{- .account.Role.Name -}}</dd> + {{- end }} + </dl> + </div> + </section> + <div class="column-split"> + <section class="about-user" role="region" aria-labelledby="about-header"> + <div class="col-header"> + <h3 id="about-header">About<span class="sr-only"> {{- .account.Username -}}</span></h3> + </div> + {{- if .account.Fields }} + {{- include "profile_fields.tmpl" . | indent 3 }} + {{- end }} + <h4 class="sr-only">Bio</h4> + <div class="bio"> + {{- if .account.Note }} + {{ emojify .account.Emojis (noescape .account.Note) }} + {{- else }} + <p>This GoToSocial user hasn't written a bio yet!</p> + {{- end }} + </div> + <h4 class="sr-only">Stats</h4> + <dl class="accountstats"> + <dt>Joined</dt> + <dd><time datetime="{{- .account.CreatedAt -}}">{{- .account.CreatedAt | timestampVague -}}</time></dd> + <dt>Posts</dt> + <dd>{{- .account.StatusesCount -}}</dd> + <dt>Followed by</dt> + <dd>{{- .account.FollowersCount -}}</dd> + <dt>Following</dt> + <dd>{{- .account.FollowingCount -}}</dd> + </dl> + </section> + <div class="statuses-wrapper" role="region" aria-label="Posts by {{ .account.Username -}}"> + {{- if .pinned_statuses }} + <section class="pinned statuses" aria-labelledby="pinned"> + <div class="col-header"> + <h3 id="pinned">Pinned posts</h3> + <a href="#recent">jump to recent</a> + </div> + <div class="thread"> + {{- range .pinned_statuses }} + <article + class="status expanded" + {{- includeAttr "status_attributes.tmpl" . | indentAttr 6 }} + > + {{- include "status.tmpl" . | indent 6 }} + </article> + {{- end }} + </div> + </section> + {{- end }} + <section class="recent statuses" aria-labelledby="recent"> + <div class="col-header"> + <h3 id="recent" tabindex="-1">Recent posts</h3> + {{- if .rssFeed }} + <a href="{{- .rssFeed -}}" class="rss-icon" aria-label="RSS feed"> + <i class="fa fa-rss-square" aria-hidden="true"></i> + </a> + {{- end }} + </div> + <div class="thread"> + {{- if not .statuses }} + <div data-nosnippet class="nothinghere">Nothing here!</div> + {{- else }} + {{- range .statuses }} + <article + class="status expanded" + {{- includeAttr "status_attributes.tmpl" . | indentAttr 6 }} + > + {{- include "status.tmpl" . | indent 6 }} + </article> + {{- end }} + {{- end }} + </div> + <nav class="backnextlinks"> + {{- if .show_back_to_top }} + <a href="/@{{- .account.Username -}}">Back to top</a> + {{- end }} + {{- if .statuses_next }} + <a href="{{- .statuses_next -}}" class="next">Show older</a> + {{- end }} + </nav> + </section> + </div> + </div> </main> - -{{ template "footer.tmpl" .}}
\ No newline at end of file +{{- end }}
\ No newline at end of file |