From 7433e5ae50cf30860b088632c710218928553649 Mon Sep 17 00:00:00 2001
From: Robert <robert@smalc.si>
Date: Thu, 1 Apr 2021 16:18:58 +0200
Subject: [PATCH] Drupal: dodan b-lazy na vse slike, ki jih nalagamo in so
 staticno dodane.

---
 .../Pomembne_povezave.html                    |  45 ++++--
 .../footer_povezave.html                      |  30 ++--
 .../nakupovanje-1ka-kosarica.tpl.php          |   6 +-
 .../pro1ka/templates/page--front.tpl.php      | 140 +++++++++++++-----
 4 files changed, 157 insertions(+), 64 deletions(-)

diff --git a/frontend/drupal/sites/all/themes/pro1ka/bloki-koda-v-kolikor-se-iz-noda-izbrise/Pomembne_povezave.html b/frontend/drupal/sites/all/themes/pro1ka/bloki-koda-v-kolikor-se-iz-noda-izbrise/Pomembne_povezave.html
index 9c1fd9daa..5c39aa816 100644
--- a/frontend/drupal/sites/all/themes/pro1ka/bloki-koda-v-kolikor-se-iz-noda-izbrise/Pomembne_povezave.html
+++ b/frontend/drupal/sites/all/themes/pro1ka/bloki-koda-v-kolikor-se-iz-noda-izbrise/Pomembne_povezave.html
@@ -4,21 +4,24 @@
 
             <li class="li-povezave">
                 <a class="li-link w-inline-block w-clearfix" href="https://www.1ka.si/d/sl/pomoc/mozne-tehnicne-tezave"  title="Odpravi težavo">
-                    <img src="/tema1ka/svg/up-odpravi-tezavo.svg" class="tile-icon-2" />
+                    <img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                         data-src="/tema1ka/svg/up-odpravi-tezavo.svg" class="tile-icon-2 b-lazy" />
                     <div class="tile-text">ODPRAVI TEŽAVO</div>
                 </a>
             </li>
 
             <li class="li-povezave">
                 <a class="li-link w-inline-block w-clearfix" href="https://www.1ka.si/a/72864" target="_blank" title="Postavi vprašanje">
-                <img src="/tema1ka/svg/up-postavi-vprasanje.svg" class="tile-icon-2" />
+                <img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                     data-src="/tema1ka/svg/up-postavi-vprasanje.svg" class="tile-icon-2 b-lazy" />
                     <div class="tile-text">POSTAVI VPRAŠANJE</div>
                 </a>
             </li>
 
             <li class="li-povezave">
                 <a class="li-link w-inline-block w-clearfix" href="https://www.1ka.si/d/sl/pomoc/pogosta-vprasanja" title="Pogosta vprašanja">
-                    <img src="/tema1ka/svg/up-pogosta-vprasanja.svg" class="tile-icon-2" />
+                    <img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                         data-src="/tema1ka/svg/up-pogosta-vprasanja.svg" class="tile-icon-2 b-lazy" />
                     <div class="tile-text">POGOSTA VPRAŠANJA</div>
                 </a>
             </li>
@@ -26,21 +29,24 @@
 
             <li class="li-povezave">
                 <a class="li-link w-inline-block w-clearfix" href="https://www.1ka.si/d/sl/pomoc/prirocniki" title="Priročniki">
-                    <img src="/tema1ka/svg/up-prirocnik.svg" class="tile-icon-2" />
+                    <img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                         data-src="/tema1ka/svg/up-prirocnik.svg" class="tile-icon-2 b-lazy" />
                     <div class="tile-text">PRIROČNIKI</div>
                 </a>
             </li>
 
             <li class="li-povezave">
                 <a class="li-link w-inline-block w-clearfix" href="https://www.1ka.si/d/sl/pomoc/video-vodici" title="Video vodiči">
-                    <img src="/tema1ka/svg/up-videovodici.svg" class="tile-icon-2" />
+                    <img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                         data-src="/tema1ka/svg/up-videovodici.svg" class="tile-icon-2 b-lazy" />
                     <div class="tile-text">VIDEOVODIČI</div>
                 </a>
             </li>
 
             <li class="li-povezave">
                 <a class="li-link w-inline-block w-clearfix" href="https://www.1ka.si/d/sl/o-1ka/nacini-uporabe-storitve-1ka/1ka-mobilna-aplikacija" title="Mobilna aplikacija">
-                    <img src="/tema1ka/svg/up-mobilna-aplikacija.svg" class="tile-icon-2" />
+                    <img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                         data-src="/tema1ka/svg/up-mobilna-aplikacija.svg" class="tile-icon-2 b-lazy" />
                     <div class="tile-text">MOBILNA APLIKACIJA</div>
                 </a>
             </li>
