chore: Update Open Graph image

celest-dev · Oct 17, 2024 · 0109f7c · 0109f7c
1 parent d98a001
commit 0109f7c
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 6 deletions.
diff --git a/pages/api/og.tsx b/pages/api/og.tsx
@@ -14,7 +14,13 @@ export default async function handler(request: NextRequest) {
     ).then((res) => res.arrayBuffer());
     const poppinsBold = await fetch(
       new URL(
-        "../../public/fonts/Poppins/Poppins-SemiBold.ttf",
+        "../../public/fonts/Poppins/Poppins-Medium.ttf",
+        import.meta.url
+      )
+    ).then((res) => res.arrayBuffer());
+    const berkeleyMono = await fetch(
+      new URL(
+        "../../public/fonts/BerkeleyMono-Regular.ttf",
         import.meta.url
       )
     ).then((res) => res.arrayBuffer());
@@ -43,9 +49,9 @@ export default async function handler(request: NextRequest) {
             alignItems: "center",
             justifyContent: "center",
             background:
-              "linear-gradient(100deg, #027dfd 26.96%, #92ebfe 109.1%)",
+              "linear-gradient(115deg, #010512 26.96%, #121f30 80%)",
             color: "white",
-            fontFamily: "Poppins, sans-serif",
+            fontFamily: "Berkeley Mono, Poppins, sans-serif",
             textAlign: "center",
           }}
         >
@@ -70,15 +76,16 @@ export default async function handler(request: NextRequest) {
               style={{
                 paddingTop: 24,
                 marginLeft: 24,
-                fontSize: 100,
-                fontWeight: 600,
+                fontSize: 130,
+                fontWeight: 500,
+                fontFamily: 'Poppins',
               }}
             >
               Celest
             </div>
           </div>
           {title && (
-            <div style={{ marginTop: 24, fontSize: 56, maxWidth: "50%" }}>
+            <div style={{ marginTop: 28, fontSize: 56, maxWidth: "50%" }}>
               {title}
             </div>
           )}
@@ -104,6 +111,12 @@ export default async function handler(request: NextRequest) {
             style: "normal",
             weight: 600,
           },
+          {
+            name: "Berkeley Mono",
+            data: berkeleyMono,
+            style: "normal",
+            weight: 400,
+          },
         ],
       }
     );

diff --git a/public/fonts/BerkeleyMono-Regular.ttf b/public/fonts/BerkeleyMono-Regular.ttf