From a30b4841e854518d37ca813c5a8c2baaac0dd16a Mon Sep 17 00:00:00 2001
From: Romain J <romain.ordi@gmail.com>
Date: Fri, 19 Jun 2020 00:35:22 +0200
Subject: [PATCH] fix(perf): optimize imports and loading time, close #15)

---
 apps/gnous_eu/templates/layouts/foot.html   | 4 ++--
 apps/gnous_eu/templates/layouts/footer.html | 2 +-
 apps/gnous_eu/templates/services.html       | 7 ++-----
 3 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/apps/gnous_eu/templates/layouts/foot.html b/apps/gnous_eu/templates/layouts/foot.html
index bc17649..8d4ce36 100644
--- a/apps/gnous_eu/templates/layouts/foot.html
+++ b/apps/gnous_eu/templates/layouts/foot.html
@@ -7,8 +7,8 @@ Je suis spécialisé en python, pas en js...
 Don't judge me
 /-->
 
-<script src="{% static 'javascripts/uikit/uikit.min.js' %}"></script>
-<script src="{% static 'javascripts/uikit/uikit-icons.min.js' %}"></script>
+{#<script src="{% static 'javascripts/uikit/uikit.min.js' %}"></script>#}
+{#<script src="{% static 'javascripts/uikit/uikit-icons.min.js' %}"></script>#}
 <script>
     window.theme = document.querySelector('input[name=theme]');
     theme.checked = document.documentElement.getAttribute('data-theme') === 'dark';
diff --git a/apps/gnous_eu/templates/layouts/footer.html b/apps/gnous_eu/templates/layouts/footer.html
index d0f7279..3f78786 100644
--- a/apps/gnous_eu/templates/layouts/footer.html
+++ b/apps/gnous_eu/templates/layouts/footer.html
@@ -11,7 +11,7 @@
             <a class="uk-text-small uk-button-link" href="https://git.gnous.eu/Romain">Romain J.</a>
 
             <span class="uk-text-small uk-text-muted"> | {% trans "Fait avec" %} </span>
-            <a href="http://getuikit.com" target="_blank" class="uk-text-small uk-button-link"><span data-uk-icon="uikit" class="uk-icon"></span></a>
+            <a href="http://getuikit.com" target="_blank" class="uk-text-small uk-button-link"><span data-uk-icon="uikit" class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="uikit"><polygon points="14.4,3.1 11.3,5.1 15,7.3 15,12.9 10,15.7 5,12.9 5,8.5 2,6.8 2,14.8 9.9,19.5 18,14.8 18,5.3"></polygon><polygon points="9.8,4.2 6.7,2.4 9.8,0.4 12.9,2.3"></polygon></svg></span></a>
 
             <span class="uk-text-small uk-text-muted"> | Version: </span>
             <a href="https://git.gnous.eu/gnouseu/gnousdoteu/src/commit/{% version 'long' %}" target="_blank" class="uk-text-small uk-button-link">{% version 'short' %}</a>
diff --git a/apps/gnous_eu/templates/services.html b/apps/gnous_eu/templates/services.html
index 33e1453..8b83bad 100644
--- a/apps/gnous_eu/templates/services.html
+++ b/apps/gnous_eu/templates/services.html
@@ -14,7 +14,7 @@
             <div class="uk-width-1-2@l uk-width-1-1 uk-align-center uk-margin-large-bottom">
                 <form action="{% url 'gnous_eu:services' %}" method="get" id="searchForm">
                     <div class="uk-inline uk-width-1-1@l">
-                        <button class="uk-form-icon uk-form-icon-flip" data-uk-icon="search" type="submit"></button>
+                        <button class="uk-form-icon uk-form-icon-flip uk-icon" data-uk-icon="search" type="submit"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="search"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path></svg></button>
                         <label for="searchInput">
                             <input class="uk-input" type="search" id="searchInput" name="search"
                                    placeholder="{% trans 'Rechercher...' %}" {% if search %} value="{{ search }}" {% endif %}>
@@ -29,10 +29,7 @@
                         <li>
                             <div class="uk-card uk-card-secondary">
                                 <div class="uk-card-media-top">
-                                    <img data-src="{{ service.photo.url }}" data-uk-img alt="{{ service.name }}">
-                                    <noscript>
-                                        <img src="{{ service.photo.url }}" data-uk-img alt="{{ service.name }}">
-                                    </noscript>
+                                    <img src="{{ service.photo.url }}" loading="lazy" alt="{{ service.name }}">
                                 </div>
                                 <div class="uk-card-body">
                                     <h3 class="uk-card-title">