From 37584f0e09d88753cc0c03b6f4dac71b362853fb Mon Sep 17 00:00:00 2001
From: Jafeth Garro <45522320+IAmJafeth@users.noreply.github.com>
Date: Mon, 19 Aug 2024 00:16:22 -0600
Subject: [PATCH] chore: Added Zen Browser logo to Page's Tile

---
 .gitignore                      | 3 ++-
 quartz/components/PageTitle.tsx | 5 ++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/.gitignore b/.gitignore
index d7f07bf..c270fe0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
-
 /content/.obsidian
+/node_modules
+.idea
diff --git a/quartz/components/PageTitle.tsx b/quartz/components/PageTitle.tsx
index 046dc52..59630ff 100644
--- a/quartz/components/PageTitle.tsx
+++ b/quartz/components/PageTitle.tsx
@@ -1,4 +1,4 @@
-import { pathToRoot } from "../util/path"
+import { joinSegments, pathToRoot } from "../util/path"
 import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
 import { classNames } from "../util/lang"
 import { i18n } from "../i18n"
@@ -6,8 +6,11 @@ import { i18n } from "../i18n"
 const PageTitle: QuartzComponent = ({ fileData, cfg, displayClass }: QuartzComponentProps) => {
   const title = cfg?.pageTitle ?? i18n(cfg.locale).propertyDefaults.title
   const baseDir = pathToRoot(fileData.slug!)
+  const iconPath = joinSegments(baseDir, "static/icon.png")
   return (
     <h2 class={classNames(displayClass, "page-title")}>
+      <img src={iconPath} alt="Zen Browser Logo" width="70px" />
+      <br/>
       <a href={baseDir}>{title}</a>
     </h2>
   )