New Layout navbar added and components for displaying in it.

Author: PrathameshDhande22

quartz.layout.ts

@@ -3,62 +3,67 @@ import * as Component from "./quartz/components"
 
 // components shared across all pages
 export const sharedPageComponents: SharedLayout = {
+  navbar: [
+    Component.PageTitle(),
+    Component.MobileOnly(Component.Spacer()),
+    Component.NavigationLinks({
+      links: {
+        Blogs: "/blogs",
+        Github: "https://github.com/PrathameshDhande22/Java-Tutorial",
+        "About Me": "https://github.com/PrathameshDhande22"
+      }
+    }),
+    Component.Darkmode()
+  ],
   head: Component.Head(),
-  header: [],
+  header: [
+
+  ],
   afterBody: [
-    Component.MobileOnly(Component.Explorer({
-      title: "Patterns",
-      folderClickBehavior: "collapse",
-      folderDefaultState: "collapsed",
-    }))
   ],
   footer: Component.Footer({
     links: {
       GitHub: "https://prathameshdhande22.github.io/Java-Tutorial/",
       LinkedIn: "https://www.linkedin.com/in/prathamesh-dhande-3a039721a/"
-      // TODO: Later Add the Notes Links here
     },
   }),
 }
 
 // components for pages that display a single page (e.g. a single note)
 export const defaultContentPageLayout: PageLayout = {
   beforeBody: [
+
     Component.Breadcrumbs(),
     Component.ArticleTitle(),
     Component.ContentMeta(),
     Component.TagList(),
   ],
   left: [
-    Component.PageTitle(),
-    Component.MobileOnly(Component.Spacer()),
     Component.Search(),
-    Component.Darkmode(),
     Component.DesktopOnly(
       Component.Explorer({
-        title: "Patterns"
+        title: "Patterns",
+        folderDefaultState: "open",
       })
     )
   ],
   right: [
     Component.TableOfContents(),
     Component.Backlinks(),
     Component.DesktopOnly(Component.RecentNotes({
-      limit: 2
+      limit: 2,
+      title: "Recent Blogs"
     }))
-    // Component.Graph({ globalGraph: { zoom: true }, localGraph: {} }),
   ]
 }
 
 // components for pages that display lists of pages  (e.g. tags or folders)
 export const defaultListPageLayout: PageLayout = {
   beforeBody: [Component.Breadcrumbs(), Component.ArticleTitle(), Component.ContentMeta()],
   left: [
-    Component.PageTitle(),
-    Component.MobileOnly(Component.Spacer()),
-    Component.Search(),
-    Component.Darkmode(),
-    Component.DesktopOnly(Component.Explorer()),
+    Component.Explorer({
+      title: "Patterns"
+    })
   ],
   right: [],
 }