diff --git a/apps/web/public/banner.svg b/apps/web/public/banner.svg new file mode 100644 index 0000000..3eed2d6 --- /dev/null +++ b/apps/web/public/banner.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/apps/web/public/opengraph-image.svg b/apps/web/public/opengraph-image.svg new file mode 100644 index 0000000..9c7f05a --- /dev/null +++ b/apps/web/public/opengraph-image.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/apps/web/public/opengraph-image.webp b/apps/web/public/opengraph-image.webp new file mode 100644 index 0000000..092eb14 Binary files /dev/null and b/apps/web/public/opengraph-image.webp differ diff --git a/apps/web/src/app/root.tsx b/apps/web/src/app/root.tsx index c66ed10..f8c671a 100644 --- a/apps/web/src/app/root.tsx +++ b/apps/web/src/app/root.tsx @@ -15,7 +15,6 @@ import { WalletProvider } from "../context/WalletProvider"; import { SITE_DESCRIPTION, - SITE_EMOJI, SITE_NAME, SITE_URL, SOCIAL_TWITTER, @@ -37,9 +36,20 @@ export const meta: MetaFunction = () => [ title: SITE_NAME, viewport: "width=device-width,initial-scale=1", }, + { + rel: "icon", + href: "/logo-dark.svg", + type: "image/svg+xml", + }, + { rel: "shortcut icon", href: "/favicon.ico" }, + { rel: "apple-touch-icon", sizes: "180x180", href: "/apple-touch-icon.png" }, + { rel: "manifest", href: "/manifest.json" }, { name: "description", content: SITE_DESCRIPTION }, - { name: "image", content: SITE_EMOJI }, - { name: "og:image", content: "/opengraph-image" }, + { name: "theme-color", content: "#111827" }, + { name: "color-scheme", content: "dark" }, + + { name: "image", content: "/logo-bg.svg" }, + { name: "og:image", content: "/opengraph-image.webp" }, { name: "og:title", content: SITE_NAME }, { name: "og:description", content: SITE_DESCRIPTION }, { name: "og:url", content: SITE_URL }, @@ -47,7 +57,7 @@ export const meta: MetaFunction = () => [ { 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" }, + { name: "twitter:image", content: "/opengraph-image.webp" }, { name: "twitter:title", content: SITE_NAME }, { name: "twitter:description", content: SITE_DESCRIPTION }, { name: "twitter:site", content: SOCIAL_TWITTER }, diff --git a/apps/web/src/components/Header.tsx b/apps/web/src/components/Header.tsx index 6c8ab25..f2c7d06 100644 --- a/apps/web/src/components/Header.tsx +++ b/apps/web/src/components/Header.tsx @@ -1,4 +1,5 @@ import React from "react"; +import { SITE_NAME } from "../../../../constants"; import { ConnectButton } from "./ConnectButton"; export default function Header() { @@ -6,9 +7,9 @@ export default function Header() {
- Council Haus -

- Council Haus + CouncilHaus +

+ {SITE_NAME}

diff --git a/constants.ts b/constants.ts index 0e7665a..4a4ad48 100644 --- a/constants.ts +++ b/constants.ts @@ -1,10 +1,9 @@ -export const SITE_NAME = "Councilhaus"; +export const SITE_NAME = "CouncilHaus"; export const SITE_DESCRIPTION = "Democratically allocate a budget across projects"; -export const SITE_EMOJI = "🏜️"; export const SITE_URL = "https://council.haus"; export const SOCIAL_TWITTER = "blossom_labs"; -export const SOCIAL_GITHUB = "BlossomLabs/councilhaus"; +export const SOCIAL_GITHUB = "BlossomLabs/CouncilHaus"; export const DEFAULT_COUNCIL_ADDRESS = "0xfa942226e5dd1e2d4d99014982846786b09939da";