fix: only one h1 on a page (closes #1269)

2024-08-05 19:18:48 -07:00
parent ca3943b500
commit 407fad384c
3 changed files with 5 additions and 4 deletions
--- a/quartz/components/PageTitle.tsx
+++ b/quartz/components/PageTitle.tsx
@ -7,14 +7,15 @@ const PageTitle: QuartzComponent = ({ fileData, cfg, displayClass }: QuartzCompo
  const title = cfg?.pageTitle ?? i18n(cfg.locale).propertyDefaults.title
  const baseDir = pathToRoot(fileData.slug!)
  return (
-    <h1 class={classNames(displayClass, "page-title")}>
+    <h2 class={classNames(displayClass, "page-title")}>
      <a href={baseDir}>{title}</a>
-    </h1>
+    </h2>
  )
 }

 PageTitle.css = `
 .page-title {
+  font-size: 1.75rem;
  margin: 0;
 }
 `