From a594bb817a4ec510a787c37743153b2aeb76cec9 Mon Sep 17 00:00:00 2001
From: Arghya Ghosh <uiuxarghya@gmail.com>
Date: Wed, 10 Jan 2024 15:14:09 +0000
Subject: [PATCH 1/3] feat: update og image generator url

---
 src/layouts/DocumentationLayout.js | 8 ++++----
 src/layouts/ProgramsLayout.js      | 8 ++++----
 src/pages/changelog.js             | 4 ++--
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/layouts/DocumentationLayout.js b/src/layouts/DocumentationLayout.js
index 9cb58ce1..0b617849 100644
--- a/src/layouts/DocumentationLayout.js
+++ b/src/layouts/DocumentationLayout.js
@@ -23,8 +23,8 @@ export function DocumentationLayout(props) {
           property="og:image"
           content={
             router.pathname === '/docs'
-              ? `https://og.javaistic.ml/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets.javaistic.ml%2Flogo%2Fjavaistic-docs-main.svg`
-              : `https://og.javaistic.ml/**${
+              ? `https://og-image-javaistic.vercel.app/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets.javaistic.ml%2Flogo%2Fjavaistic-docs-main.svg`
+              : `https://og-image-javaistic.vercel.app/**${
                   props.layoutProps.meta.metaTitle || props.layoutProps.meta.title
                 }**.png?theme=light&md=1&fontSize=120px&images=https%3A%2F%2Fassets.javaistic.ml%2Flogo%2Fjavaistic-docs-main.svg`
           }
@@ -34,8 +34,8 @@ export function DocumentationLayout(props) {
           name="twitter:image"
           content={
             router.pathname === '/docs'
-              ? `https://og.javaistic.ml/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets.javaistic.ml%2Flogo%2Fjavaistic-docs-main.svg`
-              : `https://og.javaistic.ml/**${
+              ? `https://og-image-javaistic.vercel.app/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets.javaistic.ml%2Flogo%2Fjavaistic-docs-main.svg`
+              : `https://og-image-javaistic.vercel.app/**${
                   props.layoutProps.meta.metaTitle || props.layoutProps.meta.title
                 }**.png?theme=light&md=1&fontSize=120px&images=https%3A%2F%2Fassets.javaistic.ml%2Flogo%2Fjavaistic-docs-main.svg`
           }
diff --git a/src/layouts/ProgramsLayout.js b/src/layouts/ProgramsLayout.js
index 3ae21660..1c59d68b 100644
--- a/src/layouts/ProgramsLayout.js
+++ b/src/layouts/ProgramsLayout.js
@@ -22,8 +22,8 @@ export function ProgramsLayout(props) {
           property="og:image"
           content={
             router.pathname === '/programs'
-              ? `https://og.javaistic.ml/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets.javaistic.ml%2Flogo%2Fjavaistic-programs-main.svg`
-              : `https://og.javaistic.ml/**${
+              ? `https://og-image-javaistic.vercel.app/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets.javaistic.ml%2Flogo%2Fjavaistic-programs-main.svg`
+              : `https://og-image-javaistic.vercel.app/**${
                   props.layoutProps.meta.metaTitle || props.layoutProps.meta.title
                 }**.png?theme=light&md=1&fontSize=120px&images=https%3A%2F%2Fassets.javaistic.ml%2Flogo%2Fjavaistic-programs-main.svg`
           }
@@ -34,8 +34,8 @@ export function ProgramsLayout(props) {
           name="twitter:image"
           content={
             router.pathname === '/programs'
-              ? `https://og.javaistic.ml/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets.javaistic.ml%2Flogo%2Fjavaistic-programs-main.svg`
-              : `https://og.javaistic.ml/**${
+              ? `https://og-image-javaistic.vercel.app/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets.javaistic.ml%2Flogo%2Fjavaistic-programs-main.svg`
+              : `https://og-image-javaistic.vercel.app/**${
                   props.layoutProps.meta.metaTitle || props.layoutProps.meta.title
                 }**.png?theme=light&md=1&fontSize=120px&images=https%3A%2F%2Fassets.javaistic.ml%2Flogo%2Fjavaistic-programs-main.svg`
           }
diff --git a/src/pages/changelog.js b/src/pages/changelog.js
index ab9b5a40..1b6a3d72 100644
--- a/src/pages/changelog.js
+++ b/src/pages/changelog.js
@@ -23,7 +23,7 @@ export default function Changelog() {
         <meta
           key="twitter:image"
           name="twitter:image"
-          content="https://og.javaistic.ml/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets.javaistic.ml%2Flogo%2Fjavaistic-changelog-main.svg"
+          content="https://og-image-javaistic.vercel.app/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets.javaistic.ml%2Flogo%2Fjavaistic-changelog-main.svg"
         />
         <meta key="twitter:creator" name="twitter:creator" content="@javaistic" />
 
@@ -38,7 +38,7 @@ export default function Changelog() {
         <meta
           key="og:image"
           property="og:image"
-          content="https://og.javaistic.ml/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets.javaistic.ml%2Flogo%2Fjavaistic-changelog-main.svg"
+          content="https://og-image-javaistic.vercel.app/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets.javaistic.ml%2Flogo%2Fjavaistic-changelog-main.svg"
         />
       </Head>
       <div className="px-4 pt-10 pb-16 sm:px-6 md:px-8">

From e4dc24c39a67c60185943e5e92517d3e3f0998a5 Mon Sep 17 00:00:00 2001
From: Arghya Ghosh <uiuxarghya@gmail.com>
Date: Wed, 10 Jan 2024 15:19:02 +0000
Subject: [PATCH 2/3] feat: update assests url

---
 src/layouts/DocumentationLayout.js | 8 ++++----
 src/layouts/ProgramsLayout.js      | 8 ++++----
 src/pages/changelog.js             | 4 ++--
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/layouts/DocumentationLayout.js b/src/layouts/DocumentationLayout.js
index 0b617849..070457bf 100644
--- a/src/layouts/DocumentationLayout.js
+++ b/src/layouts/DocumentationLayout.js
@@ -23,10 +23,10 @@ export function DocumentationLayout(props) {
           property="og:image"
           content={
             router.pathname === '/docs'
-              ? `https://og-image-javaistic.vercel.app/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets.javaistic.ml%2Flogo%2Fjavaistic-docs-main.svg`
+              ? `https://og-image-javaistic.vercel.app/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets-javaistic.vercel.app%2Flogo%2Fjavaistic-docs-main.svg`
               : `https://og-image-javaistic.vercel.app/**${
                   props.layoutProps.meta.metaTitle || props.layoutProps.meta.title
-                }**.png?theme=light&md=1&fontSize=120px&images=https%3A%2F%2Fassets.javaistic.ml%2Flogo%2Fjavaistic-docs-main.svg`
+                }**.png?theme=light&md=1&fontSize=120px&images=https%3A%2F%2Fassets-javaistic.vercel.app%2Flogo%2Fjavaistic-docs-main.svg`
           }
         />
         <meta
@@ -34,10 +34,10 @@ export function DocumentationLayout(props) {
           name="twitter:image"
           content={
             router.pathname === '/docs'
-              ? `https://og-image-javaistic.vercel.app/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets.javaistic.ml%2Flogo%2Fjavaistic-docs-main.svg`
+              ? `https://og-image-javaistic.vercel.app/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets-javaistic.vercel.app%2Flogo%2Fjavaistic-docs-main.svg`
               : `https://og-image-javaistic.vercel.app/**${
                   props.layoutProps.meta.metaTitle || props.layoutProps.meta.title
-                }**.png?theme=light&md=1&fontSize=120px&images=https%3A%2F%2Fassets.javaistic.ml%2Flogo%2Fjavaistic-docs-main.svg`
+                }**.png?theme=light&md=1&fontSize=120px&images=https%3A%2F%2Fassets-javaistic.vercel.app%2Flogo%2Fjavaistic-docs-main.svg`
           }
         />
       </Head>
diff --git a/src/layouts/ProgramsLayout.js b/src/layouts/ProgramsLayout.js
index 1c59d68b..7e32fd97 100644
--- a/src/layouts/ProgramsLayout.js
+++ b/src/layouts/ProgramsLayout.js
@@ -22,10 +22,10 @@ export function ProgramsLayout(props) {
           property="og:image"
           content={
             router.pathname === '/programs'
-              ? `https://og-image-javaistic.vercel.app/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets.javaistic.ml%2Flogo%2Fjavaistic-programs-main.svg`
+              ? `https://og-image-javaistic.vercel.app/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets-javaistic.vercel.app%2Flogo%2Fjavaistic-programs-main.svg`
               : `https://og-image-javaistic.vercel.app/**${
                   props.layoutProps.meta.metaTitle || props.layoutProps.meta.title
-                }**.png?theme=light&md=1&fontSize=120px&images=https%3A%2F%2Fassets.javaistic.ml%2Flogo%2Fjavaistic-programs-main.svg`
+                }**.png?theme=light&md=1&fontSize=120px&images=https%3A%2F%2Fassets-javaistic.vercel.app%2Flogo%2Fjavaistic-programs-main.svg`
           }
         />
         <meta key="twitter:card" name="twitter:card" content="summary_large_image" />
@@ -34,10 +34,10 @@ export function ProgramsLayout(props) {
           name="twitter:image"
           content={
             router.pathname === '/programs'
-              ? `https://og-image-javaistic.vercel.app/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets.javaistic.ml%2Flogo%2Fjavaistic-programs-main.svg`
+              ? `https://og-image-javaistic.vercel.app/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets-javaistic.vercel.app%2Flogo%2Fjavaistic-programs-main.svg`
               : `https://og-image-javaistic.vercel.app/**${
                   props.layoutProps.meta.metaTitle || props.layoutProps.meta.title
-                }**.png?theme=light&md=1&fontSize=120px&images=https%3A%2F%2Fassets.javaistic.ml%2Flogo%2Fjavaistic-programs-main.svg`
+                }**.png?theme=light&md=1&fontSize=120px&images=https%3A%2F%2Fassets-javaistic.vercel.app%2Flogo%2Fjavaistic-programs-main.svg`
           }
         />
       </Head>
diff --git a/src/pages/changelog.js b/src/pages/changelog.js
index 1b6a3d72..6de7acaf 100644
--- a/src/pages/changelog.js
+++ b/src/pages/changelog.js
@@ -23,7 +23,7 @@ export default function Changelog() {
         <meta
           key="twitter:image"
           name="twitter:image"
-          content="https://og-image-javaistic.vercel.app/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets.javaistic.ml%2Flogo%2Fjavaistic-changelog-main.svg"
+          content="https://og-image-javaistic.vercel.app/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets-javaistic.vercel.app%2Flogo%2Fjavaistic-changelog-main.svg"
         />
         <meta key="twitter:creator" name="twitter:creator" content="@javaistic" />
 
@@ -38,7 +38,7 @@ export default function Changelog() {
         <meta
           key="og:image"
           property="og:image"
-          content="https://og-image-javaistic.vercel.app/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets.javaistic.ml%2Flogo%2Fjavaistic-changelog-main.svg"
+          content="https://og-image-javaistic.vercel.app/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets-javaistic.vercel.app%2Flogo%2Fjavaistic-changelog-main.svg"
         />
       </Head>
       <div className="px-4 pt-10 pb-16 sm:px-6 md:px-8">

From 3f6148aaf9dee7eadeda6da154ad0a8da18a5026 Mon Sep 17 00:00:00 2001
From: Arghya Ghosh <71373838+uiuxarghya@users.noreply.github.com>
Date: Fri, 19 Jan 2024 00:15:42 +0530
Subject: [PATCH 3/3] feat: update og image urls

---
 src/layouts/DocumentationLayout.js | 16 ++++++++++------
 src/layouts/ProgramsLayout.js      | 16 ++++++++++------
 src/pages/changelog.js             |  4 ++--
 3 files changed, 22 insertions(+), 14 deletions(-)

diff --git a/src/layouts/DocumentationLayout.js b/src/layouts/DocumentationLayout.js
index 070457bf..6705acf3 100644
--- a/src/layouts/DocumentationLayout.js
+++ b/src/layouts/DocumentationLayout.js
@@ -23,10 +23,12 @@ export function DocumentationLayout(props) {
           property="og:image"
           content={
             router.pathname === '/docs'
-              ? `https://og-image-javaistic.vercel.app/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets-javaistic.vercel.app%2Flogo%2Fjavaistic-docs-main.svg`
-              : `https://og-image-javaistic.vercel.app/**${
+              ? `https://og-image-javaistic.vercel.app/og?title=${
                   props.layoutProps.meta.metaTitle || props.layoutProps.meta.title
-                }**.png?theme=light&md=1&fontSize=120px&images=https%3A%2F%2Fassets-javaistic.vercel.app%2Flogo%2Fjavaistic-docs-main.svg`
+                }`
+              : `https://og-image-javaistic.vercel.app/og?title=${
+                  props.layoutProps.meta.metaTitle || props.layoutProps.meta.title
+                }`
           }
         />
         <meta
@@ -34,10 +36,12 @@ export function DocumentationLayout(props) {
           name="twitter:image"
           content={
             router.pathname === '/docs'
-              ? `https://og-image-javaistic.vercel.app/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets-javaistic.vercel.app%2Flogo%2Fjavaistic-docs-main.svg`
-              : `https://og-image-javaistic.vercel.app/**${
+              ? `https://og-image-javaistic.vercel.app/og?title=${
+                  props.layoutProps.meta.metaTitle || props.layoutProps.meta.title
+                }`
+              : `https://og-image-javaistic.vercel.app/og?title=${
                   props.layoutProps.meta.metaTitle || props.layoutProps.meta.title
-                }**.png?theme=light&md=1&fontSize=120px&images=https%3A%2F%2Fassets-javaistic.vercel.app%2Flogo%2Fjavaistic-docs-main.svg`
+                }`
           }
         />
       </Head>
diff --git a/src/layouts/ProgramsLayout.js b/src/layouts/ProgramsLayout.js
index 7e32fd97..9d7ddd6f 100644
--- a/src/layouts/ProgramsLayout.js
+++ b/src/layouts/ProgramsLayout.js
@@ -22,10 +22,12 @@ export function ProgramsLayout(props) {
           property="og:image"
           content={
             router.pathname === '/programs'
-              ? `https://og-image-javaistic.vercel.app/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets-javaistic.vercel.app%2Flogo%2Fjavaistic-programs-main.svg`
-              : `https://og-image-javaistic.vercel.app/**${
+              ? `https://og-image-javaistic.vercel.app/og?title=${
                   props.layoutProps.meta.metaTitle || props.layoutProps.meta.title
-                }**.png?theme=light&md=1&fontSize=120px&images=https%3A%2F%2Fassets-javaistic.vercel.app%2Flogo%2Fjavaistic-programs-main.svg`
+                }`
+              : `https://og-image-javaistic.vercel.app/og?title=${
+                  props.layoutProps.meta.metaTitle || props.layoutProps.meta.title
+                }`
           }
         />
         <meta key="twitter:card" name="twitter:card" content="summary_large_image" />
@@ -34,10 +36,12 @@ export function ProgramsLayout(props) {
           name="twitter:image"
           content={
             router.pathname === '/programs'
-              ? `https://og-image-javaistic.vercel.app/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets-javaistic.vercel.app%2Flogo%2Fjavaistic-programs-main.svg`
-              : `https://og-image-javaistic.vercel.app/**${
+              ? `https://og-image-javaistic.vercel.app/og?title=${
+                  props.layoutProps.meta.metaTitle || props.layoutProps.meta.title
+                }`
+              : `https://og-image-javaistic.vercel.app/og?title=${
                   props.layoutProps.meta.metaTitle || props.layoutProps.meta.title
-                }**.png?theme=light&md=1&fontSize=120px&images=https%3A%2F%2Fassets-javaistic.vercel.app%2Flogo%2Fjavaistic-programs-main.svg`
+                }`
           }
         />
       </Head>
diff --git a/src/pages/changelog.js b/src/pages/changelog.js
index 6de7acaf..47729d28 100644
--- a/src/pages/changelog.js
+++ b/src/pages/changelog.js
@@ -23,7 +23,7 @@ export default function Changelog() {
         <meta
           key="twitter:image"
           name="twitter:image"
-          content="https://og-image-javaistic.vercel.app/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets-javaistic.vercel.app%2Flogo%2Fjavaistic-changelog-main.svg"
+          content="https://og-image-javaistic.vercel.app/og?title=Changelog"
         />
         <meta key="twitter:creator" name="twitter:creator" content="@javaistic" />
 
@@ -38,7 +38,7 @@ export default function Changelog() {
         <meta
           key="og:image"
           property="og:image"
-          content="https://og-image-javaistic.vercel.app/.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets-javaistic.vercel.app%2Flogo%2Fjavaistic-changelog-main.svg"
+          content="https://og-image-javaistic.vercel.app/og?title=Changelog"
         />
       </Head>
       <div className="px-4 pt-10 pb-16 sm:px-6 md:px-8">