chore: add favicon, webmanifest and theme color preferences

7 files changed, 31 insertions, 2 deletions

diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 0000000..8128aca
--- /dev/null
+++ b/public/apple-touch-icon.png
diff --git a/public/favicon.ico b/public/favicon.ico
index 718d6fe..1bc8c79 100644
--- a/public/favicon.ico
+++ b/public/favicon.ico
diff --git a/public/icon-192.png b/public/icon-192.png
new file mode 100644
index 0000000..fb95bc7
--- /dev/null
+++ b/public/icon-192.png
diff --git a/public/icon-512.png b/public/icon-512.png
new file mode 100644
index 0000000..d97f6a6
--- /dev/null
+++ b/public/icon-512.png
diff --git a/public/icon.svg b/public/icon.svg
new file mode 100644
index 0000000..e3c52de
--- /dev/null
+++ b/public/icon.svg
@@ -0,0 +1 @@
+<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg"><style>@media (prefers-color-scheme:dark){.bg-left{fill:#88c1dd}.bg-right{fill:#7ab1cd}.letter{fill:#151d23;stroke:#8fa3ae}.letter-shadow{fill:#33414d;stroke:#33414d}}</style><path class="bg-left" fill="#1565a2" d="M0 0h506L0 506Z"/><path class="bg-right" fill="#114f7e" d="M512 512H6L512 6Z"/><path class="letter-shadow" d="M66.05 353.266h57.232l15.476-40.005h56.65l15.768 40.005h57.233l-72.125-188.052h-58.11zm80.009-79.426 21.024-55.189 21.024 55.19z" fill="#394146" stroke="#394146" stroke-width="5"/><path class="letter" d="M59.57 346.786h57.233l15.476-40.005h56.649l15.768 40.005h57.233l-72.125-188.052h-58.11zm80.01-79.425 21.023-55.19 21.025 55.19z" fill="#f6f8f8" stroke="#143752" stroke-width="5"/><path class="letter-shadow" d="M288.85 353.266h54.896v-50.517h40.881c42.049 0 68.913-28.617 68.913-68.33 0-38.544-21.608-69.205-67.745-69.205H288.85zm54.896-92.566v-53.437h29.785c16.352 0 23.944 10.512 23.944 27.156 0 15.477-8.468 26.28-25.404 26.28z" fill="#394146" stroke="#394146" stroke-width="5"/><path class="letter" d="M282.37 346.786h54.897v-50.517h40.88c42.05 0 68.914-28.616 68.914-68.33 0-38.544-21.608-69.205-67.745-69.205H282.37Zm54.897-92.566v-53.437h29.784c16.353 0 23.945 10.512 23.945 27.157 0 15.476-8.468 26.28-25.405 26.28z" fill="#f6f8f8" stroke="#143752" stroke-width="5"/></svg>
\ No newline at end of file
diff --git a/public/manifest.webmanifest b/public/manifest.webmanifest
new file mode 100644
index 0000000..da715c2
--- /dev/null
+++ b/public/manifest.webmanifest
@@ -0,0 +1,14 @@
+{
+  "lang": "fr",
+  "dir": "ltr",
+  "name": "Armand Philippot",
+  "short_name": "AP",
+  "description": "Armand Philippot - Intégrateur web",
+  "icons": [
+    { "src": "/favicon/icon-192.png", "type": "image/png", "sizes": "192x192" },
+    { "src": "/favicon/icon-512.png", "type": "image/png", "sizes": "512x512" }
+  ],
+  "theme_color": "#14578a",
+  "background_color": "#f6f8f8",
+  "display": "standalone"
+}
diff --git a/src/components/Layouts/Layout.tsx b/src/components/Layouts/Layout.tsx
index 0a3aa3d..599cfe2 100644
--- a/src/components/Layouts/Layout.tsx
+++ b/src/components/Layouts/Layout.tsx
@@ -53,6 +53,16 @@ const Layout = ({
         <meta property="twitter:card" content="summary" />
         <meta property="twitter:site" content={config.twitterId} />
         <meta property="twitter:creator" content={config.twitterId} />
+        <meta
+          name="theme-color"
+          content="#14578a"
+          media="(prefers-color-scheme: light)"
+        />
+        <meta
+          name="theme-color"
+          content="#85bbd6"
+          media="(prefers-color-scheme: dark)"
+        />
         <link
           rel="alternate"
           href="/feed.xml"
@@ -63,14 +73,18 @@ const Layout = ({
           rel="alternate"
           href="/atom.xml"
           type="application/atom+xml"
-          title={`${config.name}'s RSS feed`}
+          title={`${config.name}'s Atom feed`}
         />
         <link
           rel="alternate"
           href="/feed.json"
           type="application/feed+json"
-          title={`${config.name}'s RSS feed`}
+          title={`${config.name}'s Json feed`}
         />
+        <link rel="icon" href="/favicon.ico" sizes="any" />
+        <link rel="icon" href="/icon.svg" type="image/svg+xml" />
+        <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+        <link rel="manifest" href="/manifest.webmanifest" />
         <script
           type="application/ld+json"
           dangerouslySetInnerHTML={{ __html: JSON.stringify(schemaJsonLd) }}