Merge branch 'v4' into jpg

quartz.layout.ts

@@ -5,40 +5,82 @@ import * as Component from "./quartz/components"
 export const sharedPageComponents: SharedLayout = {
   head: Component.Head(),
   header: [],
-  footer: Component.Footer({
-    links: {
-      "Théo Marchal": "https://theo.marchal.dev"
-    },
+  afterBody: [
+    Component.Footer({
+      links: {
+        "Théo Marchal": "https://theo.marchal.dev"
+      }
+    })
+  ],
+  footer: Component.Flex({
+    components:[]
   }),
 }
 
 // components for pages that display a single page (e.g. a single note)
 export const defaultContentPageLayout: PageLayout = {
+  
   beforeBody: [
-    Component.Breadcrumbs(),
+    Component.ConditionalRender({
+      component: Component.Breadcrumbs(),
+      condition: (page) => page.fileData.slug !== "index",
+    }),
   ],
+
   left: [
     Component.PageTitle(),
+
     Component.MobileOnly(Component.Spacer()),
-    Component.MobileOnly(Component.Darkmode()),
-    Component.DesktopOnly(Component.Explorer({folderDefaultState: "open"}))
+    Component.MobileOnly(Component.Flex({
+      components: [
+        {
+          Component: Component.Search(),
+          grow: true,
+        },
+        { Component: Component.Darkmode() },
+      ]
+    })),
+
+    Component.Explorer( { folderDefaultState: "open" } ),
   ],
+
   right: [
     Component.DesktopOnly(Component.Darkmode()),
-    Component.Search(),
-    Component.DesktopOnly(Component.TableOfContents()),
-    Component.MobileOnly(Component.Explorer({folderDefaultState: "open"}))
+    Component.DesktopOnly(Component.Search()),
+    Component.TableOfContents(),
   ],
 }
 
 // components for pages that display lists of pages  (e.g. tags or folders)
 export const defaultListPageLayout: PageLayout = {
-  beforeBody: [Component.Breadcrumbs(), Component.ArticleTitle(), Component.ContentMeta()],
+
+    beforeBody: [
+    Component.ConditionalRender({
+      component: Component.Breadcrumbs(),
+      condition: (page) => page.fileData.slug !== "index",
+    }),
+  ],
+
   left: [
     Component.PageTitle(),
+
     Component.MobileOnly(Component.Spacer()),
-    Component.Darkmode(),
-    Component.DesktopOnly(Component.Explorer()),
+    Component.MobileOnly(Component.Flex({
+      components: [
+        {
+          Component: Component.Search(),
+          grow: true,
+        },
+        { Component: Component.Darkmode() },
+      ]
+    })),
+
+    Component.Explorer( { folderDefaultState: "open" } ),
+  ],
+
+  right: [
+    Component.DesktopOnly(Component.Darkmode()),
+    Component.DesktopOnly(Component.Search()),
+    Component.TableOfContents(),
   ],
-  right: [],
 }