bloat/templates/emoji.tmpl
r b6c09b4fc6 Lazy load images on emoji page
Makes the emoji page usable for instances with 1000+ emojis.
The attribute is considered experimental by Mozilla, but is supported
by most of the modern browsers.
2022-04-17 06:01:45 +00:00

18 lines
470 B
Cheetah

{{with .Data}}
{{template "header.tmpl" (WithContext .CommonData $.Ctx)}}
<div class="page-title"> Emojis </div>
<div class="emoji-list-container">
{{range .Emojis}}
<div class="emoji-item-container">
<div class="emoji-item">
<img class="emoji" src="{{.URL}}" alt="{{.ShortCode}}" height="32" loading="lazy" />
<span title=":{{.ShortCode}}:" class="emoji-shortcode">:{{.ShortCode}}:</span>
</div>
</div>
{{end}}
</div>
{{template "footer.tmpl"}}
{{end}}