:truck: Make the icons available locally

Remove the dependency to icons8 in order to avoid a connection to a
third-party, than can be slow and can lead to privacy infringement
(icons8 can store some cookies on the client).

web/contact.php

@@ -17,13 +17,13 @@
 
         <div class="focus-center">
             <h1>Contact</h1>
-            <img src="https://img.icons8.com/color/96/000000/filled-message.png" alt="home flat icon">
+            <img src="/include/icon/icons8-96-filled-message.png" alt="home flat icon">
             <h2>Retrouvez ici différents moyens pour me contacter</h2>
             <p class="lead">Pour l'instant par Linkedin, bientôt avec une adresse mail personnalisée.</p>
         </div>
 
         <h3>
-            <img src="https://img.icons8.com/color/48/000000/linkedin.png" alt="linkedin logo flat icon">
+            <img src="/include/icon/icons8-48-linkedin.png" alt="linkedin logo flat icon">
             Linkedin
         </h3>
         <p>Lien vers <a href="http://www.linkedin.com/in/jovian-hersemeule-232855150">mon profil Linkedin</a>.

web/cv.php

@@ -18,7 +18,7 @@
             <h1>
                 CV
             </h1>
-            <img src="https://img.icons8.com/color/96/000000/parse-from-clipboard.png" alt="cv flat icon">
+            <img src="/include/icon/icons8-96-parse-from-clipboard.png" alt="cv flat icon">
             <h2>
                 Ingénieur développement logiciel
             </h2>
@@ -39,7 +39,7 @@
             </a>
         </div>
         <h3>
-            <img src="https://img.icons8.com/color/50/000000/student-male.png" alt="v ">
+            <img src="/include/icon/icons8-50-student-male.png" alt="v ">
             Formation
         </h3>
         <div class="row">
@@ -85,7 +85,7 @@
             </div>
         </div>
         <h3>
-            <img src="https://img.icons8.com/color/48/000000/compass.png" alt="v ">
+            <img src="/include/icon/icons8-48-compass.png" alt="v ">
             Expériences
         </h3>
         <div class="row">
@@ -190,7 +190,7 @@
         </div>
 
         <h3>
-            <img src="https://img.icons8.com/color/48/000000/development-skill.png" alt="v ">
+            <img src="/include/icon/icons8-48-development-skill.png" alt="v ">
             Compétences
         </h3>
 
@@ -285,7 +285,7 @@
             </div>
         </div>
         <h3>
-            <img src="https://img.icons8.com/color/48/000000/treble-clef.png" alt="v ">
+            <img src="/include/icon/icons8-48-treble-clef.png" alt="v ">
             Intérêts
         </h3>
 

web/error404.php

@@ -8,7 +8,7 @@ include("header.php");
 
     <div class="focus-center">
         <h1>404</h1>
-        <img src="https://img.icons8.com/color/96/000000/matrix-desktop.png" alt="home flat icon">
+        <img src="/include/icon/icons8-96-matrix-desktop.png" alt="home flat icon">
         <h2>Page non trouvée</h2>
         <p class="lead">La page à laquelle votre navigateur souhaite accéder n'existe pas. Il est possible que j'ai fait
             une erreur lors du développement de mon site. N'hésitez pas à revenir plus tard ...</p>

web/include/navbar.php

@@ -3,19 +3,19 @@
     <a class="navbar-brand" href="/index.php">Jovian Hersemeule</a>
     <img class="rounded-circle jovian-toggler" type="button" data-toggle="collapse" data-target="#joviaNav"
          aria-controls="joviaNav"
-         aria-expanded="false" aria-label="Dérouler le menu" src="https://img.icons8.com/color/48/000000/menu-2.png"
+         aria-expanded="false" aria-label="Dérouler le menu" src="/include/icon/icons8-48-menu-2.png"
          alt="V">
     <div class="collapse navbar-collapse" id="joviaNav">
         <ul class="navbar-nav mr-auto">
             <li class="nav-item <?php if ($title == "Accueil") echo "active"; ?>">
                 <a class="nav-link" href="/index.php">
-                    <img src="https://img.icons8.com/color/48/000000/city.png" alt="|">
+                    <img src="/include/icon/icons8-48-city.png" alt="|">
                     Accueil
                 </a>
             </li>
             <li class="nav-item <?php if ($title == "CV") echo "active"; ?>">
                 <a class="nav-link" href="/cv.php">
-                    <img src="https://img.icons8.com/color/48/000000/parse-from-clipboard.png" alt="|">
+                    <img src="/include/icon/icons8-48-parse-from-clipboard.png" alt="|">
                     CV
                 </a>
             </li>
