chore: Initial commit

quartz.layout.ts

@@ -5,44 +5,11 @@ import * as Component from "./quartz/components"
 export const sharedPageComponents: SharedLayout = {
   head: Component.Head(),
   header: [],
-  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%",
-      },
-    ]
+  afterBody: [],
+  footer: Component.Footer({
+    links: {
+      "Kubernetes GitOps Repo": "https://git.dgse.cloud/DGSE/kubernetes",
+    },
   }),
 }
 
@@ -60,21 +27,33 @@ export const defaultContentPageLayout: PageLayout = {
   left: [
     Component.PageTitle(),
     Component.MobileOnly(Component.Spacer()),
-    Component.Search(),
-    Component.TableOfContents(),
-    Component.DesktopOnly(Component.Explorer({
-      title: "Explore",
-      folderClickBehavior: "collapse",
+    Component.Flex({
+      components: [
+        {
+          Component: Component.Search(),
+          grow: true,
+        },
+        { Component: Component.Darkmode() },
+        { Component: Component.ReaderMode() },
+      ],
+    }),
+    Component.Explorer({
+      title: "Browse",
       folderDefaultState: "collapsed",
-      useSavedState: true,
-    })),
-    Component.RecentNotes({
-      title: "Recent notes",
-      limit: 5,
-      filter: (f) => f.slug! !== "index",
-    })
+      mapFn: (node) => {
+    if (node.isFolder) {
+      node.displayName = "🗄️ " + node.displayName
+    } else {
+      node.displayName = "📄 " + node.displayName
+    }
+  },
+    }
+    ),
   ],
   right: [
+    Component.Graph(),
+    Component.DesktopOnly(Component.TableOfContents()),
+    Component.Backlinks(),
   ],
 }
 
@@ -93,7 +72,17 @@ export const defaultListPageLayout: PageLayout = {
         { Component: Component.Darkmode() },
       ],
     }),
-    Component.Explorer(),
+    Component.Explorer({
+      title: "Browse",
+      folderDefaultState: "collapsed",
+      mapFn: (node) => {
+    if (node.isFolder) {
+      node.displayName = "🗄️ " + node.displayName
+    } else {
+      node.displayName = "📄 " + node.displayName
+    }
+  },
+    }),
   ],
   right: [],
 }