fix(noscript): try to fix if javascript is disabled

apps/gnous_eu/templates/about.html

@@ -11,7 +11,7 @@
                     <h1 class="uk-margin-remove-bottom uk-text-bold">{% trans 'À propos' %}</h1>
                 </div>
 
-                <div class="uk-width-1"
+                <div class="uk-width-1 uk-margin"
                      data-uk-scrollspy="cls: uk-animation-slide-left-medium; target: > *; delay: 100">
                     <p>{% trans "GnousEU est une communauté de passionnés du libre ayant débuté en Février 2017 sur la plateforme Discord. Depuis elle s'est diversifiée sur plusieurs plateformes hébergées par elle même en favoirsant les instances déscentralisées. Elle ne cesse de grandir de jour en jour et est ouverte à tous nouveaux membres. Un système de recensemment des membre et d'interconnexion des plateformes est toujours à l'étude pour permettre une meilleure continuité au sein de la communauté. Actuellement la grande majorité de ses membres se trouvent sur le serveur Discord." %}</p>
                     <p>{% trans "Cette communauté à été créée par Mael G. aka Outout et est administrée par lui même mais aussi par Romain J., Rick Krict, DoomQuakeKeen et Orakle au design." %}</p>

apps/gnous_eu/templates/index.html

@@ -12,9 +12,9 @@
                     <p class="uk-margin-remove-bottom subtitle-text uk-text-bold">{% trans "Communauté francophone de passionnés du libre depuis 2017." %}</p>
                 </div>
                 <div data-uk-scrollspy="cls: uk-animation-fade" class="uk-width-expand">
-                    <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
+                    <img
-                         data-src="{% static 'images/illustrations/services.svg' %}"
+                         src="{% static 'images/illustrations/services.svg' %}"
-                         data-uk-img alt="Image">
+                          alt="Image">
                 </div>
 
                 <div class="uk-width-1-2@s">

apps/gnous_eu/templates/layouts/footer.html

@@ -15,9 +15,16 @@
             </a>
         </div>
         <div class="uk-float-right">
-            <label class="uk-switch" for="themeSwitcher">
+            <noscript>
+                <style>
+                    .need-js {
+                        display: none!important;
+                    }
+                </style>
+            </noscript>
+            <label class="uk-switch need-js" for="themeSwitcher">
                 <input type="checkbox" id="themeSwitcher" name="theme">
-                <div class="uk-switch-slider"></div>
+                <span class="uk-switch-slider"></span>
             </label>
         </div>
     </div>

apps/gnous_eu/templates/layouts/header.html

@@ -41,14 +41,18 @@
                     </li>
                 </ul>
                 <div class="uk-navbar-item uk-visible@s">
-                    <form action="{% url 'set_language' %}" method="post" name="languageForm">
+                    <form action="{% url 'set_language' %}" method="post">
                         {% csrf_token %}
                         {% get_current_language as LANGUAGE_CODE %}
                         {% if LANGUAGE_CODE == 'en' %}
-                            <img src="{% static 'images/icons/fr.svg' %}" alt="en" onclick="window.document.languageForm.submit()" width="18vw">
+                            <button type="submit" style="background: transparent; border: none">
+                                <img src="{% static 'images/icons/fr.svg' %}" alt="fr" width="18vw">
+                            </button>
                             <input type="hidden" name="language" value="fr">
                         {% else %}
-                            <img src="{% static 'images/icons/en.svg' %}" alt="fr" onclick="window.document.languageForm.submit()" width="18vw">
+                            <button type="submit" style="background: transparent; border: none">
+                                <img src="{% static 'images/icons/en.svg' %}" alt="en" width="18vw">
+                            </button>
                             <input type="hidden" name="language" value="en">
                         {% endif %}
                     </form>

apps/gnous_eu/templates/services.html

@@ -29,10 +29,10 @@
                         <li>
                             <div class="uk-card uk-card-default">
                                 <div class="uk-card-media-top">
-                                    <img src="https://media.giphy.com/media/sSgvbe1m3n93G/giphy.gif"
+                                    <img data-src="{{ service.photo.url }}" data-uk-img alt="{{ service.name }}">
-                                         data-src="{{ service.photo.url }}"
+                                    <noscript>
-                                         data-uk-img
+                                        <img src="{{ service.photo.url }}" data-uk-img alt="{{ service.name }}">
-                                         alt="{{ service.name }}">
+                                    </noscript>
                                 </div>
                                 <div class="uk-card-body">
                                     <h3 class="uk-card-title">

requirements.txt

@@ -12,7 +12,6 @@ oauthlib==3.1.0
 Pillow==7.1.2
 pytz==2019.3
 requests==2.22.0
-requests-oauthlib==1.3.0
 six==1.14.0
 sqlparse==0.3.0
 urllib3==1.25.8