From 1d956bbfdd5a922a26612f51b4171d8e53606a3d Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Wed, 14 Feb 2024 16:27:41 +0800
Subject: Events: Lazy load larger images

---
 pydis_site/templates/events/main_events.html  | 8 ++++----
 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">
-- 
cgit v1.2.3