@@ -23,7 +23,7 @@
             <?php if (substr($_SERVER["SCRIPT_NAME"], 1, 7) == "projets") echo "active"; ?>">
                 <a class="nav-link dropdown-toggle" href="/projets.php" id="dropdown01" data-toggle="dropdown"
                    aria-haspopup="true" aria-expanded="false">
-                    <img src="https://img.icons8.com/color/48/000000/code.png" alt="|">
+                    <img src="/include/icon/icons8-48-code.png" alt="|">
                     Projets
                 </a>
                 <div class="dropdown-menu" aria-labelledby="dropdown01">
@@ -51,7 +51,7 @@
             </li>
             <li class="nav-item <?php if ($title == "Contact") echo "active"; ?>">
                 <a class="nav-link" href="/contact.php">
-                    <img src="https://img.icons8.com/color/48/000000/secured-letter.png" alt="|">
+                    <img src="/include/icon/icons8-48-secured-letter.png" alt="|">
                     Contact
                 </a>
             </li>

web/index.php

@@ -17,7 +17,7 @@
 
         <div class="focus-center">
             <h1>Jovian Hersemeule</h1>
-            <img src="https://img.icons8.com/color/96/000000/city.png" alt="Icone principale">
+            <img src="/include/icon/icons8-96-city.png" alt="Icone principale">
             <h2>Bienvenue sur mon site !</h2>
             <p class="lead">Vous trouverez ici les principales informations me concernant : qui je suis, mon parcours, mon
                 expérience professionnelle et mes projets de programmation.<br>Bonne visite !</p>

web/projets.php

@@ -18,7 +18,7 @@
             <h1>
                 Projets
             </h1>
-            <img src="https://img.icons8.com/color/96/000000/code.png" alt="code flat icon">
+            <img src="/include/icon/icons8-96-code.png" alt="code flat icon">
             <h2>
                 Mon folio de développeur
             </h2>
@@ -29,7 +29,7 @@
         </div>
 
         <h3>
-            <img src="https://img.icons8.com/color/48/000000/term.png" alt="term flat icon">
+            <img src="/include/icon/icons8-48-term.png" alt="term flat icon">
             Présentation
         </h3>
         <p>
@@ -42,7 +42,7 @@
         </p>
 
         <h3>
-            <img src="https://img.icons8.com/color/48/000000/git.png" alt="git flat icon">
+            <img src="/include/icon/icons8-48-git.png" alt="git flat icon">
             Code source
         </h3>
         <p>
@@ -54,7 +54,7 @@
 
         <!-- Catégorie : En cours -->
         <?php
-            $category_img_src = "https://img.icons8.com/color/50/000000/rocket.png";
+            $category_img_src = "/include/icon/icons8-50-rocket.png";
             $category_img_alt = "Rocket flat icon";
         ?>
         <h3>
@@ -69,7 +69,7 @@
             <?php
                 $pro_title = "Jovian Website";
                 $pro_text = "Mon site Internet : celui sur lequel vous naviguez actuellement.";
-                $pro_img_src = "https://img.icons8.com/color/400/000000/city.png";
+                $pro_img_src = "/include/icon/icons8-400-city.png";
                 $pro_img_alt = "Jovian site icon";
                 $pro_page = "projets/pro_static_site.php";
                 include("include/project-card.php");
@@ -78,7 +78,7 @@
 
         <!-- Catégorie : Présentables -->
         <?php
-            $category_img_src = "https://img.icons8.com/color/50/000000/space-shuttle.png";
+            $category_img_src = "/include/icon/icons8-50-space-shuttle.png";
             $category_img_alt = "Space shuttle flat icon";
         ?>
         <h3>
@@ -111,7 +111,7 @@
 
         <!-- Catégorie : projets à venir -->
         <?php
-            $category_img_src = "https://img.icons8.com/color/50/000000/blueprint.png";
+            $category_img_src = "/include/icon/icons8-50-blueprint.png";
             $category_img_alt = "Blueprint flat icon";
         ?>
         <h3>
@@ -126,7 +126,7 @@
             <?php
                 $pro_title = "Pulsar";
                 $pro_text = "Un jeu de vaisseaux spatiaux, où chaque équipe tente de prendre l'ascendant dans un système solaire.";
-                $pro_img_src = "https://img.icons8.com/color/400/000000/code.png";
+                $pro_img_src = "/include/icon/icons8-400-code.png";
                 $pro_img_alt = "Pulsar image";
                 $pro_page = "projets/pro_pulsar.php";
                 include("include/project-card.php");
