From a0adc2bb53bc0315a467eb8e02d72b80680828ef Mon Sep 17 00:00:00 2001
From: FrederikBaerentsen <frederik+gitea@baerentsen.net>
Date: Fri, 19 Apr 2024 10:25:19 +0200
Subject: [PATCH] Added loading='lazy'

---
 templates/index.html |  2 +-
 templates/table.html | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index f325eb6..dbc8631 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -206,7 +206,7 @@
 		<div class="column is-half" style="">
 		  <figure class="image is-4by3">
 			  <a href="/{{ i[0] }}/{{ i[11] }}">
-		      <img style='height: 100%; width: 100%; object-fit: contain'  src="/static/sets/{{ i[0] }}.jpg" alt="Image">
+		      <img style='height: 100%; width: 100%; object-fit: contain'  src="/static/sets/{{ i[0] }}.jpg" alt="Image" loading="lazy">
 		    </a>
 		  </figure>
 		</div>
diff --git a/templates/table.html b/templates/table.html
index 0b0bf2d..c3630f5 100644
--- a/templates/table.html
+++ b/templates/table.html
@@ -18,9 +18,9 @@
         <tr>
 
           {% if brick[5] == 'nil' %}
-          <td><img src="{{ '/static/none.jpg' }}" class="lightbox-trigger" alt="{{ brick[3] }}" style="height: 50px; width: 50px;margin:0;padding: 0;"></td>
+          <td><img src="{{ '/static/none.jpg' }}" class="lightbox-trigger" alt="{{ brick[3] }}" style="height: 50px; width: 50px;margin:0;padding: 0;" loading="lazy"></td>
           {% else %}
-          <td><img src="{{ '/static/parts/' + brick[5] + '.jpg' }}" class="lightbox-trigger" alt="{{ brick[3] }}" style="height: 50px; width: 50px;margin:0;padding: 0;"></td>
+          <td><img src="{{ '/static/parts/' + brick[5] + '.jpg' }}" class="lightbox-trigger" alt="{{ brick[3] }}" style="height: 50px; width: 50px;margin:0;padding: 0;"loading="lazy"></td>
           {% endif %}
 
           <td style="text-align:left;margin:0px;" class="hidden-mobile name-class">{{ brick[3] }}</td>
@@ -48,7 +48,7 @@
                   {% endfor %}
                   <input type="tel" style="text-align:center;font-size: 16px;" id="missing" value="{{ ns.count }}" pattern="\d+">
                   <button class="square-button" id="bnumber-form" type="submit">
-                    <img src="/static/save.svg" alt="Save Icon">
+                    <img src="/static/save.svg" alt="Save Icon" loading="lazy">
                   </button>
                 </div>
               </form>
@@ -68,7 +68,7 @@
 
 <div style="display: flex; justify-content: center;">
   <div style="display: flex; align-items: center;">
-    <img src="{{ '/static/minifigs/' + fig[0] + '.jpg' }}" class="lightbox-trigger" style="height: 100px; width: auto;" alt="{{ fig[2] }}">
+    <img src="{{ '/static/minifigs/' + fig[0] + '.jpg' }}" class="lightbox-trigger" style="height: 100px; width: auto;" alt="{{ fig[2] }}" loading="lazy">
     <span style="font-size: 50px; margin-left: 10px;">X {{ fig[3] }}</span>
   </div>
 </div>
@@ -92,9 +92,9 @@
         {% if part[0] == fig[0] %}
         <tr>
             {% if part[5] == 'nil' %}
-            <td><img src="{{ '/static/none.jpg' }}" class="lightbox-trigger" alt="{{ part[3] }}" style="height: 50px; width: 50px;margin:0;padding: 0;"></td>
+            <td><img src="{{ '/static/none.jpg' }}" class="lightbox-trigger" alt="{{ part[3] }}" style="height: 50px; width: 50px;margin:0;padding: 0;" loading="lazy"></td>
             {% else %}
-            <td><img src="{{ '/static/parts/' + part[5] + '.jpg' }}" class="lightbox-trigger" alt="{{ part[3] }}" style="height: 50px; width: 50px;margin:0;padding: 0;"></td>
+            <td><img src="{{ '/static/parts/' + part[5] + '.jpg' }}" class="lightbox-trigger" alt="{{ part[3] }}" style="height: 50px; width: 50px;margin:0;padding: 0;" loading="lazy"></td>
             {% endif %}
             <td style="text-align:left;margin:0px;" class="hidden-mobile name-class">{{ part[3] }}</td>
             <td class="hidden-mobile">{{ part[7] }}</td>
@@ -119,7 +119,7 @@
                     {% endfor %}
                     <input type="tel" style="text-align:center;font-size: 16px;" id="missing" value="{{ ns.count }}" pattern="\d+">
                     <button class="square-button" id="bnumber-form" type="submit">
-                      <img src="/static/save.svg" alt="Save Icon">
+                      <img src="/static/save.svg" alt="Save Icon" loading="lazy">
                     </button>
                   </div>
                 </form>