Show reference only if >=1 citation is used

Author: michaelfortunato

pages/blog/[id].tsx

@@ -179,7 +179,7 @@ const Page: NextPageWithLayout<PageProps> = ({ post }) => {
     <Layout>
       <div className="flex h-full justify-center">
         <div
-          className={`${blogBodyFont.className} prose prose-mnf flex flex-col gap-4 dark:prose-invert prose-h1:my-0`}
+          className={`${blogBodyFont.className} prose flex flex-col gap-4 dark:prose-invert prose-h1:my-0`}
           // className={`prose flex flex-col gap-4 dark:prose-invert`}
         >
           <Header {...post.metadata} />

posts/_utils/lib.typ

@@ -99,6 +99,12 @@
   #metadata(title) <TITLE>
   #metadata(keywords) <KEYWORDS>
   #doc
-  #bibliography("/posts/Zotero.bib", style: "apa", title: "References")
+
+  // Do not emit the title if there are no citations.
+  #context {
+    if query(cite).len() > 0 {
+      bibliography("/posts/Zotero.bib", style: "apa", title: "References")
+    }
+  }
 
 ]

posts/test.typ

@@ -21,6 +21,15 @@
 #set heading(numbering: "1.1")
 
 
+#let op(name) = {
+  if name == "D" {
+    return $Dif$
+  } else {
+    return $std.math.op(name)$
+  }
+}
+
+
 = Something Something <sec:Some>
 
 #lorem(50)
@@ -202,6 +211,7 @@ computer thinks of $X$ as some bing
 
 = Derivative-Once and For All <sec:Derivative-Once-and-For-All>
 
+
 Let $f: RR^(m) -> RR^(n)$ be a function between vector spaces $RR^(m)$ and
 $RR^(n)$. The derivative of $f$ at point $p in RR^(m)$ is the linear function
 $op("D") f(p): RR^(m) -> RR^(n)$ so that
@@ -254,7 +264,7 @@ $x_(3) = g_(1) x_(1) in op("Orb")(x_(1))$, we see that
 $x_(3) in op("Orb")(x_(2))$ because
 $x_(3) = g_(1) compose x_(1) = g_(1) compose g compose x_(2)$, and since
 $g_(1) compose g in G$ we know that
-$g_(1) compose g compose x_(2) in op("Orb")(x_(2)).$. The other way is similar
+$g_(1) compose g compose x_(2) in op("Orb")(x_(2))$. The other way is similar
 to show, and we have that every
 $x'_(1) in op("Orb")(x_(1)) <=> x'_(1) in op("Orb")(x_(2))$, where in the
 forward case we have $x'_(1) in op("Orb")(x_(2))$ because

tailwind.config.js

@@ -103,13 +103,14 @@ module.exports = {
       },
       typography: () => ({
         // A more "print-like" rhythm for longform reading (Typst → HTML).
+        // THIS IS NOT USED ANymore it didnt look good
         mnf: {
           css: {
             // Base
             // fontSize: "clamp(1rem, 0.96rem + 0.25vw, 1.125rem)",
-            lineHeight: "1.65",
-            textRendering: "optimizeLegibility",
-            fontKerning: "normal",
+            lineHeight: "1.3",
+            // textRendering: "optimizeLegibility",
+            // fontKerning: "normal",
 
             // Better line breaking
             // Paragraph rhythm (less airy than Tailwind defaults)
@@ -120,32 +121,6 @@ module.exports = {
               marginBottom: "0.85em",
             },
 
-            // Headings: closer to Typst/LaTeX proportions than default prose
-            h2: {
-              fontSize: "1.35em",
-              lineHeight: "1.25",
-              marginTop: "1.8em",
-              marginBottom: "0.75em",
-              fontWeight: "600",
-              textWrap: "balance",
-            },
-            h3: {
-              fontSize: "1.15em",
-              lineHeight: "1.3",
-              marginTop: "1.6em",
-              marginBottom: "0.6em",
-              fontWeight: "600",
-              textWrap: "balance",
-            },
-            h4: {
-              fontSize: "1.05em",
-              lineHeight: "1.35",
-              marginTop: "1.4em",
-              marginBottom: "0.55em",
-              fontWeight: "600",
-              textWrap: "balance",
-            },
-
             // Lists
             ul: {
               marginTop: "0.85em",
@@ -164,14 +139,10 @@ module.exports = {
               marginBottom: "0.25em",
             },
 
-            // Typst emits display math as <figure class="math-display ...">
+            //Typst emits display math as <figure class="math-display ...">
             "figure.math-display": {
-              marginTop: "1em",
-              marginBottom: "1em",
-              overflowX: "auto",
-            },
-            "figure.math-display > svg.typst-frame": {
-              maxWidth: "100%",
+              marginTop: "1.15em",
+              marginBottom: "1.15em",
             },
 
             // Typst HTML: definitions/theorems often come out as plain <div>
@@ -182,9 +153,9 @@ module.exports = {
               marginBottom: "0.85em",
             },
 
-            // Keep large inline SVG math from overflowing on narrow screens.
-            ".typst-content span.inline-block": { maxWidth: "100%" },
-            ".typst-content svg.typst-frame": { maxWidth: "100%" },
+            // // Keep large inline SVG math from overflowing on narrow screens.
+            // ".typst-content span.inline-block": { maxWidth: "100%" },
+            // ".typst-content svg.typst-frame": { maxWidth: "100%" },
 
             // Typst uses list containers with `list-style-type: none` for
             // bibliography + endnotes; override Tailwind prose indentation.