@@ -58,21 +64,24 @@
         <ul class="ul-povezave w-clearfix w-list-unstyled">
             <li class="li-povezave">
                 <a class="li-link w-inline-block w-clearfix" href="https://www.1ka.si/d/en/help/troubleshooting"  title="Troubleshooting">
-                    <img src="/d/sites/all/themes/pro1ka/img/ikone/odpravi_tezavo.svg" class="tile-icon-2" />
+                    <img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                         data-src="/d/sites/all/themes/pro1ka/img/ikone/odpravi_tezavo.svg" class="tile-icon-2 b-lazy" />
                     <div class="tile-text">Troubleshooting</div>
                 </a>
             </li>
 
             <li class="li-povezave">
                 <a class="li-link w-inline-block w-clearfix" href="https://www.1ka.si/a/72864?Q1=5729900&language=2" target="_blank" title="Ask a question">
-                    <img src="/d/sites/all/themes/pro1ka/img/ikone/postavi_vprasanje.svg" class="tile-icon-2" />
+                    <img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                         data-src="/d/sites/all/themes/pro1ka/img/ikone/postavi_vprasanje.svg" class="tile-icon-2 b-lazy" />
                     <div class="tile-text">Ask a question</div>
                 </a>
             </li>
 
             <li class="li-povezave">
                 <a class="li-link w-inline-block w-clearfix" href="https://www.1ka.si/d/en/help/frequently-asked-questions" title="Frequently Asked Questions">
-                    <img src="/d/sites/all/themes/pro1ka/img/ikone/faq.svg" class="tile-icon-2" />
+                    <img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                         data-src="/d/sites/all/themes/pro1ka/img/ikone/faq.svg" class="tile-icon-2 b-lazy" />
                     <div class="tile-text">Frequently Asked Questions</div>
                 </a>
             </li>
@@ -80,42 +89,48 @@
 
             <li class="li-povezave">
                 <a class="li-link w-inline-block w-clearfix" href="https://www.1ka.si/d/en/help/manuals" title="Manuals">
-                    <img src="/d/sites/all/themes/pro1ka/img/ikone/prirocniki.svg" class="tile-icon-2" />
+                    <img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                         data-src="/d/sites/all/themes/pro1ka/img/ikone/prirocniki.svg" class="tile-icon-2 b-lazy" />
                     <div class="tile-text">Manuals</div>
                 </a>
             </li>
 
             <li class="li-povezave">
                 <a class="li-link w-inline-block w-clearfix" href="https://www.1ka.si/d/en/help/video-guides" title="Video guides">
-                    <img src="/d/sites/all/themes/pro1ka/img/ikone/videovodic.svg" class="tile-icon-2" />
+                    <img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                         data-src="/d/sites/all/themes/pro1ka/img/ikone/videovodic.svg" class="tile-icon-2 b-lazy" />
                     <div class="tile-text">Video guides</div>
                 </a>
             </li>
 
             <li class="li-povezave">
                 <a class="li-link w-inline-block w-clearfix" href="https://www.1ka.si/d/en/services/pricelist-for-methodological-counselling" title="Methodological counselling">
-                    <img src="/d/sites/all/themes/pro1ka/img/ikone/metodolosko_svetovanje.svg" class="tile-icon-2" />
+                    <img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                         data-src="/d/sites/all/themes/pro1ka/img/ikone/metodolosko_svetovanje.svg" class="tile-icon-2 b-lazy" />
                     <div class="tile-text">Methodological counselling</div>
                 </a>
             </li>
 
             <li class="li-povezave">
                 <a class="li-link w-inline-block w-clearfix" href="https://www.facebook.com/1KA-123545614388521/" target="_blank" title="Facebook">
-                    <img src="/d/sites/all/themes/pro1ka/img/ikone/facebook.svg" class="tile-icon-2" />
+                    <img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                         data-src="/d/sites/all/themes/pro1ka/img/ikone/facebook.svg" class="tile-icon-2 b-lazy" />
                     <div class="tile-text">Facebook</div>
                 </a>
             </li>
 
             <li class="li-povezave">
                 <a class="li-link w-inline-block w-clearfix" href="http://twitter.com/#!/enklikanketa" target="_blank" title="Twitter">
-                    <img src="/d/sites/all/themes/pro1ka/img/ikone/tweeter.svg" class="tile-icon-2" />
+                    <img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                         data-src="/d/sites/all/themes/pro1ka/img/ikone/tweeter.svg" class="tile-icon-2 b-lazy" />
                     <div class="tile-text">Twitter</div>
                 </a>
             </li>
 
             <li class="li-povezave">
                 <a class="li-link w-inline-block w-clearfix" href="https://www.1ka.si/d/en/about/uses-of-1ka-services/1ka-mobile-application" title="Mobile application">