@@ -135,7 +135,7 @@
 
         <!-- Catégorie : Projets terminés -->
         <?php
-            $category_img_src = "https://img.icons8.com/color/48/000000/uranus-planet.png";
+            $category_img_src = "/include/icon/icons8-48-uranus-planet.png";
             $category_img_alt = "Planet flat icon";
         ?>
         <h3>

web/projets/pro_ascii_space.php

@@ -31,7 +31,7 @@
 
         <!-- Content -->
         <h3>
-            <img src="https://img.icons8.com/color/48/000000/term.png" alt="term flat icon">
+            <img src="/include/icon/icons8-48-term.png" alt="term flat icon">
             Introduction
         </h3>
         <p>
@@ -453,7 +453,7 @@
             Téléchargements
         </h3>
         <div class="alert alert-info">
-            <img class="float-left" src="https://img.icons8.com/color/90/000000/road-worker.png" alt="worker flat icon">
+            <img class="float-left" src="/include/icon/icons8-90-road-worker.png" alt="worker flat icon">
             <p>
                 Mon site web est encore en <strong>développement</strong>. Cette section sera implémentée dans une
                 future version.

web/projets/pro_pulsar.php

@@ -18,7 +18,7 @@
             <h1>
                 Pulsar
             </h1>
-            <img src="https://img.icons8.com/color/96/000000/code.png" alt="code flat icon">
+            <img src="/include/icon/icons8-96-code.png" alt="code flat icon">
             <h2>
                 Concept de jeu vidéo
             </h2>
@@ -29,7 +29,7 @@
 
             <!-- Travaux -->
             <div class="alert alert-info">
-                    <img class="float-left" src="https://img.icons8.com/color/90/000000/road-worker.png" alt="worker flat icon">
+                    <img class="float-left" src="/include/icon/icons8-90-road-worker.png" alt="worker flat icon">
                     <p>
                             Mon site web est encore en <strong>développement</strong>. Cette section sera implémentée dans une
                             future version.

web/projets/pro_quoridor.php

@@ -30,7 +30,7 @@
 
         <!-- Content -->
         <h3>
-            <img src="https://img.icons8.com/color/48/000000/term.png" alt="term flat icon">
+            <img src="/include/icon/icons8-48-term.png" alt="term flat icon">
             Introduction
         </h3>
         <p>

web/projets/pro_static_site.php

@@ -18,7 +18,7 @@
             <h1>
                 Mon site internet
             </h1>
-            <img src="https://img.icons8.com/color/96/000000/html-5.png" alt="html-5 flat icon">
+            <img src="/include/icon/icons8-96-html-5.png" alt="html-5 flat icon">
             <h2>
                 Le site sur lequel vous surfez actuellement.
             </h2>
@@ -34,7 +34,7 @@
 
         <!-- Content -->
         <h3>
-            <img src="https://img.icons8.com/color/48/000000/term.png" alt="term flat icon">
+            <img src="/include/icon/icons8-48-term.png" alt="term flat icon">
             Introduction
         </h3>
         <p>
@@ -62,7 +62,7 @@
         </p>
 
         <h3>
-            <img src="https://img.icons8.com/color/48/000000/bootstrap.png" alt="bootstrap logo flat icon">
+            <img src="/include/icon/icons8-48-bootstrap.png" alt="bootstrap logo flat icon">
             Bootstrap : une affaire de style
         </h3>
         <p>
@@ -105,7 +105,7 @@
         </p>
 
         <h3>
-            <img src="https://img.icons8.com/color/48/000000/raspberry-pi.png" alt="raspberry pi logo flat icon">
+            <img src="/include/icon/icons8-48-raspberry-pi.png" alt="raspberry pi logo flat icon">
             Raspberry Pi : un petit ordinateur
         </h3>
         <p>
@@ -141,7 +141,7 @@
         </p>
 
         <h3>
-            <img src="https://img.icons8.com/color/48/000000/dns.png" alt="dns flat icon">
+            <img src="/include/icon/icons8-48-dns.png" alt="dns flat icon">
             OVH : mon nom de domaine
         </h3>
         <p>
@@ -184,7 +184,7 @@
         </p>
 
         <h3>
-            <img src="https://img.icons8.com/officel/48/000000/icons8-new-logo.png" alt="Icons8 logo flat icon">
+            <img src="/include/icon/icons8-48-icons8-new-logo.png" alt="Icons8 logo flat icon">
             ICONS8 : des icônes colorées
         </h3>
         <p>