Add unfurl meta data and upload images

0xBootleggers · Aug 25, 2023 · ac88454 · ac88454
1 parent 64229c1
commit ac88454
Show file tree

Hide file tree

Showing 4 changed files with 71 additions and 40 deletions.
diff --git a/index.html b/index.html
@@ -1,22 +1,38 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
-    <link rel="manifest" href="/site.webmanifest" />
-    <title>Invoke</title>
-  </head>
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-  <body>
-    <div id="root"></div>
-    <script>
-      window.global = window;
-    </script>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://invoke.haus/" />
+  <meta property="og:title" content="Invoke" />
+  <meta property="og:description" content="Summon a Moloch DAO on the Arbitrum network" />
+  <meta property="og:image" content="https://invoke.haus/preview.png" />
+
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="@0xBootleggers">
+  <meta name="twitter:domain" value="invoke.haus" />
+  <meta name="twitter:title" value="Invoke" />
+  <meta name="twitter:description" value="Summon a Moloch DAO on the Arbitrum network" />
+  <meta name="twitter:image" content="https://invoke.haus/twitter.png" />
+  <meta name="twitter:url" value="https://invoke.haus/" />
+
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+  <link rel="manifest" href="/site.webmanifest" />
+  <title>Invoke</title>
+</head>
+
+<body>
+  <div id="root"></div>
+  <script>
+    window.global = window;
+  </script>
+  <script type="module" src="/src/main.tsx"></script>
+</body>
+
+</html>
diff --git a/public/preview.png b/public/preview.png
diff --git a/public/twitter.png b/public/twitter.png
diff --git a/src/theme/theme.ts b/src/theme/theme.ts
@@ -6,14 +6,14 @@ import {
   secondaryDarkBtn,
   successDarkBtn,
   warningDarkBtn,
-} from "@daohaus/ui";
+} from '@daohaus/ui';
 
 export const invokeMono = {
-  step1: "hsl(0, 0%, 100%)",
-  step2: "hsl(0, 0%, 66%)",
-  step3: "hsl(0, 0%, 22%)",
-  step4: "hsl(0, 0%, 0%)",
-  step5: "rgba(255, 0, 0, 0)",
+  step1: 'hsl(0, 0%, 100%)',
+  step2: 'hsl(0, 0%, 66%)',
+  step3: 'hsl(0, 0%, 22%)',
+  step4: 'hsl(0, 0%, 0%)',
+  step5: 'rgba(255, 0, 0, 0)',
 };
 
 export const invokePrimaryBtn = {
@@ -62,11 +62,11 @@ const invokeFontFamily = {
 };
 
 export const invokeTheme: ThemeOverrides = {
-  themeName: "invoke",
-  rootBgColor: "rgba(0,0,0,0.5)",
+  themeName: 'invoke',
+  rootBgColor: 'rgba(0,0,0,0.5)',
   rootFontColor: invokeMono.step1,
   border: {
-    radius: "1px",
+    radius: '1px',
   },
   collapser: {
     iconColor: invokeMono.step2,
@@ -75,14 +75,14 @@ export const invokeTheme: ThemeOverrides = {
   font: {
     family: invokeFontFamily,
     size: {
-      xs: "1.2rem",
-      sm: "1.4rem",
-      md: "1.6rem",
-      lg: "2rem",
-      xl: "2.4rem",
-      xxl: "3.2rem",
-      xxxl: "4rem",
-      xxxxl: "4.8rem",
+      xs: '1.2rem',
+      sm: '1.4rem',
+      md: '1.6rem',
+      lg: '2rem',
+      xl: '2.4rem',
+      xxl: '3.2rem',
+      xxxl: '4rem',
+      xxxxl: '4.8rem',
     },
     weight: {
       extraLight: 200,
@@ -92,12 +92,12 @@ export const invokeTheme: ThemeOverrides = {
       bold: 700,
       black: 900,
     },
-    lineHeight: "150%",
-    letterSpacing: "1.5px",
+    lineHeight: '150%',
+    letterSpacing: '1.5px',
   },
   field: {
     ...defaultDarkTheme.field,
-    radius: "4px",
+    radius: '4px',
     inputFont: invokeFontFamily.data,
     labelFont: invokeFontFamily.header,
   },
@@ -107,12 +107,12 @@ export const invokeTheme: ThemeOverrides = {
     success: successDarkBtn,
     warning: warningDarkBtn,
     danger: dangerDarkBtn,
-    radius: "4px",
+    radius: '4px',
   },
   card: {
     bg: invokeMono.step4,
     border: invokeMono.step1,
-    radius: "8px",
+    radius: '8px',
   },
   input: {
     ...defaultDarkTheme.input,
@@ -128,4 +128,19 @@ export const invokeTheme: ThemeOverrides = {
       border: invokeMono.step1,
     },
   },
+  // dropdown: {
+  //   content: {
+  //     primary: {
+  //       bg: invokeMono.step3,
+  //     },
+  //   },
+  // },
+  // toast: {
+  //   bg: invokeMono.step3,
+  //   border: invokeMono.step5,
+  //   success: {
+  //     bg: invokeMono.step3,
+  //     border: invokeMono.step5,
+  //   },
+  // },
 };