From 911ebb31b6a7ef0be2b4e1ca1b8ad04a73f1d201 Mon Sep 17 00:00:00 2001
From: Virtute90 <32056724+Virtute90@users.noreply.github.com>
Date: Tue, 23 Apr 2024 11:07:21 +0200
Subject: [PATCH] chore(docs): fix favicon not found error

---
 .storybook/manager-head.html         | 20 ++++++++++----------
 static/favicons/browserconfig.xml    |  4 ++--
 static/favicons/manifest.webmanifest | 12 ++++++------
 3 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/.storybook/manager-head.html b/.storybook/manager-head.html
index fa43ff679..20d85cb02 100644
--- a/.storybook/manager-head.html
+++ b/.storybook/manager-head.html
@@ -4,13 +4,13 @@
 <link rel="canonical" href="https://italia.github.io/design-react-kit/" />
 
 <!-- Favicons -->
-<link rel="apple-touch-icon" href="favicons/apple-touch-icon.png" />
-<link rel="icon" href="favicons/favicon-32x32.png" sizes="32x32" type="image/png" />
-<link rel="icon" href="favicons/favicon-16x16.png" sizes="16x16" type="image/png" />
-<link rel="manifest" href="favicons/manifest.webmanifest" />
-<link rel="mask-icon" href="favicons/safari-pinned-tab.svg" color="#0066CC" />
-<link rel="icon" href="favicons/favicon.ico" />
-<meta name="msapplication-config" content="favicons/browserconfig.xml" />
+<link rel="apple-touch-icon" href="/design-react-kit/favicons/apple-touch-icon.png" />
+<link rel="icon" href="/design-react-kit/favicons/favicon-32x32.png" sizes="32x32" type="image/png" />
+<link rel="icon" href="/design-react-kit/favicons/favicon-16x16.png" sizes="16x16" type="image/png" />
+<link rel="manifest" href="/design-react-kit/favicons/manifest.webmanifest" />
+<link rel="mask-icon" href="/design-react-kit/favicons/safari-pinned-tab.svg" color="#0066CC" />
+<link rel="icon" href="/design-react-kit/favicons/favicon.ico" />
+<meta name="msapplication-config" content="/design-react-kit/favicons/browserconfig.xml" />
 <meta name="theme-color" content="#0066CC" />
 
 <!-- Twitter -->
@@ -19,14 +19,14 @@
 <meta name="twitter:creator" content="Team per la Trasformazione Digitale" />
 <meta name="twitter:title" content="React Kit" />
 <meta name="twitter:description" content="Il kit React per la Pubblica Amministrazione" />
-<meta name="twitter:image" content="favicons/android-chrome-192x192.png" />
+<meta name="twitter:image" content="/design-react-kit/favicons/android-chrome-192x192.png" />
 <!-- Facebook -->
 <meta property="og:url" content="https://italia.github.io/bootstrap-italia/docs/come-iniziare/introduzione/" />
 <meta property="og:title" content="React Kit" />
 <meta property="og:description" content="Il kit React per la Pubblica Amministrazione" />
 <meta property="og:type" content="website" />
-<meta property="og:image" content="favicons/social-card.png" />
-<meta property="og:image:secure_url" content="favicons/social-card.png" />
+<meta property="og:image" content="/design-react-kit/favicons/social-card.png" />
+<meta property="og:image:secure_url" content="/design-react-kit/favicons/social-card.png" />
 <meta property="og:image:type" content="image/png" />
 <meta property="og:image:width" content="1200" />
 <meta property="og:image:height" content="630" />
diff --git a/static/favicons/browserconfig.xml b/static/favicons/browserconfig.xml
index c14f2e4f3..2aedd2265 100644
--- a/static/favicons/browserconfig.xml
+++ b/static/favicons/browserconfig.xml
@@ -2,8 +2,8 @@
 <browserconfig>
     <msapplication>
         <tile>
-            <square150x150logo src="/favicons/mstile-150x150.png"/>
+            <square150x150logo src="/design-react-kit/favicons/mstile-150x150.png"/>
             <TileColor>#0066CC</TileColor>
         </tile>
     </msapplication>
-</browserconfig>
+</browserconfig>
\ No newline at end of file
diff --git a/static/favicons/manifest.webmanifest b/static/favicons/manifest.webmanifest
index 91237881b..95cae34d1 100644
--- a/static/favicons/manifest.webmanifest
+++ b/static/favicons/manifest.webmanifest
@@ -1,19 +1,19 @@
 {
-  "name": "Bootstrap Italia",
-  "short_name": "BS Italia",
-  "start_url": "/bootstrap-italia",
+  "name": "Design React Kit",
+  "short_name": "DRK",
+  "start_url": "/design-react-kit",
   "theme_color": "#06C",
   "background_color": "#06C",
   "display": "standalone",
-  "description": "Bootstrap Italia è un tema open-source basato su Bootstrap 4 per la creazione di applicazioni responsive, mobile-first per il web.",
+  "description": "esign React Kit è un toolkit basato su Bootstrap Italia per la creazione di applicazioni web sviluppate con React.",
   "icons": [
     {
-      "src": "/favicons/android-chrome-192x192.png",
+      "src": "/design-react-kit/favicons/android-chrome-192x192.png",
       "sizes": "192x192",
       "type": "image/png"
     },
     {
-      "src": "/favicons/android-chrome-512x512.png",
+      "src": "/design-react-kit/favicons/android-chrome-512x512.png",
       "sizes": "512x512",
       "type": "image/png"
     }