Hotfix : CSS/Variable/Footer

css/style.css

@@ -1,3 +1,4 @@
+/* GENERAL */
 :root {
     --footer-height: 182px; 
     --border-header-footer: 3px rgba(255,255,255,0.7) solid;
@@ -5,8 +6,6 @@
     --text-color: rgb(222, 222, 222);
     --important: #ffd800;
 }
-
-/* GENERAL */
 html {
     position: relative;
     min-height: 100%;
@@ -61,18 +60,15 @@ header {
     padding-bottom: 25px;
 }
 .selectInline {
-    display: inline !important;
+    display: inline-block !important;
     width: 80px !important;
     height: 40px !important;
 }
 pre code {
     color: #e83c8c !important;
 }
-#currencyOfTheValue, #currencyAfter, #convertNumberType {
-    width: 270px !important;
-}
-#option {
-    width: 380px !important;
+#currencyOfTheValue, #currencyAfter, #convertNumberType, #option  {
+    width: auto !important;
 }
 #convertIn {
     width: 6.7em;
@@ -101,7 +97,6 @@ pre code {
     vertical-align: middle !important;
     line-height: 2;
 }
-
 .original-link-list {
     white-space: nowrap;
     overflow: hidden;

incl/footer.php

@@ -1,7 +1,9 @@
         <footer class="text-center">
             <a href="#" class="scroll-top-arrow important"><i class="fas fa-arrow-up"></i></a>
-            <div class="realDateTime">Affichage de l'heure en temps réel : <span class="important" id="realDateTime"></span></div>
-            <div class="footer-text"><a href="https://divlo.fr/" target="_blank">Divlo</a> | Tous droits réservés</div>
+            <div class="container">
+                <div class="realDateTime">Affichage de l'heure en temps réel : <span class="important" id="realDateTime"></span></div>
+                <div class="footer-text"><a href="https://divlo.fr/" target="_blank">Divlo</a> | Tous droits réservés</div>
+            </div>
         </footer>
 
         <!-- Scripts JS -->

scripts/main.js

@@ -36,7 +36,7 @@ $(function () {
 
     /* Permet d'afficher la liste des citations/proverbes */
     if(chemin === "/views/quote-list.php") {
-        window.onload = $('.totalLengthQuote').html('Total de ' + quotes.length + ' citations.');
+        $('.totalLengthQuote').html('Total de ' + quotes.length + ' citations.');
         let resultat = "";
         for (index in quotes) {
             resultat = resultat + `<tr> <td class="quote-element-list important">${quotes[index]["source"]}</td> <td class="quote-element-list">${quotes[index]["quote"]}</td> </tr>`;

scripts/variables.js

@@ -20,6 +20,7 @@ texteFonctionChange = [
   `<a href="/views/function-views/armstrongNumber.php">vérifier si un nombre fait partie des nombres d'Armstrong</a>`,
   `<a href="/views/function-views/heapAlgorithm.php">génèrer toutes les permutations uniques possibles d'une chaîne de caractère</a>`,
   '<a href="/views/function-views/convertMarkdown.php">convertir du Markdown en HTML</a>',
+  '<a href="/views/function-views/linkShortener.php">raccourcir les liens trop longs</a>',
   '<a href="/views/function-views/weatherRequest.php">connaître la météo</a>'
 ];