Some renderPage and layout refinements; Added the date to the example…

… portfolio entry; Added the contributions component to the contentPage in order for its CSS to be identified
DigitalGardeningCollective · Mar 14, 2024 · d66ba98 · d66ba98
1 parent d9796ba
commit d66ba98
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 5 deletions.
diff --git a/content/portfolio/example-portfolio-entry.md b/content/portfolio/example-portfolio-entry.md
@@ -13,6 +13,7 @@ role:
   - UX Design
   - Usability Testing
   - Presentations
+date: 2024-03-06 8:30 pm
 ---
 ## Overview
 

diff --git a/quartz.layout.ts b/quartz.layout.ts
@@ -17,7 +17,6 @@ export const noteOrEssayPageLayout: PageLayout = {
     Component.GrowthStage(),
     Component.Title(),
     Component.Subtitle(),
-    // Component.ContentMeta(),
     Component.TagList(),
     Component.Row({ 
       isSpacedBetween: true, 
@@ -71,7 +70,6 @@ export const defaultContentPageLayout: PageLayout = {
     Component.Title(),
     Component.Subtitle(),
     Component.ContentMeta(),
-    Component.Contributions(),
     Component.TagList(),
   ],
   left: [

diff --git a/quartz/components/renderPage.tsx b/quartz/components/renderPage.tsx
@@ -230,7 +230,7 @@ export function renderPage(
           </Header>
           <div id="quartz-root" class="page">
             <Body {...componentData}>
-              {LeftComponent}
+              { (slug !== "index" && slug !== "garden/index") ? LeftComponent : <div></div>}
               <div class="center">
                 { slug !== "index" && slug !== "garden/index" && (<div class="popover-hint">
                     {beforeBody.map((BodyComponent) => (
@@ -242,7 +242,7 @@ export function renderPage(
                 { slug === "garden/index" && <GardenComponent {...componentData} /> }
                 { (slug !== "index" && slug !== "garden/index") && <Content {...componentData} /> }
               </div>
-              { slug !== "index" ? RightComponent : <div></div> }
+              { (slug !== "index" && slug !== "garden/index") ? RightComponent : <div></div> }
             </Body>
             <Footer {...componentData} />
           </div>

diff --git a/quartz/plugins/emitters/contentPage.tsx b/quartz/plugins/emitters/contentPage.tsx
@@ -25,6 +25,7 @@ import SearchConstructor from "../../components/Search"
 import DarkModeConstructor from "../../components/Darkmode"
 import RSSConstructor from "../../components/RSS"
 import SocialIconsConstructor from "../../components/SocialIcons"
+import ContributionsConstructor from "../../components/Contributions"
 import { pageResources, renderPage } from "../../components/renderPage"
 import { FullPageLayout } from "../../cfg"
 import { Argv } from "../../util/ctx"
@@ -100,6 +101,7 @@ export const ContentPage: QuartzEmitterPlugin<Partial<FullPageLayout>> = (userOp
   const DarkMode = DarkModeConstructor()
   const RSS = RSSConstructor()
   const SocialIcons = SocialIconsConstructor()
+  const Contributions = ContributionsConstructor()
 
   return {
     name: "ContentPage",
@@ -108,7 +110,7 @@ export const ContentPage: QuartzEmitterPlugin<Partial<FullPageLayout>> = (userOp
           Head, Header, Body, ...header, ...beforeBody, pageBody, ...left, ...right, Footer, 
           Landing, ShowcaseItem,
           Garden, Card, RecentlyPublished,
-          GrowthStage, Row, Author, CultivationDates,
+          GrowthStage, Row, Author, CultivationDates, Contributions,
           Team, ToolsOrTech, Role, Duration, Grid, Divider,
           Search, DarkMode, RSS, SocialIcons
         ]