chore(config): Added base layout definitions

quartz.config.ts

@@ -8,7 +8,7 @@ import * as Plugin from "./quartz/plugins"
  */
 const config: QuartzConfig = {
   configuration: {
-    pageTitle: "Quartz 4",
+    pageTitle: "Groothuis.io",
     pageTitleSuffix: "",
     enableSPA: true,
     enablePopovers: true,
@@ -34,18 +34,18 @@ const config: QuartzConfig = {
           gray: "#b8b8b8",
           darkgray: "#4e4e4e",
           dark: "#2b2b2b",
-          secondary: "#284b63",
+          secondary: "#2b2b2b",
           tertiary: "#84a59d",
           highlight: "rgba(143, 159, 169, 0.15)",
           textHighlight: "#fff23688",
         },
         darkMode: {
-          light: "#161618",
+          light: "#000000",
           lightgray: "#393639",
           gray: "#646464",
           darkgray: "#d4d4d4",
           dark: "#ebebec",
-          secondary: "#7b97aa",
+          secondary: "#FFFFFF",
           tertiary: "#84a59d",
           highlight: "rgba(143, 159, 169, 0.15)",
           textHighlight: "#b3aa0288",

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(),
   ],
 }