-                    <img src="/d/sites/all/themes/pro1ka/img/ikone/mobilna_aplikacija.svg" class="tile-icon-2" />
+                    <img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                         data-src="/d/sites/all/themes/pro1ka/img/ikone/mobilna_aplikacija.svg" class="tile-icon-2 b-lazy" />
                     <div class="tile-text">Mobile application</div>
                 </a>
             </li>
diff --git a/frontend/drupal/sites/all/themes/pro1ka/bloki-koda-v-kolikor-se-iz-noda-izbrise/footer_povezave.html b/frontend/drupal/sites/all/themes/pro1ka/bloki-koda-v-kolikor-se-iz-noda-izbrise/footer_povezave.html
index 5ce6242d0..64e5bfe4b 100644
--- a/frontend/drupal/sites/all/themes/pro1ka/bloki-koda-v-kolikor-se-iz-noda-izbrise/footer_povezave.html
+++ b/frontend/drupal/sites/all/themes/pro1ka/bloki-koda-v-kolikor-se-iz-noda-izbrise/footer_povezave.html
@@ -22,23 +22,28 @@
 
     <div class="w-clearfix">
         <a href="https://twitter.com/enklikanketa" target="_blank">
-            <img class="fotter-ico" src="/tema1ka/img/ikone/tweeter.svg" />
+            <img class="fotter-ico b-lazy" src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                 data-src="/tema1ka/img/ikone/tweeter.svg" />
         </a>
         <a href="https://www.facebook.com/1KA-123545614388521/" target="_blank">
-            <img class="fotter-ico" src="/tema1ka/img/ikone/facebook.svg" />
+            <img class="fotter-ico b-lazy" src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                 data-src="/tema1ka/img/ikone/facebook.svg" />
         </a>
     </div>
 </div>
 
 <div class="col _3-3-12-12 logotipi">
     <a href="https://www.fdv.uni-lj.si/" target="_blank" title="Univerza v Ljubljani, Fakulteta za družbene vede">
-        <img src="/tema1ka/img/FDV_logo-SLO.png" class="logo-footer">
+        <img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+             data-src="/tema1ka/img/FDV_logo-SLO.png" class="logo-footer b-lazy">
     </a>
     <a href="https://www.fdv.uni-lj.si/raziskovanje/raziskovalni-centri/oddelek-za-sociologijo/center-za-druzboslovno-informatiko" title="Center za družboslovno informatiko" target="_blank">
-        <img src="/tema1ka/img/CDI_Logo-SLO.png" class="logo-footer">
+        <img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+             data-src="/tema1ka/img/CDI_Logo-SLO.png" class="logo-footer b-lazy">
     </a>
     <a href="https://www.go-tel.si/" title="inštrukcije, računalniški tečaji in virtualna pisarna" target="_blank">
-      <img src="/tema1ka/img/gotel_logo.png" class="logo-footer">
+      <img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+           data-src="/tema1ka/img/gotel_logo.png" class="logo-footer b-lazy">
     </a>
 </div>
 
@@ -67,22 +72,27 @@
 
     <div class="w-clearfix">
         <a href="https://twitter.com/enklikanketa" target="_blank">
-            <img class="fotter-ico" src="/tema1ka/img/ikone/tweeter.svg" />
+            <img class="fotter-ico b-lazy" src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                 data-src="/tema1ka/img/ikone/tweeter.svg" />
         </a>
         <a href="https://www.facebook.com/1KA-123545614388521/" target="_blank">
-            <img class="fotter-ico" src="/tema1ka/img/ikone/facebook.svg" />
+            <img class="fotter-ico b-lazy" src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                 data-src="/tema1ka/img/ikone/facebook.svg" />
         </a>
     </div>
 </div>
 
 <div class="col _3-3-12-12 logotipi">
     <a href="https://www.fdv.uni-lj.si/en/home" target="_blank" title="University of Ljubljana, Faculty of Social Sciences">
-        <img src="/tema1ka/img/FDV_logo-ANG.png" class="logo-footer">
+        <img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+             data-src="/tema1ka/img/FDV_logo-ANG.png" class="logo-footer b-lazy">
     </a>
     <a href="https://www.fdv.uni-lj.si/en/research/research-centres/department-of-sociology/centre-for-social-informatics" title="Center for Social Informatics" target="_blank">
-        <img src="/tema1ka/img/CDI_Logo-ANG.png" class="logo-footer">
+        <img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+             data-src="/tema1ka/img/CDI_Logo-ANG.png" class="logo-footer b-lazy">
     </a>
     <a href="https://www.go-tel.si/" title="inštrukcije, računalniški tečaji in virtualna pisarna" target="_blank">
-      <img src="/tema1ka/img/gotel_logo.png" class="logo-footer">
+      <img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+           data-src="/tema1ka/img/gotel_logo.png" class="logo-footer b-lazy">
     </a>
 </div>
