From c989234740edadd81301fa46a63bc9dd2c8b957f Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <qznebula@protonmail.com>
Date: Tue, 8 Oct 2024 21:49:51 -0300
Subject: lazy loading

---
 chapter9.html | 38 +++++++++++++++++++-------------------
 1 file changed, 19 insertions(+), 19 deletions(-)

(limited to 'chapter9.html')

diff --git a/chapter9.html b/chapter9.html
index 4368677..31d569d 100644
--- a/chapter9.html
+++ b/chapter9.html
@@ -27,7 +27,7 @@
                 <p class="jane">JANE: (The...)</p>
                 <p class="jane">JANE: (Oh, fiddlesticks.)</p>
             </div>
-            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/238.gif">
+            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/238.gif" loading="lazy">
             <div class="chat">
                 <p class="jane">JANE: (Okay, poetry is out.)</p>
                 <p class="jane">JANE: (What else?)</p>
@@ -48,8 +48,8 @@
                 <p class="jane">JANE: (Think Crocker, think.)</p>
                 <p class="jake">JAKE: Ahoy over there!</p>
             </div>
-            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/239.gif">
-            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/240.gif">
+            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/239.gif" loading="lazy">
+            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/240.gif" loading="lazy">
             <div class="chat">
                 <p class="jake">JAKE: Er... how goes the eulogizing, dear?</p>
                 <p class="jane">JANE: In a word: awfully.</p>
@@ -88,14 +88,14 @@
                 <p class="jane">JANE: You mean the prisoner.</p>
                 <p class="jake">JAKE: Y...es.</p>
             </div>
-            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/241.png">
+            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/241.png" loading="lazy">
             <div class="chat">
                 <p class="jane">JANE: Well, go on then.</p>
                 <p class="jane">JANE: She's over in the corner.</p>
                 <p class="jane">JANE: Don't worry, she won't bite.</p>
                 <p class="jane">JANE: I've seen to that already.</p>
             </div>
-            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/242.png">
+            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/242.png" loading="lazy">
             <div class="chat">
                 <p class="jake">JAKE: Here you are.</p>
                 <p class="jake">JAKE: Its only mac and cheese, sorry.</p>
@@ -106,7 +106,7 @@
                 <p class="jake">JAKE: Well,</p>
                 <p class="jake">JAKE: Bon appetit.</p>
             </div>
-            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/243.png">
+            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/243.png" loading="lazy">
             <div class="chat">
                 <p class="dirk">DIRK: Bon appetit.</p>
                 <p class="dirk">DIRK: Seriously dude?</p>
@@ -132,40 +132,40 @@
                 <p class="jake">JAKE: Good night.</p>
             </div>
             <p>&nbsp;</p>
-            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/244.gif">
+            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/244.gif" loading="lazy">
             <div class="chat">
                 <p class="jane">JANE: ...</p>
             </div>
-            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/245.gif">
+            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/245.gif" loading="lazy">
             <div class="chat">
                 <p class="jane">JANE: !!!</p>
             </div>
-            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/246.gif">
+            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/246.gif" loading="lazy">
             <div class="chat">
                 <p class="jane">JANE: I hope you're not expecting dessert, young lady.</p>
             </div>
             <div class="wide">
-                <img class="panel" width="650" height="800" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/247.gif">
+                <img class="panel" width="650" height="800" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/247.gif" loading="lazy">
             </div>
             <div class="chat">
                 <p class="yiffy">YIFFY: GRRRRRRRRR...</p>
                 <p class="jane">JANE: Oh no you don't.</p>
             </div>
-            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/248.gif">
-            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/249.gif">
+            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/248.gif" loading="lazy">
+            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/249.gif" loading="lazy">
             <div class="chat">
                 <p class="yiffy">YIFFY: GRRR *BZZT* RRRR *BZZT* AAAA *BZZT* AAAA *BZZT* AAAA *BZZT* AAAA *BZZT* AAWW *BZZT* OOOO *BZZT* OOOO *BZZT* OOOO *BZZT* OOOO *BZZT* OOOO *BZZT* OOOO *BZZT*</p>
                 <p class="jane">JANE: Are you done?</p>
             </div>
-            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/250.gif">
+            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/250.gif" loading="lazy">
             <div class="chat">
                 <p class="yiffy">YIFFY: ...</p>
                 <p class="jane">JANE: That's more like it.</p>
             </div>
             <div class="wide">
-                <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/251.gif">
+                <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/251.gif" loading="lazy">
             </div>
-            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/252.gif">
+            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/252.gif" loading="lazy">
             <div class="chat">
                 <p class="jane">JANE: You've been a thorn in my side ever since I agreed to enroll you at the academy, little madam.</p>
                 <p class="jane">JANE: Back then, I was doing a favor for two old friends who made a disgusting mistake.</p>
@@ -177,16 +177,16 @@
                 <p class="jane">JANE: Out cold.</p>
                 <p class="jane">JANE: Maybe I should reduce the voltage a trifle.</p>
             </div>
-            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/253.gif">
+            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/253.gif" loading="lazy">
             <div class="chat">
                 <p class="jane">JANE: We don't want you passing out during the ceremony, do we?</p>
             </div>
-            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/254.gif">
+            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/254.gif" loading="lazy">
             <div class="chat">
                 <p class="jane">JANE: Now, be a good hostage and get some rest, Yiffany dear.</p>
                 <p class="jane">JANE: We've got a big day tomorrow.</p>
             </div>
-            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/255.gif">
+            <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/255.gif" loading="lazy">
             <div class="chat" id="hoo-hoo">
                 <p class="jane">JANE: Night night.</p>
                 <p class="jane">JANE: Hoo hoo.</p>
@@ -196,7 +196,7 @@
                 <div>&gt; (Yiffy: Lights out.)</div>
             </div>
             <div class="wide" id="lights-out">
-                <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/256.gif">
+                <img class="panel" width="650" height="450" src="https://cdn.beyondcanon.com/assets/story/homestuck-beyond-canon/panels/256.gif" loading="lazy">
             </div>
             <p>&nbsp;</p>
             <p>&nbsp;</p>
-- 
cgit 1.3.0-6-gf8a5