quartz state

quartz.config.ts

@@ -8,23 +8,22 @@ import * as Plugin from "./quartz/plugins"
  */
 const config: QuartzConfig = {
   configuration: {
-    pageTitle: "Quartz 4",
+    pageTitle: "Speisekarten Explorer",
     pageTitleSuffix: "",
     enableSPA: true,
     enablePopovers: true,
     analytics: {
-      provider: "plausible",
     },
     locale: "en-US",
-    baseUrl: "quartz.jzhao.xyz",
+    baseUrl: "menus.byte.wtf",
     ignorePatterns: ["private", "templates", ".obsidian"],
     defaultDateType: "modified",
     theme: {
       fontOrigin: "googleFonts",
-      cdnCaching: true,
+      cdnCaching: false,
       typography: {
-        header: "Schibsted Grotesk",
-        body: "Source Sans Pro",
+        header: "Roboto",
+        body: "Roboto Mono",
         code: "IBM Plex Mono",
       },
       colors: {
@@ -45,8 +44,8 @@ const config: QuartzConfig = {
           gray: "#646464",
           darkgray: "#d4d4d4",
           dark: "#ebebec",
-          secondary: "#7b97aa",
-          tertiary: "#84a59d",
+          secondary: "#FD3656",
+          tertiary: "#31FEFD",
           highlight: "rgba(143, 159, 169, 0.15)",
           textHighlight: "#b3aa0288",
         },

quartz.layout.ts

@@ -6,12 +6,7 @@ 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",
-    },
-  }),
+  footer: Component.Spacer(),
 }
 
 // components for pages that display a single page (e.g. a single note)

quartz/components/renderPage.tsx

@@ -246,9 +246,8 @@ export function renderPage(
                   ))}
                 </Header>
                 <div class="popover-hint">
-                  {beforeBody.map((BodyComponent) => (
-                    <BodyComponent {...componentData} />
-                  ))}
+                  {slug !== "index" &&
+                    beforeBody.map((BodyComponent) => <BodyComponent {...componentData} />)}
                 </div>
               </div>
               <Content {...componentData} />

quartz/styles/custom.scss

@@ -1,3 +1,40 @@
 @use "./base.scss";
 
 // put your custom CSS here!
+
+// hide date for subfolders on folderpage
+.page-listing {
+    li.section-li:has(.section .desc) {
+        .meta {
+            // hides date, keep indent
+            visibility: hidden;
+        }
+        .section {
+          grid-template-columns: none;
+        }
+    }
+}
+.page-header div.popover-hint p.content-meta {
+display: none;
+}
+.popover-hint div.page-listing p {
+display: none;
+}
+ 
+// indicate folder more clearly on folderpage
+.page-listing {
+    li.section-li:has(.section .desc a.internal[href$="/"]) {
+        .desc a.internal {
+            // prepend folder emoji
+            &:before {
+                content: "📁";
+                font-size: 2em;
+            }
+        }
+    }
+}
+
+// hide Date if frontmatter contains cssclasses hideDate
+body:has(.page-header ~ article.hideDate) .content-meta {
+    display: none;
+}