diff --git a/frontend/drupal/sites/all/themes/pro1ka/templates/nakupovanje-1ka-kosarica.tpl.php b/frontend/drupal/sites/all/themes/pro1ka/templates/nakupovanje-1ka-kosarica.tpl.php
index 46ac56545..c18c666c8 100644
--- a/frontend/drupal/sites/all/themes/pro1ka/templates/nakupovanje-1ka-kosarica.tpl.php
+++ b/frontend/drupal/sites/all/themes/pro1ka/templates/nakupovanje-1ka-kosarica.tpl.php
@@ -534,7 +534,8 @@
                                Payment via PayPal account
                              <?php endif; ?>
                 </label>
-                <img src="/d/sites/all/themes/pro1ka/img/paypal_logo.png" class="logo">
+                <img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                     data-src="/d/sites/all/themes/pro1ka/img/paypal_logo.png" class="logo b-lazy">
               </span>
 
               <input type="radio" id="paymentMethod3" name="payment_method" value="3" required="required">
@@ -546,7 +547,8 @@
                                Credit card payment
                              <?php endif; ?>
                 </label>
-                <img src="/d/sites/all/themes/pro1ka/img/kreditne.png" class="logo">
+                <img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                     data-src="/d/sites/all/themes/pro1ka/img/kreditne.png" class="logo b-lazy">
               </span>
             </div>
           </div>
diff --git a/frontend/drupal/sites/all/themes/pro1ka/templates/page--front.tpl.php b/frontend/drupal/sites/all/themes/pro1ka/templates/page--front.tpl.php
index cdfc8eaad..ab4d4ee89 100644
--- a/frontend/drupal/sites/all/themes/pro1ka/templates/page--front.tpl.php
+++ b/frontend/drupal/sites/all/themes/pro1ka/templates/page--front.tpl.php
@@ -346,7 +346,7 @@
     </div>
     <div class="flexrow">
       <div class="flexcol">
-        <div class="sideicon"><img src="/tema1ka/svg/funkcionalnost-nabor-vprasanj.svg" alt="" class="icon-side">
+        <div class="sideicon"><img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/tema1ka/svg/funkcionalnost-nabor-vprasanj.svg" alt="Bogat nabor vprašanj" class="icon-side b-lazy">
           <?php if ($language->language == 'sl'): ?>
             <h3>Bogat nabor vprašanj</h3>
             <p>Vsi osnovni tipi vprašanj in številni napredni (kvizi, socialna omrežja, GoogleMaps, fotografija).</p>
@@ -357,7 +357,8 @@
         </div>
       </div>
       <div class="flexcol">
-        <div class="sideicon"><img src="/tema1ka/svg/funkcionalnost-analize.svg" alt="" class="icon-side">
+        <div class="sideicon"><img
+            src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' data-src="/tema1ka/svg/funkcionalnost-analize.svg" alt="Analiza poročila" class="icon-side b-lazy">
           <?php if ($language->language == 'sl'): ?>
             <h3>Analize in poročila</h3>
             <p>Avtomatsko in napredno generiranje sumarnikov in grafov.</p>
@@ -369,7 +370,12 @@
         </div>
       </div>
       <div class="flexcol">
-        <div class="sideicon"><img src="/tema1ka/svg/funkcionalnost-prilagoditev.svg" alt="" class="icon-side">
+        <div class="sideicon">
+          <img
+            src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+            data-src="/tema1ka/svg/funkcionalnost-prilagoditev.svg"
+            alt="Avtomatska prilagoditev za mobilne naprave"
+            class="icon-side b-lazy">
           <?php if ($language->language == 'sl'): ?>
             <h3>Avtomatska prilagoditev za mobilne naprave</h3>
             <p>Vsa vprašanja se samodejno prilagajajo mobilnim napravam.</p>
@@ -380,7 +386,12 @@
         </div>
       </div>
       <div class="flexcol">
-        <div class="sideicon"><img src="/tema1ka/svg/funkcionalnost-email-vabila.svg" alt="" class="icon-side">
+        <div class="sideicon">
+          <img
+            src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+            data-src="/tema1ka/svg/funkcionalnost-email-vabila.svg"
+            alt="Integriran sistem za email vabila"
+            class="icon-side b-lazy">
           <?php if ($language->language == 'sl'): ?>
             <h3>Integriran sistem za email vabila</h3>
             <p>Pošiljanje vabil in opomnikov ter uporaba osebnih identifikatorjev.</p>
@@ -391,7 +402,12 @@
         </div>
       </div>
       <div class="flexcol">
-        <div class="sideicon"><img src="/tema1ka/svg/funkcionalnost-podoba-ankete.svg" alt="" class="icon-side">
+        <div class="sideicon">
+          <img
+            src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+            data-src="/tema1ka/svg/funkcionalnost-podoba-ankete.svg"
+            alt="Prilagojena podoba ankete"
+            class="icon-side b-lazy">
           <?php if ($language->language == 'sl'): ?>
             <h3>Prilagojena podoba ankete</h3>
             <p>Možnosti oblikovanja, dodajanja logotipa in prilagoditev CGP.</p>
