Update asset paths in index.html for favicon and Open Graph/Twitter images; change Vite base path for deployment consistency.

osamajandali · osamajandali · commit e96f6deaae5e · 2025-03-16T17:13:04.000+02:00
diff --git a/index.html b/index.html
@@ -12,7 +12,7 @@
     gtag('config', 'G-G0FBNWR63G');
   </script>
   <meta charset="UTF-8" />
-  <link rel="icon" type="image/svg+xml" href="/assets/logo-icon.svg" />
+  <link rel="icon" type="image/svg+xml" href="./assets/logo-icon.svg" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   
   <!-- Primary Meta Tags -->
@@ -23,17 +23,17 @@
 
   <!-- Open Graph / Facebook -->
   <meta property="og:type" content="website">
-  <meta property="og:url" content="https://viz.if.greensoftware.foundation">
+  <meta property="og:url" content="https://viz.if.greensoftware.foundation/">
   <meta property="og:title" content="IF Visualizer">
   <meta property="og:description" content="Transforming your Impact framework data into intuitive, interactive insights">
-  <meta property="og:image" content="/assets/og-image.png">
+  <meta property="og:image" content="https://viz.if.greensoftware.foundation/assets/og-image.png">
 
   <!-- Twitter -->
   <meta property="twitter:card" content="summary_large_image">
-  <meta property="twitter:url" content="https://viz.if.greensoftware.foundation">
+  <meta property="twitter:url" content="https://viz.if.greensoftware.foundation/">
   <meta property="twitter:title" content="IF Visualizer">
   <meta property="twitter:description" content="Transforming your Impact framework data into intuitive, interactive insights">
-  <meta property="twitter:image" content="/assets/og-image.png">
+  <meta property="twitter:image" content="https://viz.if.greensoftware.foundation/assets/og-image.png">
 </head>
 
 <body class="bg-secondary-lightest-1">
diff --git a/vite.config.ts b/vite.config.ts
@@ -4,7 +4,7 @@ import { defineConfig } from "vite"
 
 export default defineConfig({
   plugins: [react()],
-  base: "/",
+  base: "/if-visualizer/",
   resolve: {
     alias: {
       "@": path.resolve(__dirname, "./src"),
