Update organic graph images URLs

README.md

@@ -69,3 +69,4 @@ The smart contracts are in the `contracts` directory, and the frontend is in the
 ### Environment Variables
 
 - Use `VITE_WALLETCONNECT_PROJECT_ID` for your wallet connect project ID.
+- Use `VITE_SITE_URL` for your site URL. Otherwise, the default will be `https://council.haus`.

apps/web/src/app/root.tsx

@@ -52,16 +52,16 @@ export const meta: MetaFunction = () => [
   { name: "theme-color", content: "#111827" },
   { name: "color-scheme", content: "dark" },
 
-  { name: "image", content: "/logo-bg.svg" },
-  { name: "og:image", content: "/opengraph-image.webp" },
+  { name: "image", content: `${SITE_URL}/logo-bg.svg` },
+  { name: "og:image", content: `${SITE_URL}/opengraph-image.webp` },
   { name: "og:title", content: SITE_NAME },
   { name: "og:description", content: SITE_DESCRIPTION },
   { name: "og:url", content: SITE_URL },
   { name: "og:type", content: "website" },
   { name: "og:site_name", content: SITE_NAME },
   { name: "og:locale", content: "en_US" },
   { name: "twitter:card", content: "summary_large_image" },
-  { name: "twitter:image", content: "/opengraph-image.webp" },
+  { name: "twitter:image", content: `${SITE_URL}/opengraph-image.webp` },
   { name: "twitter:title", content: SITE_NAME },
   { name: "twitter:description", content: SITE_DESCRIPTION },
   { name: "twitter:site", content: SOCIAL_TWITTER },

constants.ts

@@ -1,7 +1,7 @@
 export const SITE_NAME = "CouncilHaus";
 export const SITE_DESCRIPTION =
   "Democratically allocate a budget across projects";
-export const SITE_URL = "https://council.haus";
+export const SITE_URL = import.meta.env.VITE_SITE_URL || "https://council.haus";
 export const SOCIAL_TWITTER = "blossom_labs";
 export const SOCIAL_GITHUB = "BlossomLabs/CouncilHaus";