@@ -402,7 +418,12 @@
         </div>
       </div>
       <div class="flexcol">
-        <div class="sideicon"><img src="/tema1ka/svg/funkcionalnost-resitve.svg" alt="" class="icon-side">
+        <div class="sideicon">
+          <img
+            src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+            data-src="/tema1ka/svg/funkcionalnost-resitve.svg"
+            alt="Rešitve po meri"
+            class="icon-side b-lazy">
           <?php if ($language->language == 'sl'): ?>
             <h3>Rešitve po meri</h3>
             <p>Za vas lahko razvijemo posebna vprašanja, izpise, API vmesnike ipd.</p>
@@ -413,7 +434,11 @@
         </div>
       </div>
       <div class="flexcol">
-        <div class="sideicon"><img src="/tema1ka/svg/funkcionalnost-razvoj-vprasalnika.svg" alt="" class="icon-side">
+        <div class="sideicon">
+          <img
+            src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+            data-src="/tema1ka/svg/funkcionalnost-razvoj-vprasalnika.svg" alt="Razvoj vprašalnika"
+            class="icon-side b-lazy">
           <?php if ($language->language == 'sl'): ?>
             <h3>Razvoj vprašalnika</h3>
             <p>Zmogljiv sistem komentiranja omogoča razvoj vprašalnika brez inačice v Word ali GoogleDoc.</p>
@@ -424,7 +449,11 @@
         </div>
       </div>
       <div class="flexcol">
-        <div class="sideicon"><img src="/tema1ka/svg/funkcionalnost-vecjezicnost.svg" alt="" class="icon-side">
+        <div class="sideicon">
+          <img
+            src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+            data-src="/tema1ka/svg/funkcionalnost-vecjezicnost.svg" alt="Večjezične ankete"
+            class="icon-side b-lazy">
           <?php if ($language->language == 'sl'): ?>
             <h3>Večjezične ankete</h3>
             <p>Enostavna podpora za večjezične ankete v 43 svetovnih jezikih, vključno z ruščino, arabščino, kitajščino.</p>
@@ -467,7 +496,10 @@
                           <div class="slide-mnenje w-clearfix w-slide" data-show="1">
                             <div class="mnenje-l-col"></div>
                             <div class="mnenje-flex">
-                              <div class="div-block-8"><img src="/tema1ka/svg/quote.svg" alt="" class="quotes">
+                              <div class="div-block-8">
+                                <img
+                                  src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                                  data-src="/tema1ka/svg/quote.svg" alt="Quotes" class="quotes b-lazy">
                                 <p class="testimonial">
                                   <?php if ($language->language == 'sl'): ?>
                                     1KA je je odličen program za izdelavo ankete. Sam vedno uporabim to spletno stran, saj lahko anketo ustvarim
@@ -487,7 +519,9 @@
                           <div class="slide-mnenje w-clearfix w-slide" data-show="2">
                             <div class="mnenje-l-col"></div>
                             <div class="mnenje-flex">
-                              <div class="div-block-8"><img src="/tema1ka/svg/quote.svg" alt="" class="quotes">
+                              <div class="div-block-8">
+                                <img  src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                                      data-src="/tema1ka/svg/quote.svg" alt="" class="quotes b-lazy">
                                 <p class="testimonial">
                                   <?php if ($language->language == 'sl'): ?>
                                   1KA je dokaj enostavna za uporabo.
@@ -506,7 +540,9 @@
                           <div class="slide-mnenje w-clearfix w-slide" style="display:none;">
                             <div class="mnenje-l-col"></div>
                             <div class="mnenje-flex">
-                              <div class="div-block-8"><img src="/tema1ka/svg/quote.svg" alt="" class="quotes">
+                              <div class="div-block-8"><img
+                                  src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                                  data-src="/tema1ka/svg/quote.svg" alt="" class="quotes b-lazy">
                                 <p class="testimonial">
                                   <?php if ($language->language == 'sl'): ?>
                                   Anketa 1KA je izredno enostavna. Lahko se prilagodi za posamezne projekte, saj ima možnost vnašanja logotipov.
@@ -525,7 +561,9 @@
                           <div class="slide-mnenje w-clearfix w-slide"  style="display:none;">
                             <div class="mnenje-l-col"></div>
                             <div class="mnenje-flex">
-                              <div class="div-block-8"><img src="/tema1ka/svg/quote.svg" alt="" class="quotes">
+                              <div class="div-block-8"><img
+                                  src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                                  src="/tema1ka/svg/quote.svg" alt="" class="quotes b-lazy">
                                 <p class="testimonial">
                                   <?php if ($language->language == 'sl'): ?>
                                     Super je, ker vse odgovore analizira in izdela grafe, to mi je zelo pripomoglo saj nisem rabila sama steti odgovore
