chore: status metadata

8bitgentleman · Mar 20, 2024 · 09fffd7 · 09fffd7
1 parent 47818f9
commit 09fffd7
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 8 deletions.
diff --git a/quartz.config.ts b/quartz.config.ts
@@ -25,9 +25,9 @@ const config: QuartzConfig = {
         header: "Poppins",
         body: "Crimson Pro",
         code: "IBM Plex Mono",
-        test: "Italiana",
-        cursive1: "Delicious Handrawn",
-        cursive2: "Patrick Hand SC",
+        // test: "Italiana",
+        // cursive1: "Delicious Handrawn",
+        // cursive2: "Patrick Hand SC",
       },
       colors: {
         lightMode: {

diff --git a/quartz.layout.ts b/quartz.layout.ts
@@ -40,7 +40,7 @@ export const defaultContentPageLayout: PageLayout = {
   beforeBody: [
     // Component.Breadcrumbs(),
     Component.ArticleTitle(),
-    Component.ContentMeta(),
+    Component.ContentMeta({showComma:false}),
     Component.TagList(),
   ],
   left: [

diff --git a/quartz/components/ContentMeta.tsx b/quartz/components/ContentMeta.tsx
@@ -25,7 +25,8 @@ export default ((opts?: Partial<ContentMetaOptions>) => {
 
   function ContentMetadata({ cfg, fileData, displayClass }: QuartzComponentProps) {
     const text = fileData.text
-
+    const status = fileData.frontmatter?.status
+
     if (text) {
       const segments: (string | JSX.Element)[] = []
 
@@ -41,7 +42,18 @@ export default ((opts?: Partial<ContentMetaOptions>) => {
         })
         segments.push(displayedTime)
       }
-
+      if (status) {
+        const linkDest = `../tags/${status}`;
+        const statusElement = (
+          <span className="essay-status">
+            <strong key="statusLabel">Status:</strong>
+            <a key="statusLink" href={linkDest} className="internal essay-status" data-tag={status}>
+              <span className="hash">#</span>{status}
+            </a>
+          </span>
+        );
+        segments.push(statusElement);
+      }
       const segmentsElements = segments.map((segment) => <span>{segment}</span>)
 
       return (

diff --git a/quartz/styles/custom.scss b/quartz/styles/custom.scss
@@ -211,9 +211,11 @@ article {
     .hash:not(.essay-status .hash){
       color:var(--secondary);
     }
-
-
   }
+  a.internal::before{
+    color:var(--secondary);
+  }
+
   // external links
   a.external {
     padding-right: 10px;