diff options
| author |  hedy <[email protected]> | 2024-02-14 16:27:41 +0800 |
|---|---|---|
| committer | hedy <[email protected]> | 2024-02-14 16:27:41 +0800 |
| commit | 1d956bbfdd5a922a26612f51b4171d8e53606a3d (patch) | |
| tree | 98eb52a3f433ebe501ca6d4558a847ce8c6c4ab4 /pydis_site/templates | |
| parent | Fix events page for dark mode (diff) | |
Events: Lazy load larger images
Diffstat (limited to 'pydis_site/templates')
| -rw-r--r-- | pydis_site/templates/events/main_events.html | 8 | ||||
| -rw-r--r-- | pydis_site/templates/events/other_events.html | 6 |
2 files changed, 7 insertions, 7 deletions
diff --git a/pydis_site/templates/events/main_events.html b/pydis_site/templates/events/main_events.html index 2bd602ab..471ceee7 100644 --- a/pydis_site/templates/events/main_events.html +++ b/pydis_site/templates/events/main_events.html @@ -22,8 +22,8 @@ </div> <div class="card"> <div class="card-image"> - <img class="light-image" src="/static/images/events/gallery/pyweek.png" alt="PyWeek logo"> - <img class="dark-image" src="/static/images/events/gallery/pyweek_dark.png" alt="PyWeek logo"> + <img loading=lazy class="light-image" src="/static/images/events/gallery/pyweek.png" alt="PyWeek logo"> + <img loading=lazy class="dark-image" src="/static/images/events/gallery/pyweek_dark.png" alt="PyWeek logo"> </div> <div class="card-content"> <h2 class="title is-4"><a href="{% url "events:page" path="pyweek" %}">PyWeek</a></h2> @@ -38,7 +38,7 @@ </div> <div class="card"> <div class="card-image"> - <img src="/static/images/events/gallery/adventofcode.png" alt="Server icon for AoC"> + <img loading=lazy src="/static/images/events/gallery/adventofcode.png" alt="Server icon for AoC"> </div> <div class="card-content"> <h2 class="title is-4"><a href="{% url "events:page" path="adventofcode" %}">Advent of code</a></h2> @@ -53,7 +53,7 @@ </div> <div class="card"> <div class="card-image"> - <img src="/static/images/events/gallery/adventofcode.png" alt="Server icon for AoC"> + <img loading=lazy src="/static/images/events/gallery/adventofcode.png" alt="Server icon for AoC"> </div> <div class="card-content"> <h2 class="title is-4"><a href="{% url "events:page" path="revivalofcode" %}">Revival of Code</a></h2> diff --git a/pydis_site/templates/events/other_events.html b/pydis_site/templates/events/other_events.html index 06c50999..f655fda3 100644 --- a/pydis_site/templates/events/other_events.html +++ b/pydis_site/templates/events/other_events.html @@ -35,7 +35,7 @@ <article class="media"> <div class="media-left"> <p class="image"> - <img class="is-rounded" src="https://s3.dualstack.us-east-2.amazonaws.com/pythondotorg-assets/media/files/python-logo-only.svg" style="width: 3rem;"> + <img loading=lazy class="is-rounded" src="https://s3.dualstack.us-east-2.amazonaws.com/pythondotorg-assets/media/files/python-logo-only.svg" style="width: 3rem;"> </p> </div> <div class="media-content"> @@ -85,7 +85,7 @@ <article class="media"> <div class="media-left"> <p class="image"> - <img class="is-rounded" src="https://s3.dualstack.us-east-2.amazonaws.com/pythondotorg-assets/media/files/python-logo-only.svg" style="width: 3rem;"> + <img loading=lazy class="is-rounded" src="https://s3.dualstack.us-east-2.amazonaws.com/pythondotorg-assets/media/files/python-logo-only.svg" style="width: 3rem;"> </p> </div> <div class="media-content"> @@ -111,7 +111,7 @@ <article class="media"> <div class="media-left"> <p class="image"> - <img src="/static/images/events/pixels_logo_transparent.gif" style="width: 3rem;"> + <img loading=lazy src="/static/images/events/pixels_logo_transparent.gif" style="width: 3rem;"> </p> </div> <div class="media-content"> |