chore(config): Added base layout definitions

quartz.layout.ts

@@ -5,12 +5,44 @@ import * as Component from "./quartz/components"
 export const sharedPageComponents: SharedLayout = {
   head: Component.Head(),
   header: [],
-  afterBody: [],
-  footer: Component.Footer({
-    links: {
-      GitHub: "https://github.com/jackyzha0/quartz",
-      "Discord Community": "https://discord.gg/cRFFHYye7t",
-    },
+  afterBody: [
+    Component.DesktopOnly(Component.Flex({
+      components: [
+        {
+          Component: Component.Graph(),
+          align: "start",
+          justify: "center",
+          basis: "50%",
+        },
+        {
+          Component: Component.Backlinks(),
+          align: "start",
+          justify: "center",
+          basis: "50%",
+        },
+      ],
+    })),
+  ],
+  footer: Component.Flex({
+    direction: "column",
+    components: [
+      {
+        Component: Component.Footer({
+          links: {
+            Repository: "https://git.dgse.cloud/dgroothuis/digital-garden"
+          },
+        }),
+        align: "start",
+        justify: "center",
+        basis: "100%",
+      },
+      {
+        Component: Component.Darkmode(),
+        align: "center",
+        justify: "center",
+        basis: "100%",
+      },
+    ]
   }),
 }
 
@@ -28,22 +60,21 @@ export const defaultContentPageLayout: PageLayout = {
   left: [
     Component.PageTitle(),
     Component.MobileOnly(Component.Spacer()),
-    Component.Flex({
-      components: [
-        {
-          Component: Component.Search(),
-          grow: true,
-        },
-        { Component: Component.Darkmode() },
-        { Component: Component.ReaderMode() },
-      ],
-    }),
-    Component.Explorer(),
+    Component.Search(),
+    Component.TableOfContents(),
+    Component.DesktopOnly(Component.Explorer({
+      title: "Explore",
+      folderClickBehavior: "collapse",
+      folderDefaultState: "collapsed",
+      useSavedState: true,
+    })),
+    Component.RecentNotes({
+      title: "Recent notes",
+      limit: 5,
+      filter: (f) => f.slug! !== "index",
+    })
   ],
   right: [
-    Component.Graph(),
-    Component.DesktopOnly(Component.TableOfContents()),
-    Component.Backlinks(),
   ],
 }