diff --git a/quartz.config.ts b/quartz.config.ts
index 8c479ac78..00cec1ae6 100644
--- a/quartz.config.ts
+++ b/quartz.config.ts
@@ -3,33 +3,33 @@ import * as Plugin from "./quartz/plugins"
 
 const config: QuartzConfig = {
   configuration: {
-    pageTitle: "🪴 Quartz 4.0",
+    pageTitle: "📜 docs.jyje.online",
     enableSPA: true,
     enablePopovers: true,
     analytics: {
       provider: "plausible",
     },
     locale: "en-US",
-    baseUrl: "quartz.jzhao.xyz",
+    baseUrl: "docs.jyje.online",
     ignorePatterns: ["private", "templates", ".obsidian"],
     defaultDateType: "created",
     theme: {
       cdnCaching: true,
       typography: {
-        header: "Schibsted Grotesk",
-        body: "Source Sans Pro",
-        code: "IBM Plex Mono",
+        header: "Noto Sans KR", // Schibsted Grotesk
+        body: "Noto Sans KR", // Source Sans Pro
+        code: "Noto Sans Mono", // IBM Plex Mono
       },
       colors: {
         lightMode: {
-          light: "#faf8f8",
+          light: "#ffffff",
           lightgray: "#e5e5e5",
           gray: "#b8b8b8",
           darkgray: "#4e4e4e",
           dark: "#2b2b2b",
-          secondary: "#284b63",
-          tertiary: "#84a59d",
-          highlight: "rgba(143, 159, 169, 0.15)",
+          secondary: "#680c2c",
+          tertiary: "#da185c",
+          highlight: "rgba(104, 12, 44, 0.15)",
         },
         darkMode: {
           light: "#161618",
@@ -37,9 +37,9 @@ const config: QuartzConfig = {
           gray: "#646464",
           darkgray: "#d4d4d4",
           dark: "#ebebec",
-          secondary: "#7b97aa",
-          tertiary: "#84a59d",
-          highlight: "rgba(143, 159, 169, 0.15)",
+          secondary: "#f2bac2",
+          tertiary: "#da185c",
+          highlight: "rgba(180, 20, 76, 0.15)",
         },
       },
     },
diff --git a/quartz.layout.ts b/quartz.layout.ts
index b5a1639eb..99bbfa92f 100644
--- a/quartz.layout.ts
+++ b/quartz.layout.ts
@@ -7,8 +7,11 @@ export const sharedPageComponents: SharedLayout = {
   header: [],
   footer: Component.Footer({
     links: {
-      GitHub: "https://github.com/jackyzha0/quartz",
-      "Discord Community": "https://discord.gg/cRFFHYye7t",
+      Repository: "https://github.com/jyje/docs",
+      License: "https://github.com/jyje/docs/blob/main/LICENSE.txt", 
+      Bio: "https://jyje.online",
+      LinkedIn: "https://www.linkedin.com/in/jyje",
+      GitHub: "https://github.com/jyje",
     },
   }),
 }
diff --git a/quartz/components/Footer.tsx b/quartz/components/Footer.tsx
index 076c37874..99c1781a2 100644
--- a/quartz/components/Footer.tsx
+++ b/quartz/components/Footer.tsx
@@ -9,14 +9,30 @@ interface Options {
 
 export default ((opts?: Options) => {
   const Footer: QuartzComponent = ({ displayClass, cfg }: QuartzComponentProps) => {
+    const beginYear = 2022
     const year = new Date().getFullYear()
     const links = opts?.links ?? []
     return (
       <footer class={`${displayClass ?? ""}`}>
+        <hr />
+        <script src="https://utteranc.es/client.js"
+          repo="jyje/docs"
+          issue-term="url"
+          label="💬 comment"
+          theme="github-light"
+          crossorigin="anonymous"
+          async>
+        </script>
         <hr />
         <p>
           {i18n(cfg.locale).components.footer.createdWith}{" "}
-          <a href="https://quartz.jzhao.xyz/">Quartz v{version}</a> © {year}
+          <a href="https://jyje.online">jyje.online</a>
+          {" "}©{" "}{beginYear}-{year}.{" "}
+          {i18n(cfg.locale).components.footer.poweredBy}{" "}
+          <a href="https://quartz.jzhao.xyz">Quartz v{version}</a>
+          {" "}and{" "}
+          <a href="https://pages.github.com">GitHub Pages</a>
+          {" "}with ♥️.
         </p>
         <ul>
           {Object.entries(links).map(([text, link]) => (
diff --git a/quartz/components/Head.tsx b/quartz/components/Head.tsx
index 3cb6bea66..b433fe167 100644
--- a/quartz/components/Head.tsx
+++ b/quartz/components/Head.tsx
@@ -27,6 +27,7 @@ export default (() => {
             <link rel="preconnect" href="https://fonts.gstatic.com" />
           </>
         )}
+        <meta name="naver-site-verification" content="7e7588d7de984f2fb2f623e7b666cc6a8548f54b" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <meta property="og:title" content={title} />
         <meta property="og:description" content={description} />
diff --git a/quartz/components/scripts/popover.inline.ts b/quartz/components/scripts/popover.inline.ts
index d0346b05b..0251834cb 100644
--- a/quartz/components/scripts/popover.inline.ts
+++ b/quartz/components/scripts/popover.inline.ts
@@ -37,47 +37,29 @@ async function mouseEnterHandler(
   targetUrl.hash = ""
   targetUrl.search = ""
 
-  const response = await fetch(`${targetUrl}`).catch((err) => {
-    console.error(err)
-  })
+  const contents = await fetch(`${targetUrl}`)
+    .then((res) => res.text())
+    .catch((err) => {
+      console.error(err)
+    })
 
   // bailout if another popover exists
   if (hasAlreadyBeenFetched()) {
     return
   }
 
-  if (!response) return
-  const contentType = response.headers.get("Content-Type")
-  const contentTypeCategory = contentType?.split("/")[0] ?? "text"
+  if (!contents) return
+  const html = p.parseFromString(contents, "text/html")
+  normalizeRelativeURLs(html, targetUrl)
+  const elts = [...html.getElementsByClassName("popover-hint")]
+  if (elts.length === 0) return
 
   const popoverElement = document.createElement("div")
   popoverElement.classList.add("popover")
   const popoverInner = document.createElement("div")
   popoverInner.classList.add("popover-inner")
   popoverElement.appendChild(popoverInner)
-
-  popoverInner.dataset.contentType = contentTypeCategory
-
-  switch (contentTypeCategory) {
-    case "image":
-      const img = document.createElement("img")
-
-      response.blob().then((blob) => {
-        img.src = URL.createObjectURL(blob)
-      })
-      img.alt = targetUrl.pathname
-
-      popoverInner.appendChild(img)
-      break
-    default:
-      const contents = await response.text()
-      const html = p.parseFromString(contents, "text/html")
-      normalizeRelativeURLs(html, targetUrl)
-      const elts = [...html.getElementsByClassName("popover-hint")]
-      if (elts.length === 0) return
-
-      elts.forEach((elt) => popoverInner.appendChild(elt))
-  }
+  elts.forEach((elt) => popoverInner.appendChild(elt))
 
   setPosition(popoverElement)
   link.appendChild(popoverElement)
diff --git a/quartz/components/styles/explorer.scss b/quartz/components/styles/explorer.scss
index 55ea8aa88..34f180cf2 100644
--- a/quartz/components/styles/explorer.scss
+++ b/quartz/components/styles/explorer.scss
@@ -87,7 +87,7 @@ svg {
     color: var(--secondary);
     font-family: var(--headerFont);
     font-size: 0.95rem;
-    font-weight: $semiBoldWeight;
+    font-weight: $boldWeight;
     line-height: 1.5rem;
     display: inline-block;
   }
@@ -112,7 +112,7 @@ svg {
       font-size: 0.95rem;
       display: inline-block;
       color: var(--secondary);
-      font-weight: $semiBoldWeight;
+      font-weight: $boldWeight;
       margin: 0;
       line-height: 1.5rem;
       pointer-events: none;
diff --git a/quartz/components/styles/footer.scss b/quartz/components/styles/footer.scss
index 9c8dbf8c1..907ed8579 100644
--- a/quartz/components/styles/footer.scss
+++ b/quartz/components/styles/footer.scss
@@ -1,7 +1,7 @@
 footer {
   text-align: left;
   margin-bottom: 4rem;
-  opacity: 0.7;
+  opacity: 0.9;
 
   & ul {
     list-style: none;
diff --git a/quartz/components/styles/recentNotes.scss b/quartz/components/styles/recentNotes.scss
index 726767198..566649f13 100644
--- a/quartz/components/styles/recentNotes.scss
+++ b/quartz/components/styles/recentNotes.scss
@@ -1,7 +1,7 @@
 .recent-notes {
   & > h3 {
-    margin: 0.5rem 0 0 0;
     font-size: 1rem;
+    margin: 0;
   }
 
   & > ul.recent-ul {
diff --git a/quartz/i18n/locales/de-DE.ts b/quartz/i18n/locales/de-DE.ts
index e3821944b..f8d800236 100644
--- a/quartz/i18n/locales/de-DE.ts
+++ b/quartz/i18n/locales/de-DE.ts
@@ -33,6 +33,7 @@ export default {
       title: "Explorer",
     },
     footer: {
+      poweredBy: "Powered by",
       createdWith: "Erstellt mit",
     },
     graph: {
diff --git a/quartz/i18n/locales/definition.ts b/quartz/i18n/locales/definition.ts
index 1d5d3dda6..1cabb5386 100644
--- a/quartz/i18n/locales/definition.ts
+++ b/quartz/i18n/locales/definition.ts
@@ -35,6 +35,7 @@ export interface Translation {
       title: string
     }
     footer: {
+      poweredBy: string
       createdWith: string
     }
     graph: {
diff --git a/quartz/i18n/locales/en-US.ts b/quartz/i18n/locales/en-US.ts
index 4a308d79a..1846b86d9 100644
--- a/quartz/i18n/locales/en-US.ts
+++ b/quartz/i18n/locales/en-US.ts
@@ -33,6 +33,7 @@ export default {
       title: "Explorer",
     },
     footer: {
+      poweredBy: "Powered by",
       createdWith: "Created with",
     },
     graph: {
diff --git a/quartz/i18n/locales/es-ES.ts b/quartz/i18n/locales/es-ES.ts
index f59d201a3..e805225ad 100644
--- a/quartz/i18n/locales/es-ES.ts
+++ b/quartz/i18n/locales/es-ES.ts
@@ -33,6 +33,7 @@ export default {
       title: "Explorador",
     },
     footer: {
+      poweredBy: "Powered by",
       createdWith: "Creado con",
     },
     graph: {
diff --git a/quartz/i18n/locales/fr-FR.ts b/quartz/i18n/locales/fr-FR.ts
index 8b7229201..661f1fc79 100644
--- a/quartz/i18n/locales/fr-FR.ts
+++ b/quartz/i18n/locales/fr-FR.ts
@@ -33,6 +33,7 @@ export default {
       title: "Explorateur",
     },
     footer: {
+      poweredBy: "Powered by",
       createdWith: "Créé avec",
     },
     graph: {
diff --git a/quartz/i18n/locales/ja-JP.ts b/quartz/i18n/locales/ja-JP.ts
index d429db411..e7a131058 100644
--- a/quartz/i18n/locales/ja-JP.ts
+++ b/quartz/i18n/locales/ja-JP.ts
@@ -33,6 +33,7 @@ export default {
       title: "エクスプローラー",
     },
     footer: {
+      poweredBy: "Powered by",
       createdWith: "作成",
     },
     graph: {
diff --git a/quartz/i18n/locales/nl-NL.ts b/quartz/i18n/locales/nl-NL.ts
index e239be0e1..6de32886a 100644
--- a/quartz/i18n/locales/nl-NL.ts
+++ b/quartz/i18n/locales/nl-NL.ts
@@ -33,6 +33,7 @@ export default {
       title: "Verkenner",
     },
     footer: {
+      poweredBy: "Powered by",
       createdWith: "Gemaakt met",
     },
     graph: {
diff --git a/quartz/i18n/locales/ro-RO.ts b/quartz/i18n/locales/ro-RO.ts
index 556b18995..a3971ec5d 100644
--- a/quartz/i18n/locales/ro-RO.ts
+++ b/quartz/i18n/locales/ro-RO.ts
@@ -33,6 +33,7 @@ export default {
       title: "Explorator",
     },
     footer: {
+      poweredBy: "Powered by",
       createdWith: "Creat cu",
     },
     graph: {
diff --git a/quartz/i18n/locales/uk-UA.ts b/quartz/i18n/locales/uk-UA.ts
index c997a6972..dc53d37ef 100644
--- a/quartz/i18n/locales/uk-UA.ts
+++ b/quartz/i18n/locales/uk-UA.ts
@@ -33,6 +33,7 @@ export default {
       title: "Провідник",
     },
     footer: {
+      poweredBy: "Powered by",
       createdWith: "Створено за допомогою",
     },
     graph: {
diff --git a/quartz/static/icon.png b/quartz/static/icon.png
index b6656a7a8..3ca6917eb 100644
Binary files a/quartz/static/icon.png and b/quartz/static/icon.png differ
diff --git a/quartz/static/og-image.png b/quartz/static/og-image.png
index f1321455b..578a2bd02 100644
Binary files a/quartz/static/og-image.png and b/quartz/static/og-image.png differ