@@ -545,7 +583,9 @@
                           <div class="slide-mnenje w-clearfix w-slide"  style="display:none;">
                             <div class="mnenje-l-col"></div>
                             <div class="mnenje-flex">
-                              <div class="div-block-8"><img src="/tema1ka/svg/quote.svg" alt="" class="quotes">
+                              <div class="div-block-8">
+                                <img  src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                                      data-src="/tema1ka/svg/quote.svg" alt="" class="quotes b-lazy">
                                 <p class="testimonial">
                                   <?php if ($language->language == 'sl'): ?>
                                   Vaša anketa mi je olajšala delo, še posebej vesela sem bila navodil, saj sem z njimi lažje naredila izdelek.
@@ -572,7 +612,8 @@
                           <div class="slide-mnenje w-clearfix w-slide"  style="display:none;">
                             <div class="mnenje-l-col"></div>
                             <div class="mnenje-flex">
-                              <div class="div-block-8"><img src="/tema1ka/svg/quote.svg" alt="" class="quotes">
+                              <div class="div-block-8"><img  src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                                                             src="/tema1ka/svg/quote.svg" alt="" class="quotes b-lazy">
                                 <p class="testimonial">
                                   <?php if ($language->language == 'sl'): ?>
                                   S pomočjo 1ka anket sem pripravila spletne ankete za učence pri izobraževanju na daljavo.
@@ -603,7 +644,8 @@
                           <div class="slide-mnenje w-clearfix w-slide"  style="display:none;">
                             <div class="mnenje-l-col"></div>
                             <div class="mnenje-flex">
-                              <div class="div-block-8"><img src="/tema1ka/svg/quote.svg" alt="" class="quotes">
+                              <div class="div-block-8"><img  src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                                                             src="/tema1ka/svg/quote.svg" alt="" class="quotes b-lazy">
                                 <p class="testimonial">
                                   <?php if ($language->language == 'sl'): ?>
                                   Ankete na 1KA so zelo uporabne in enostavne za sestaviti. Tudi zbirnik oz. obdelava
@@ -626,7 +668,8 @@
                           <div class="slide-mnenje w-clearfix w-slide"  style="display:none;">
                             <div class="mnenje-l-col"></div>
                             <div class="mnenje-flex">
-                              <div class="div-block-8"><img src="/tema1ka/svg/quote.svg" alt="" class="quotes">
+                              <div class="div-block-8"><img  src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                                                             data-src="/tema1ka/svg/quote.svg" alt="" class="quotes b-lazy">
                                 <p class="testimonial">
                                   <?php if ($language->language == 'sl'): ?>
                                   Preglednost dobljenih odgovorov,samodejno urejanje odgovorov v obliko grafov,
@@ -653,7 +696,8 @@
                           <div class="slide-mnenje w-clearfix w-slide"  style="display:none;">
                             <div class="mnenje-l-col"></div>
                             <div class="mnenje-flex">
-                              <div class="div-block-8"><img src="/tema1ka/svg/quote.svg" alt="" class="quotes">
+                              <div class="div-block-8"><img  src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                                                             data-src="/tema1ka/svg/quote.svg" alt="" class="quotes b-lazy">
                                 <p class="testimonial">
                                   <?php if ($language->language == 'sl'): ?>
                                   Odlično orodje za oblikovanje še tako zahtevnih vprašalnikov!
@@ -679,7 +723,8 @@
                           <div class="slide-mnenje w-clearfix w-slide"  style="display:none;">
                             <div class="mnenje-l-col"></div>
                             <div class="mnenje-flex">
-                              <div class="div-block-8"><img src="/tema1ka/svg/quote.svg" alt="" class="quotes">
+                              <div class="div-block-8"><img  src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                                                             data-src="/tema1ka/svg/quote.svg" alt="" class="quotes b-lazy">
                                 <p class="testimonial">
                                   <?php if ($language->language == 'sl'): ?>
                                   Morala sem nahitro narediti eno anketo in ker še nikoli prej nisem delala ankete sem se najprej spomnila na to spletno stran 1KA.
@@ -758,7 +803,10 @@
       </div>
     </div>
     <div class="flexrow">
-      <div class="flexcol _3c-center"><img src="/tema1ka/svg/varnost-gdpr.svg" alt="" class="icon-center">
+      <div class="flexcol _3c-center">
+        <img
+          src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+          data-src="/tema1ka/svg/varnost-gdpr.svg" alt="napredna GDPR podpora" class="icon-center b-lazy">
 
         <?php if ($language->language == 'sl'): ?>
           <h3>Napredna GDPR podpora</h3>
@@ -772,7 +820,8 @@
 
       </div>
 
