Add devicon package, update gitignore, transform images png to webp, …

…update favicon images, update deployment script

.gitignore

@@ -92,6 +92,7 @@
 .venv
 .web
 .webassets-cache
+.DS_Store
 /site
 ENV/
 MANIFEST

assets/data/data_en.json

@@ -1,5 +1,5 @@
 {
-    "avatar": "/images/logo.png",
+    "avatar": "/images/logo.webp",
     "name": "Raúl Fernández Tirado",
     "job_position": "Full Stack Developer",
     "location": "Santiago de Compostela, Spain",
@@ -260,7 +260,7 @@
     ],
     "extras": [
         {
-            "image": "/images/logo.png",
+            "image": "/images/logo.webp",
             "title": "Title",
             "description": "Lorems ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
             "url": "https://www.google.com"

assets/data/data_es.json

@@ -1,5 +1,5 @@
 {
-    "avatar": "/images/logo.png",
+    "avatar": "/images/logo.webp",
     "name": "Raúl Fernández Tirado",
     "job_position": "Desarrollador Full Stack",
     "location": "Santiago de Compostela, España",
@@ -260,7 +260,7 @@
     ],
     "extras": [
         {
-            "image": "/images/logo.png",
+            "image": "/images/logo.webp",
             "title": "Title",
             "description": "Lorems ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
             "url": "https://www.google.com"

assets/images/favicon/browserconfig.xml

@@ -3,7 +3,7 @@
     <msapplication>
         <tile>
             <square150x150logo src="/mstile-150x150.png"/>
-            <TileColor>#da532c</TileColor>
+            <TileColor>#000000</TileColor>
         </tile>
     </msapplication>
 </browserconfig>

assets/images/favicon/site.webmanifest

@@ -13,7 +13,7 @@
             "type": "image/png"
         }
     ],
-    "theme_color": "#ffffff",
-    "background_color": "#ffffff",
+    "theme_color": "#000000",
+    "background_color": "#000000",
     "display": "standalone"
 }

assets/scripts.js

@@ -74,6 +74,16 @@ function initializeDarkMode() {
     }
 }
 
+document.head.innerHTML += `
+    <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon//favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon//favicon-16x16.png">
+    <link rel="manifest" href="/images/favicon//site.webmanifest">
+    <link rel="mask-icon" href="/images/favicon//safari-pinned-tab.svg" color="#5bbad5">
+    <meta name="msapplication-TileColor" content="#000000">
+    <meta name="theme-color" content="#000000">
+`;
+
 initializeDarkMode();
 changeLanguage(langEsBtn, '/');
 changeLanguage(langEnBtn, '/en');