From 08f8e3b4a4879dd7c91c16fbce80c4f2bc5e357f Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Mon, 10 Jul 2023 02:32:24 +0000
Subject: [PATCH] docs + various polish
---
quartz/components/renderPage.tsx | 32 ++++++++++++++------------------
1 files changed, 14 insertions(+), 18 deletions(-)
diff --git a/quartz/components/renderPage.tsx b/quartz/components/renderPage.tsx
index c70f092..cff61dd 100644
--- a/quartz/components/renderPage.tsx
+++ b/quartz/components/renderPage.tsx
@@ -25,7 +25,7 @@
css: [baseDir + "/index.css", ...staticResources.css],
js: [
{ src: baseDir + "/prescript.js", loadTime: "beforeDOMReady", contentType: "external" },
- { loadTime: "afterDOMReady", contentType: "inline", spaPreserve: true, script: contentIndexScript },
+ { loadTime: "beforeDOMReady", contentType: "inline", spaPreserve: true, script: contentIndexScript },
...staticResources.js,
{ src: baseDir + "/postscript.js", loadTime: "afterDOMReady", moduleType: 'module', contentType: "external" }
]
@@ -38,39 +38,35 @@
const Body = BodyConstructor()
const LeftComponent =
- <div class="left">
- <div class="left-inner">
- {left.map(BodyComponent => <BodyComponent {...componentData} />)}
- </div>
+ <div class="left sidebar">
+ {left.map(BodyComponent => <BodyComponent {...componentData} />)}
</div>
const RightComponent =
- <div class="right">
- <div class="right-inner">
- {right.map(BodyComponent => <BodyComponent {...componentData} />)}
- </div>
+ <div class="right sidebar">
+ {right.map(BodyComponent => <BodyComponent {...componentData} />)}
</div>
const doc = <html>
<Head {...componentData} />
<body data-slug={slug}>
<div id="quartz-root" class="page">
- <div class="page-header">
- <Header {...componentData} >
- {header.map(HeaderComponent => <HeaderComponent {...componentData} />)}
- </Header>
- <div class="popover-hint">
- {beforeBody.map(BodyComponent => <BodyComponent {...componentData} />)}
- </div>
- </div>
<Body {...componentData}>
{LeftComponent}
<div class="center">
+ <div class="page-header">
+ <Header {...componentData} >
+ {header.map(HeaderComponent => <HeaderComponent {...componentData} />)}
+ </Header>
+ <div class="popover-hint">
+ {beforeBody.map(BodyComponent => <BodyComponent {...componentData} />)}
+ </div>
+ </div>
<Content {...componentData} />
- <Footer {...componentData} />
</div>
{RightComponent}
</Body>
+ <Footer {...componentData} />
</div>
</body>
{pageResources.js.filter(resource => resource.loadTime === "afterDOMReady").map(res => JSResourceToScriptElement(res))}
--
Gitblit v1.10.0