-      <div class="flexcol _3c-center"><img src="/tema1ka/svg/varnost-zasebnost.svg" alt="" class="icon-center">
+      <div class="flexcol _3c-center"><img  src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                                            data-src="/tema1ka/svg/varnost-zasebnost.svg" alt="Politika zasebnosti" class="icon-center b-lazy">
 
         <?php if ($language->language == 'sl'): ?>
           <h3>Politika zasebnosti</h3>
@@ -787,7 +836,8 @@
 
       </div>
 
-      <div class="flexcol _3c-center"><img src="/tema1ka/svg/varnost-tehnicna.svg" alt="" class="icon-center">
+      <div class="flexcol _3c-center"><img  src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                                            data-src="/tema1ka/svg/varnost-tehnicna.svg" alt="Tehnična varnost" class="icon-center b-lazy">
 
         <?php if ($language->language == 'sl'): ?>
           <h3>Tehnična varnost</h3>
@@ -880,9 +930,10 @@
       </div>
     </div>
     <div class="flexrow">
-      <div class="flexcol _3c-center"><img src="/tema1ka/img/delovanje-registracija-<?php printf($language->language); ?>.png"
+      <div class="flexcol _3c-center"><img  src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                                            data-src="/tema1ka/img/delovanje-registracija-<?php printf($language->language); ?>.png"
                                            sizes="(max-width: 479px) 92vw, (max-width: 767px) 95vw, (max-width: 991px) 29vw, 30vw"
-                                           alt="Enostavna registracija">
+                                           alt="Enostavna registracija" class="b-lazy">
         <?php if ($language->language == 'sl'): ?>
         <h3>enostavna registracija</h3>
         <p>V 1KA se lahko enostavno registrirate tudi preko družabnih omrežij Google in Facebook.</p><a href="#"
@@ -894,9 +945,12 @@
                                                                                                    class="readmore brezplacni-nakup-samo-registracija">READ MORE</a>
     </div>
     <?php endif; ?>
-    <div class="flexcol _3c-center"><img src="/tema1ka/img/delovanje-paketi-<?php printf($language->language); ?>.png"
+    <div class="flexcol _3c-center"><img  src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                                          data-src="/tema1ka/img/delovanje-paketi-<?php printf($language->language); ?>.png"
                                          sizes="(max-width: 479px) 92vw, (max-width: 767px) 95vw, (max-width: 991px) 29vw, 30vw"
-                                         alt="Izbira pravega paketa">
+                                         alt="Izbira pravega paketa"
+                                          class="b-lazy"
+      >
       <?php if ($language->language == 'sl'): ?>
       <h3>izbira pravega paketa</h3>
       <p>Izberite paket, ki ustreza obsegu in kompleksnosti vaše raziskave. </p><a
@@ -965,7 +1019,8 @@
               <li class="li-povezave">
                 <a class="li-link w-inline-block w-clearfix" href="https://www.1ka.si/d/sl/pomoc/mozne-tehnicne-tezave"
                    title="Odpravi težavo">
-                  <img src="/tema1ka/svg/up-odpravi-tezavo.svg" class="tile-icon-2"/>
+                  <img  src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                        data-src="/tema1ka/svg/up-odpravi-tezavo.svg" class="tile-icon-2 b-lazy"/>
                   <div class="tile-text">ODPRAVI TEŽAVO</div>
                 </a>
               </li>
@@ -973,7 +1028,8 @@
               <li class="li-povezave">
                 <a class="li-link w-inline-block w-clearfix" href="https://www.1ka.si/help1KA" target="_blank"
                    title="Postavi vprašanje">
-                  <img src="/tema1ka/svg/up-postavi-vprasanje.svg" class="tile-icon-2"/>
+                  <img  src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                        data-src="/tema1ka/svg/up-postavi-vprasanje.svg" class="tile-icon-2 b-lazy"/>
                   <div class="tile-text">POSTAVI VPRAŠANJE</div>
                 </a>
               </li>
@@ -981,7 +1037,8 @@
               <li class="li-povezave">
                 <a class="li-link w-inline-block w-clearfix" href="https://www.1ka.si/d/sl/pomoc/pogosta-vprasanja"
                    title="Pogosta vprašanja">
-                  <img src="/tema1ka/svg/up-pogosta-vprasanja.svg" class="tile-icon-2"/>
+                  <img  src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                        data-src="/tema1ka/svg/up-pogosta-vprasanja.svg" class="tile-icon-2 b-lazy"/>
                   <div class="tile-text">POGOSTA VPRAŠANJA</div>
                 </a>
               </li>
@@ -990,7 +1047,8 @@
               <li class="li-povezave">
                 <a class="li-link w-inline-block w-clearfix" href="https://www.1ka.si/d/sl/pomoc/prirocniki"
                    title="Priročniki">
