tegakituesday/tegakituesday.com
tegakituesday/tegakituesday.com
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improve image loading by keeping size

Browse source
This commit is contained in:
Elnu 2022-12-19 15:14:08 -08:00
parent 3b646c33df
commit 769fef28b6
2 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
themes/tegakituesday.com/layouts/partials/submission.html
View file

@ -2,10 +2,10 @@
<figure>
{{ if .image }}
{{ $thumbnail := .image.Resize "500x" }}
<a href="{{ .image.RelPermalink }}" target="_blank"><img src="{{ $thumbnail.RelPermalink }}" alt="{{ .submission.username }}'s submission"></a>
<a href="{{ .image.RelPermalink }}" target="_blank"><img src="{{ $thumbnail.RelPermalink }}" style="aspect-ratio: {{ .image.Width }} / {{ .image.Height }}" title="{{ .submission.username }}'s submission"></a>
<figcaption><a href="https://discord.com/users/{{ .submission.id }}"><i class="fab fa-discord"></i> {{ .submission.username }}</a></figcaption>
{{ else }}
<figcaption>Image not found!</figcaption>
{{ end }}
</figure>
</div>
</div>

2
themes/tegakituesday.com/static/css/style.css
View file

@ -497,6 +497,8 @@ figure {
margin-bottom: var(--gap);
overflow: hidden;
display: inline-block;
width: 100%;
box-sizing: border-box;
}
figcaption {