From fa85d6de89cdf19d56b97609d58be2b91cebbb15 Mon Sep 17 00:00:00 2001
From: Benjamin Wiegand <ben@noreply.git.wiegand.pw>
Date: Sun, 8 Sep 2024 14:54:22 -0700
Subject: [PATCH] fix an html syntax technicality

---
 www/index.html | 24 ++++++++++++------------
 www/style.css  |  1 +
 2 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/www/index.html b/www/index.html
index 601fee0..3ff831d 100644
--- a/www/index.html
+++ b/www/index.html
@@ -76,7 +76,7 @@
                                 <label for="lpcl" class="close"></label>
                                 <label>
                                     <input type="checkbox">
-                                    <div class="lazy-image" style="background-image: url('/img/peercord-login.png')"></div>
+                                    <span class="lazy-image" style="background-image: url('/img/peercord-login.png')"></span>
                                 </label>
                             </div>
                         </div>
@@ -90,7 +90,7 @@
                                 <label for="lpcc" class="close"></label>
                                 <label>
                                     <input type="checkbox">
-                                    <div class="lazy-image" style="background-image: url('/img/peercord-chat.png')"></div>
+                                    <span class="lazy-image" style="background-image: url('/img/peercord-chat.png')"></span>
                                 </label>
                             </div>
                         </div>
@@ -124,7 +124,7 @@
                                 <label for="lio" class="close"></label>
                                 <label>
                                     <input type="checkbox">
-                                    <div class="lazy-image" style="background-image: url('/img/ilo-overview.jpg');"></div>
+                                    <span class="lazy-image" style="background-image: url('/img/ilo-overview.jpg');"></span>
                                 </label>
                             </div>
                         </div>
@@ -138,7 +138,7 @@
                                 <label for="lit" class="close"></label>
                                 <label>
                                     <input type="checkbox">
-                                    <div class="lazy-image" style="background-image: url('/img/ilo-temperatures.jpg');"></div>
+                                    <span class="lazy-image" style="background-image: url('/img/ilo-temperatures.jpg');"></span>
                                 </label>
                             </div>
                         </div>
@@ -152,7 +152,7 @@
                                 <label for="lid" class="close"></label>
                                 <label>
                                     <input type="checkbox">
-                                    <div class="lazy-image" style="background-image: url('/img/ilo-drives.jpg');"></div>
+                                    <span class="lazy-image" style="background-image: url('/img/ilo-drives.jpg');"></span>
                                 </label>
                             </div>
                         </div>
@@ -166,7 +166,7 @@
                                 <label for="lifci" class="close"></label>
                                 <label>
                                     <input type="checkbox">
-                                    <div class="lazy-image" style="background-image: url('/img/ilo-fan-and-cpu-info.jpg');"></div>
+                                    <span class="lazy-image" style="background-image: url('/img/ilo-fan-and-cpu-info.jpg');"></span>
                                 </label>
                             </div>
                         </div>
@@ -200,7 +200,7 @@
                                 <label for="sma" class="close"></label>
                                 <label>
                                     <input type="checkbox">
-                                    <div class="lazy-image" style="background-image: url('/img/smbus-mitm-arduino.jpg');"></div>
+                                    <span class="lazy-image" style="background-image: url('/img/smbus-mitm-arduino.jpg');"></span>
                                 </label>
                             </div>
                         </div>
@@ -214,7 +214,7 @@
                                 <label for="smw" class="close"></label>
                                 <label>
                                     <input type="checkbox">
-                                    <div class="lazy-image" style="background-image: url('/img/smbus-mitm-wiring.jpg');"></div>
+                                    <span class="lazy-image" style="background-image: url('/img/smbus-mitm-wiring.jpg');"></span>
                                 </label>
                             </div>
                         </div>
@@ -242,7 +242,7 @@
                                 <label for="scst" class="close"></label>
                                 <label>
                                     <input type="checkbox">
-                                    <div class="lazy-image" style="background-image: url('/img/security-camera-stream.jpg');"></div>
+                                    <span class="lazy-image" style="background-image: url('/img/security-camera-stream.jpg');"></span>
                                 </label>
                             </div>
                         </div>
@@ -256,7 +256,7 @@
                                 <label for="scsc" class="close"></label>
                                 <label>
                                     <input type="checkbox">
-                                    <div class="lazy-image" style="background-image: url('/img/security-camera-screenshot.png');"></div>
+                                    <span class="lazy-image" style="background-image: url('/img/security-camera-screenshot.png');"></span>
                                 </label>
                             </div>
                         </div>
@@ -285,7 +285,7 @@
                                 <label for="r" class="close"></label>
                                 <label>
                                     <input type="checkbox">
-                                    <div class="lazy-image" style="background-image: url('/img/roomba.jpg');"></div>
+                                    <span class="lazy-image" style="background-image: url('/img/roomba.jpg');"></span>
                                 </label>
                             </div>
                         </div>
@@ -299,7 +299,7 @@
                                 <label for="rc" class="close"></label>
                                 <label>
                                     <input type="checkbox">
-                                    <div class="lazy-image" style="background-image: url('/img/roomba-control.jpg');"></div>
+                                    <span class="lazy-image" style="background-image: url('/img/roomba-control.jpg');"></span>
                                 </label>
                             </div>
                         </div>
diff --git a/www/style.css b/www/style.css
index 8909d35..c1ad6fc 100644
--- a/www/style.css
+++ b/www/style.css
@@ -237,6 +237,7 @@ input:checked + .modal {
 }
 
 .lazy-image {
+    display: block;
     min-width: 90vw;
     min-height: 90vh;
     background-size: contain;