-                  <img src="/tema1ka/svg/up-prirocnik.svg" class="tile-icon-2"/>
+                  <img  src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                        data-src="/tema1ka/svg/up-prirocnik.svg" class="tile-icon-2 b-lazy"/>
                   <div class="tile-text">PRIROČNIKI</div>
                 </a>
               </li>
@@ -998,7 +1056,8 @@
               <li class="li-povezave">
                 <a class="li-link w-inline-block w-clearfix" href="https://www.1ka.si/d/sl/pomoc/video-vodici"
                    title="Video vodiči">
-                  <img src="/tema1ka/svg/up-videovodici.svg" class="tile-icon-2"/>
+                  <img  src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                        data-src="/tema1ka/svg/up-videovodici.svg" class="tile-icon-2 b-lazy"/>
                   <div class="tile-text">VIDEOVODIČI</div>
                 </a>
               </li>
@@ -1007,7 +1066,8 @@
                 <a class="li-link w-inline-block w-clearfix"
                    href="https://www.1ka.si/d/sl/o-1ka/nacini-uporabe-storitve-1ka/1ka-mobilna-aplikacija"
                    title="Mobilna aplikacija">
-                  <img src="/tema1ka/svg/up-mobilna-aplikacija.svg" class="tile-icon-2"/>
+                  <img  src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                        data-src="/tema1ka/svg/up-mobilna-aplikacija.svg" class="tile-icon-2 b-lazy"/>
                   <div class="tile-text">MOBILNA APLIKACIJA</div>
                 </a>
               </li>
@@ -1016,7 +1076,8 @@
               <li class="li-povezave">
                 <a class="li-link w-inline-block w-clearfix" href="https://www.1ka.si/d/en/help/troubleshooting"
                    title="Resolve the issue">
-                  <img src="/tema1ka/svg/up-odpravi-tezavo.svg" class="tile-icon-2"/>
+                  <img  src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                        data-src="/tema1ka/svg/up-odpravi-tezavo.svg" class="tile-icon-2 b-lazy"/>
                   <div class="tile-text">RESOLVE THE ISSUE</div>
                 </a>
               </li>
@@ -1024,7 +1085,8 @@
               <li class="li-povezave">
                 <a class="li-link w-inline-block w-clearfix" href="https://www.1ka.si/help1KA?language=2"
                    target="_blank" title="Ask a question">
-                  <img src="/tema1ka/svg/up-postavi-vprasanje.svg" class="tile-icon-2"/>
+                  <img  src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                        data-src="/tema1ka/svg/up-postavi-vprasanje.svg" class="tile-icon-2 b-lazy"/>
                   <div class="tile-text">ASK A QUESTION</div>
                 </a>
               </li>
@@ -1033,7 +1095,8 @@
                 <a class="li-link w-inline-block w-clearfix"
                    href="https://www.1ka.si/d/en/help/frequently-asked-questions"
                    title="FAQ - frequently asked questions">
-                  <img src="/tema1ka/svg/up-pogosta-vprasanja.svg" class="tile-icon-2"/>
+                  <img  src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                        data-src="/tema1ka/svg/up-pogosta-vprasanja.svg" class="tile-icon-2"/>
                   <div class="tile-text">FREQUENTLY ASKED QUESTIONS</div>
                 </a>
               </li>
@@ -1042,7 +1105,8 @@
               <li class="li-povezave">
                 <a class="li-link w-inline-block w-clearfix" href="https://www.1ka.si/d/en/help/manuals"
                    title="Manuals">
-                  <img src="/tema1ka/svg/up-prirocnik.svg" class="tile-icon-2"/>
+                  <img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                       data-src="/tema1ka/svg/up-prirocnik.svg" class="tile-icon-2 b-lazy"/>
                   <div class="tile-text">MANUALS</div>
                 </a>
               </li>
@@ -1050,7 +1114,8 @@
               <li class="li-povezave">
                 <a class="li-link w-inline-block w-clearfix" href="https://www.1ka.si/d/en/help/video-guides"
                    title="Video guides">
-                  <img src="/tema1ka/svg/up-videovodici.svg" class="tile-icon-2"/>
+                  <img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                       data-src="/tema1ka/svg/up-videovodici.svg" class="tile-icon-2 b-lazy"/>
                   <div class="tile-text">VIDEO GUIDES</div>
                 </a>
               </li>
@@ -1059,7 +1124,8 @@
                 <a class="li-link w-inline-block w-clearfix"
                    href="https://www.1ka.si/d/en/about/uses-of-1ka-services/1ka-mobile-application"
                    title="Mobile application">
-                  <img src="/tema1ka/svg/up-mobilna-aplikacija.svg" class="tile-icon-2"/>
+                  <img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
+                       data-src="/tema1ka/svg/up-mobilna-aplikacija.svg" class="tile-icon-2 b-lazy"/>
                   <div class="tile-text">MOBILE APPLICATION</div>
                 </a>
               </li>