From 6ce5261892ec05460c2c02329d6ff956e1d977b1 Mon Sep 17 00:00:00 2001
From: semanticdata <contact@miguelpimentel.do>
Date: Thu, 14 Mar 2024 13:22:04 -0500
Subject: [PATCH] new layout test

---
 quartz.layout.ts             | 28 ++++++++++-------
 quartz.layout.ts-backup.bak  | 58 ++++++++++++++++++++++++++++++++++++
 quartz/styles/variables.scss |  2 +-
 3 files changed, 76 insertions(+), 12 deletions(-)
 create mode 100644 quartz.layout.ts-backup.bak

diff --git a/quartz.layout.ts b/quartz.layout.ts
index 5a2e3fce8..30ee5baff 100644
--- a/quartz.layout.ts
+++ b/quartz.layout.ts
@@ -1,10 +1,14 @@
-import {PageLayout, SharedLayout} from "./quartz/cfg"
+import { PageLayout, SharedLayout } from "./quartz/cfg"
 import * as Component from "./quartz/components"
 
 // components shared across all pages
 export const sharedPageComponents: SharedLayout = {
   head: Component.Head(),
-  header: [],
+  header: [
+    Component.PageTitle(),
+    Component.Search(),
+    Component.Darkmode(),
+  ],
   footer: Component.Footer({
     links: {
       About: "/About",
@@ -20,22 +24,24 @@ export const sharedPageComponents: SharedLayout = {
 // components for pages that display a single page (e.g. a single note)
 export const defaultContentPageLayout: PageLayout = {
   beforeBody: [
-    // Component.Breadcrumbs(),
+    // Component.PageTitle(),
+    Component.Spacer(),
     Component.ArticleTitle(),
+    // Component.TableOfContents(),
+    // Component.Breadcrumbs(),
+    // Component.ArticleTitle(),
     // Component.ContentMeta(),
     // Component.TagList(),
-    Component.MobileOnly(Component.Spacer()),
+    // Component.MobileOnly(Component.Spacer()),
   ],
   left: [
-    Component.PageTitle(),
-    Component.MobileOnly(Component.Spacer()),
-    Component.Search(),
-    Component.Darkmode(),
-    Component.DesktopOnly(Component.Explorer()),
+    // Component.Search(),
+    // Component.Darkmode(),
+    // Component.DesktopOnly(Component.Explorer()),
   ],
   right: [
-    Component.Graph(),
-    Component.DesktopOnly(Component.TableOfContents()),
+    // Component.Graph(),
+    // Component.DesktopOnly(Component.TableOfContents()),
     Component.MobileOnly(Component.Backlinks()),
   ],
 }
diff --git a/quartz.layout.ts-backup.bak b/quartz.layout.ts-backup.bak
new file mode 100644
index 000000000..5a2e3fce8
--- /dev/null
+++ b/quartz.layout.ts-backup.bak
@@ -0,0 +1,58 @@
+import {PageLayout, SharedLayout} from "./quartz/cfg"
+import * as Component from "./quartz/components"
+
+// components shared across all pages
+export const sharedPageComponents: SharedLayout = {
+  head: Component.Head(),
+  header: [],
+  footer: Component.Footer({
+    links: {
+      About: "/About",
+      Blog: "https://miguelpimentel.do/",
+      Meta: "/Meta",
+      GitHub: "https://github.com/semanticdata/",
+      Source: "https://github.com/semanticdata/forgetful-notes/",
+      // Tags: "/tags",
+    },
+  }),
+}
+
+// components for pages that display a single page (e.g. a single note)
+export const defaultContentPageLayout: PageLayout = {
+  beforeBody: [
+    // Component.Breadcrumbs(),
+    Component.ArticleTitle(),
+    // Component.ContentMeta(),
+    // Component.TagList(),
+    Component.MobileOnly(Component.Spacer()),
+  ],
+  left: [
+    Component.PageTitle(),
+    Component.MobileOnly(Component.Spacer()),
+    Component.Search(),
+    Component.Darkmode(),
+    Component.DesktopOnly(Component.Explorer()),
+  ],
+  right: [
+    Component.Graph(),
+    Component.DesktopOnly(Component.TableOfContents()),
+    Component.MobileOnly(Component.Backlinks()),
+  ],
+}
+
+// components for pages that display lists of pages  (e.g. tags or folders)
+export const defaultListPageLayout: PageLayout = {
+  beforeBody: [
+    Component.Breadcrumbs(),
+    Component.ArticleTitle(),
+    Component.ContentMeta(),
+  ],
+  left: [
+    Component.PageTitle(),
+    Component.MobileOnly(Component.Spacer()),
+    Component.Search(),
+    Component.Darkmode(),
+    Component.DesktopOnly(Component.Explorer()),
+  ],
+  right: [],
+}
diff --git a/quartz/styles/variables.scss b/quartz/styles/variables.scss
index e45cc9158..863379ffa 100644
--- a/quartz/styles/variables.scss
+++ b/quartz/styles/variables.scss
@@ -2,7 +2,7 @@ $pageWidth: 750px;
 $mobileBreakpoint: 600px;
 $tabletBreakpoint: 1000px;
 $sidePanelWidth: 380px;
-$topSpacing: 6rem;
+$topSpacing: 4rem;
 $fullPageWidth: $pageWidth + 2 * $sidePanelWidth;
 $boldWeight: 700;
 $semiBoldWeight: 600;