feat: add favicon and site meta information

index.html

@@ -7,16 +7,26 @@
         <meta charset="UTF-8" />
         <link
             rel="icon"
+            href="/favicon.ico"
+            sizes="48x48"
+        >
+        <link
+            rel="icon"
+            href="/icon.svg"
+            sizes="any"
             type="image/svg+xml"
-            href="#"
-        />
+        >
+        <link
+            rel="apple-touch-icon"
+            href="/apple-touch-icon.png"
+        >
         <meta
             name="viewport"
             content="width=device-width, initial-scale=1.0"
         />
         <meta
             name="description"
-            content=""
+            content="IFRC Alert Hub provides global emergency alerts, empowering communities to protect lives and livelihoods."
         />
         <title>
             %APP_TITLE%
@@ -31,9 +41,9 @@
                 padding: 0;
             }
 
-            body {
-                font-family: Poppins, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
-            }
+         body {
+             font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
+         }
 
             @media screen {
                 body {

package.json

@@ -6,6 +6,7 @@
     "scripts": {
         "start": "vite",
         "build": "vite build",
+        "preview": "vite preview",
         "generate": "graphql-codegen --config codegen.yml && eslint --fix src/generated/types.ts",
         "lint:js": "eslint src",
         "lint:css": "stylelint \"./src/**/*.css\"",
@@ -73,7 +74,6 @@
         "vite": "^5.2.6",
         "vite-plugin-checker": "^0.6.2",
         "vite-plugin-compression2": "^1.0.0",
-        "vite-plugin-radar": "^0.9.2",
         "vite-plugin-svgr": "^4.2.0",
         "vite-plugin-webfont-dl": "^3.9.1",
         "vite-tsconfig-paths": "^4.2.2",

public/site.webmanifest

@@ -0,0 +1,19 @@
+{
+  "name": "IFRC Alert Hub",
+  "short_name": "Alert Hub",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#F5333F",
+  "background_color": "#FFFFFF",
+  "display": "standalone"
+}

tsconfig.node.json

@@ -6,5 +6,5 @@
         "moduleResolution": "bundler",
         "allowSyntheticDefaultImports": true
     },
-    "include": ["vite.config.ts"]
+    "include": ["vite.config.ts", "env.ts"]
 }