GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2026-03-24 15:05:42 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

new layout test

Browse Source
This commit is contained in:
semanticdata 2024-03-14 13:22:04 -05:00
parent 75d6af9422
commit 6ce5261892
3 changed files with 76 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
quartz.layout.ts
View File

@ -1,10 +1,14 @@
import {PageLayout, SharedLayout} from "./quartz/cfg"
import { PageLayout, SharedLayout } from "./quartz/cfg"
import * as Component from "./quartz/components"
// components shared across all pages
export const sharedPageComponents: SharedLayout = {
head: Component.Head(),
header: [],
header: [
Component.PageTitle(),
Component.Search(),
Component.Darkmode(),
],
footer: Component.Footer({
links: {
About: "/About",
@ -20,22 +24,24 @@ export const sharedPageComponents: SharedLayout = {
// components for pages that display a single page (e.g. a single note)
export const defaultContentPageLayout: PageLayout = {
beforeBody: [
// Component.Breadcrumbs(),
// Component.PageTitle(),
Component.Spacer(),
Component.ArticleTitle(),
// Component.TableOfContents(),
// Component.Breadcrumbs(),
// Component.ArticleTitle(),
// Component.ContentMeta(),
// Component.TagList(),
Component.MobileOnly(Component.Spacer()),
// Component.MobileOnly(Component.Spacer()),
],
left: [
Component.PageTitle(),
Component.MobileOnly(Component.Spacer()),
Component.Search(),
Component.Darkmode(),
Component.DesktopOnly(Component.Explorer()),
// Component.Search(),
// Component.Darkmode(),
// Component.DesktopOnly(Component.Explorer()),
],
right: [
Component.Graph(),
Component.DesktopOnly(Component.TableOfContents()),
// Component.Graph(),
// Component.DesktopOnly(Component.TableOfContents()),
Component.MobileOnly(Component.Backlinks()),
],
}

58
quartz.layout.ts-backup.bak Normal file
View File

@ -0,0 +1,58 @@
import {PageLayout, SharedLayout} from "./quartz/cfg"
import * as Component from "./quartz/components"
// components shared across all pages
export const sharedPageComponents: SharedLayout = {
head: Component.Head(),
header: [],
footer: Component.Footer({
links: {
About: "/About",
Blog: "https://miguelpimentel.do/",
Meta: "/Meta",
GitHub: "https://github.com/semanticdata/",
Source: "https://github.com/semanticdata/forgetful-notes/",
// Tags: "/tags",
},
}),
}
// components for pages that display a single page (e.g. a single note)
export const defaultContentPageLayout: PageLayout = {
beforeBody: [
// Component.Breadcrumbs(),
Component.ArticleTitle(),
// Component.ContentMeta(),
// Component.TagList(),
Component.MobileOnly(Component.Spacer()),
],
left: [
Component.PageTitle(),
Component.MobileOnly(Component.Spacer()),
Component.Search(),
Component.Darkmode(),
Component.DesktopOnly(Component.Explorer()),
],
right: [
Component.Graph(),
Component.DesktopOnly(Component.TableOfContents()),
Component.MobileOnly(Component.Backlinks()),
],
}
// components for pages that display lists of pages (e.g. tags or folders)
export const defaultListPageLayout: PageLayout = {
beforeBody: [
Component.Breadcrumbs(),
Component.ArticleTitle(),
Component.ContentMeta(),
],
left: [
Component.PageTitle(),
Component.MobileOnly(Component.Spacer()),
Component.Search(),
Component.Darkmode(),
Component.DesktopOnly(Component.Explorer()),
],
right: [],
}

2
quartz/styles/variables.scss
View File

@ -2,7 +2,7 @@ $pageWidth: 750px;
$mobileBreakpoint: 600px;
$tabletBreakpoint: 1000px;
$sidePanelWidth: 380px;
$topSpacing: 6rem;
$topSpacing: 4rem;
$fullPageWidth: $pageWidth + 2 * $sidePanelWidth;
$boldWeight: 700;
$semiBoldWeight: 600;