Merge 883f4e60684988a9ca6deeb79dc0ea618f3b450f into 32ec711767401c93605b7631f03eee47dea1cada

chore(deps-dev): bump @types/node in the production-dependencies group (#1751 )
Bumps the production-dependencies group with 1 update: [@types/node](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/node). Updates `@types/node` from 22.12.0 to 22.13.0 - [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases) - [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/node) --- updated-dependencies: - dependency-name: "@types/node" dependency-type: direct:development update-type: version-update:semver-minor dependency-group: production-dependencies ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2025-05-18 22:44:14 +02:00 · 2025-02-07 01:31:12 +08:00 · 2025-02-05 05:07:14 -05:00 · 2024-12-07 18:28:05 +03:00 · 2024-12-07 18:21:27 +03:00 · 2024-12-07 18:21:27 +03:00
12 changed files with 36 additions and 33 deletions
--- a/package-lock.json
+++ b/package-lock.json
@ -79,7 +79,7 @@
        "@types/d3": "^7.4.3",
        "@types/hast": "^3.0.4",
        "@types/js-yaml": "^4.0.9",
-        "@types/node": "^22.12.0",
+        "@types/node": "^22.13.0",
        "@types/pretty-time": "^1.1.5",
        "@types/source-map-support": "^0.5.10",
        "@types/ws": "^8.5.14",
@ -1914,9 +1914,9 @@
      }
    },
    "node_modules/@types/node": {
-      "version": "22.12.0",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.12.0.tgz",
-      "integrity": "sha512-Fll2FZ1riMjNmlmJOdAyY5pUbkftXslB5DgEzlIuNaiWhXd00FhWxVC/r4yV/4wBb9JfImTu+jiSvXTkJ7F/gA==",
+      "version": "22.13.0",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.13.0.tgz",
+      "integrity": "sha512-ClIbNe36lawluuvq3+YYhnIN2CELi+6q8NpnM7PYp4hBn/TatfboPgVSm2rwKRfnV2M+Ty9GWDFI64KEe+kysA==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
--- a/package.json
+++ b/package.json
@ -102,7 +102,7 @@
    "@types/d3": "^7.4.3",
    "@types/hast": "^3.0.4",
    "@types/js-yaml": "^4.0.9",
-    "@types/node": "^22.12.0",
+    "@types/node": "^22.13.0",
    "@types/pretty-time": "^1.1.5",
    "@types/source-map-support": "^0.5.10",
    "@types/ws": "^8.5.14",
--- a/quartz/components/ContentMeta.tsx
+++ b/quartz/components/ContentMeta.tsx
@ -1,4 +1,4 @@
-import { Date, getDate } from "./Date"
+import { formatDate, getDate } from "./Date"
 import { QuartzComponentConstructor, QuartzComponentProps } from "./types"
 import readingTime from "reading-time"
 import { classNames } from "../util/lang"
@ -30,7 +30,7 @@ export default ((opts?: Partial<ContentMetaOptions>) => {
      const segments: (string | JSX.Element)[] = []

      if (fileData.dates) {
-        segments.push(<Date date={getDate(cfg, fileData)!} locale={cfg.locale} />)
+        segments.push(formatDate(getDate(cfg, fileData)!))
      }

      // Display reading time if enabled
--- a/quartz/components/Date.tsx
+++ b/quartz/components/Date.tsx
@ -27,5 +27,5 @@ export function formatDate(d: Date, locale: ValidLocale = "en-US"): string {
 }

 export function Date({ date, locale }: Props) {
-  return <time datetime={date.toISOString()}>{formatDate(date, locale)}</time>
+  return <>{formatDate(date, locale)}</>
 }
--- a/quartz/components/Explorer.tsx
+++ b/quartz/components/Explorer.tsx
@ -141,10 +141,10 @@ export default ((userOpts?: Partial<Options>) => {
          </svg>
        </button>
        <div id="explorer-content">
-          <ul class="overflow" id="explorer-ul">
+          <menu class="overflow" id="explorer-ul">
            <ExplorerNode node={fileTree} opts={opts} fileData={fileData} />
            <li id="explorer-end" />
-          </ul>
+          </menu>
        </div>
      </div>
    )
--- a/quartz/components/ExplorerNode.tsx
+++ b/quartz/components/ExplorerNode.tsx
@ -216,7 +216,7 @@ export function ExplorerNode({ node, opts, fullPath, fileData }: ExplorerNodePro
          )}
          {/* Recursively render children of folder */}
          <div class={`folder-outer ${node.depth === 0 || isDefaultOpen ? "open" : ""}`}>
-            <ul
+            <menu
              // Inline style for left folder paddings
              style={{
                paddingLeft: node.name !== "" ? "1.4rem" : "0",
@ -233,7 +233,7 @@ export function ExplorerNode({ node, opts, fullPath, fileData }: ExplorerNodePro
                  fileData={fileData}
                />
              ))}
-            </ul>
+            </menu>
          </div>
        </li>
      )}
--- a/quartz/components/Header.tsx
+++ b/quartz/components/Header.tsx
@ -9,7 +9,7 @@ header {
  display: flex;
  flex-direction: row;
  align-items: center;
-  margin: 2rem 0;
+  padding: 1rem 2rem;
  gap: 1.5rem;
 }

--- a/quartz/components/Search.tsx
+++ b/quartz/components/Search.tsx
@ -18,7 +18,7 @@ export default ((userOpts?: Partial<SearchOptions>) => {
    const opts = { ...defaultOptions, ...userOpts }
    const searchPlaceholder = i18n(cfg.locale).components.search.searchBarPlaceholder
    return (
-      <div class={classNames(displayClass, "search")}>
+      <search class={classNames(displayClass, "search")}>
        <button class="search-button" id="search-button">
          <p>{i18n(cfg.locale).components.search.title}</p>
          <svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.9 19.7">
@ -42,7 +42,7 @@ export default ((userOpts?: Partial<SearchOptions>) => {
            <div id="search-layout" data-preview={opts.enablePreview}></div>
          </div>
        </div>
-      </div>
+      </search>
    )
  }

--- a/quartz/components/renderPage.tsx
+++ b/quartz/components/renderPage.tsx
@ -221,19 +221,19 @@ export function renderPage(
  const Body = BodyConstructor()

  const LeftComponent = (
-    <div class="left sidebar">
+    <aside class="left sidebar">
      {left.map((BodyComponent) => (
        <BodyComponent {...componentData} />
      ))}
-    </div>
+    </aside>
  )

  const RightComponent = (
-    <div class="right sidebar">
+    <aside class="right sidebar">
      {right.map((BodyComponent) => (
        <BodyComponent {...componentData} />
      ))}
-    </div>
+    </aside>
  )

  const lang = componentData.fileData.frontmatter?.lang ?? cfg.locale?.split("-")[0] ?? "en"
@ -242,29 +242,31 @@ export function renderPage(
      <Head {...componentData} />
      <body data-slug={slug}>
        <div id="quartz-root" class="page">
+          <Header {...componentData}>
+            {header.map((HeaderComponent) => (
+              <HeaderComponent {...componentData} />
+            ))}
+          </Header>
          <Body {...componentData}>
            {LeftComponent}
-            <div class="center">
+            <section 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} />
+              <main>
+                <Content {...componentData} />
+              </main>
              <hr />
              <div class="page-footer">
                {afterBody.map((BodyComponent) => (
                  <BodyComponent {...componentData} />
                ))}
              </div>
-            </div>
+            </section>
            {RightComponent}
            <Footer {...componentData} />
          </Body>
--- a/quartz/components/styles/explorer.scss
+++ b/quartz/components/styles/explorer.scss
@ -117,7 +117,7 @@ button#desktop-explorer {
  grid-template-rows: 1fr;
 }

-.folder-outer > ul {
+.folder-outer > menu {
  overflow: hidden;
 }

@ -140,7 +140,7 @@ button#desktop-explorer {
    visibility: visible;
  }

-  & ul {
+  & menu {
    list-style: none;
    margin: 0.08rem 0;
    padding: 0;
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@ -125,6 +125,7 @@ a {
 .page {
  max-width: calc(#{map.get($breakpoints, desktop)} + 300px);
  margin: 0 auto;
+
  & article {
    & > h1 {
      font-size: 2rem;
@ -235,7 +236,7 @@ a {
    }

    & .page-header {
-      grid-area: grid-header;
+      grid-area: grid-page-header;
      margin: $topSpacing 0 0 0;
      @media all and ($mobile) {
        margin-top: 0;
--- a/quartz/styles/variables.scss
+++ b/quartz/styles/variables.scss
@ -30,7 +30,7 @@ $mobileGrid: (
  columnGap: "5px",
  templateAreas:
    '"grid-sidebar-left"\
-      "grid-header"\
+      "grid-page-header"\
      "grid-center"\
      "grid-sidebar-right"\
      "grid-footer"',
@ -41,7 +41,7 @@ $tabletGrid: (
  rowGap: "5px",
  columnGap: "5px",
  templateAreas:
-    '"grid-sidebar-left grid-header"\
+    '"grid-sidebar-left grid-page-header"\
      "grid-sidebar-left grid-center"\
      "grid-sidebar-left grid-sidebar-right"\
      "grid-sidebar-left grid-footer"',
@ -52,7 +52,7 @@ $desktopGrid: (
  rowGap: "5px",
  columnGap: "5px",
  templateAreas:
-    '"grid-sidebar-left grid-header grid-sidebar-right"\
+    '"grid-sidebar-left grid-page-header grid-sidebar-right"\
      "grid-sidebar-left grid-center grid-sidebar-right"\
      "grid-sidebar-left grid-footer grid-sidebar-right"',
 );
Author	SHA1	Message	Date
Ivan Chernov	e3d8df3359	Merge 883f4e60684988a9ca6deeb79dc0ea618f3b450f into 32ec711767401c93605b7631f03eee47dea1cada	2025-02-07 01:31:12 +08:00
dependabot[bot]	32ec711767	chore(deps-dev): bump @types/node in the production-dependencies group (#1751 ) Some checks failed Build and Test / build-and-test (macos-latest) (push) Has been cancelled Details Build and Test / build-and-test (ubuntu-latest) (push) Has been cancelled Details Build and Test / build-and-test (windows-latest) (push) Has been cancelled Details Build and Test / publish-tag (push) Has been cancelled Details Docker build & push image / build (push) Has been cancelled Details Bumps the production-dependencies group with 1 update: [@types/node](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/node). Updates `@types/node` from 22.12.0 to 22.13.0 - [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases) - [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/node) --- updated-dependencies: - dependency-name: "@types/node" dependency-type: direct:development update-type: version-update:semver-minor dependency-group: production-dependencies ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2025-02-05 05:07:14 -05:00
vanadium23	883f4e6068	feat(layout): wrap main around content	2024-12-07 18:28:05 +03:00
vanadium23	e525f859c3	feat(layout): bring back pageHeader --> beforeBody	2024-12-07 18:21:27 +03:00
vanadium23	cfcce875a9	feat(layout): make header outside of center * make header above all content * make beforeBody --> pageHeader	2024-12-07 18:21:27 +03:00
vanadium23	fafdb2719a	feat(layout): better tags on components * move Explorer to menu * move Search to search * move sidebars to aside	2024-12-07 18:21:27 +03:00
vanadium23	57e6af3a34	feat(layout): fix for review comments * aside --> section * header --> header + pageHeader	2024-12-07 18:21:27 +03:00
vanadium23	799c8c4fc1	components: semantic web for main components	2024-12-07 18:21:27 +03:00
vanadium23	fc901e1084	components: make Header as header	2024-12-07 18:21:27 +03:00