chore: Initial commit

quartz.config.ts

@@ -16,8 +16,8 @@ const config: QuartzConfig = {
       provider: "plausible",
     },
     locale: "en-US",
-    baseUrl: "quartz.jzhao.xyz",
+    baseUrl: "groothuis.io",
-    ignorePatterns: ["private", "templates", ".obsidian"],
+    ignorePatterns: ["private", "_templates", "templates", ".obsidian"],
     defaultDateType: "modified",
     theme: {
       fontOrigin: "googleFonts",

quartz.layout.ts

@@ -5,45 +5,12 @@ import * as Component from "./quartz/components"
 export const sharedPageComponents: SharedLayout = {
   head: Component.Head(),
   header: [],
-  afterBody: [
+  afterBody: [],
-    Component.DesktopOnly(Component.Flex({
+  footer: Component.Footer({
-      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"
+      "Kubernetes GitOps Repo": "https://git.dgse.cloud/DGSE/kubernetes",
     },
   }),
-        align: "start",
-        justify: "center",
-        basis: "100%",
-      },
-      {
-        Component: Component.Darkmode(),
-        align: "center",
-        justify: "center",
-        basis: "100%",
-      },
-    ]
-  }),
 }
 
 // components for pages that display a single page (e.g. a single note)
@@ -60,21 +27,33 @@ export const defaultContentPageLayout: PageLayout = {
   left: [
     Component.PageTitle(),
     Component.MobileOnly(Component.Spacer()),
-    Component.Search(),
+    Component.Flex({
-    Component.TableOfContents(),
+      components: [
-    Component.DesktopOnly(Component.Explorer({
+        {
-      title: "Explore",
+          Component: Component.Search(),
-      folderClickBehavior: "collapse",
+          grow: true,
+        },
+        { Component: Component.Darkmode() },
+        { Component: Component.ReaderMode() },
+      ],
+    }),
+    Component.Explorer({
+      title: "Browse",
       folderDefaultState: "collapsed",
-      useSavedState: true,
+      mapFn: (node) => {
-    })),
+    if (node.isFolder) {
-    Component.RecentNotes({
+      node.displayName = "🗄️ " + node.displayName
-      title: "Recent notes",
+    } else {
-      limit: 5,
+      node.displayName = "📄 " + node.displayName
-      filter: (f) => f.slug! !== "index",
+    }
-    })
+  },
+    }
+    ),
   ],
   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: [],
 }

quartz/components/pages/FolderContent.tsx

@@ -105,18 +105,6 @@ export default ((opts?: Partial<FolderContentOptions>) => {
     return (
       <div class="popover-hint">
         <article class={classes}>{content}</article>
-        <div class="page-listing">
-          {options.showFolderCount && (
-            <p>
-              {i18n(cfg.locale).pages.folderContent.itemsUnderFolder({
-                count: allPagesInFolder.length,
-              })}
-            </p>
-          )}
-          <div>
-            <PageList {...listProps} />
-          </div>
-        </div>
       </div>
     )
   }