This website uses the static site generator Quartz (GitHub) to turn my Markdown notes I take in Obsidian into what you see here. This page is a log of any changes I have made to the default config since I created the site.
Make Column Width Wider on Desktop
Added: June 6, 2025
$desktopGrid: (
templateRows: "auto auto auto",
/* templateColumns: "#{$sidePanelWidth} auto #{$sidePanelWidth}", */
templateColumns: "#{$sidePanelWidth} auto 380",
rowGap: "5px",
columnGap: "5px",
templateAreas:
'"grid-sidebar-left grid-header grid-sidebar-right"\
"grid-sidebar-left grid-center grid-sidebar-right"\
"grid-sidebar-left grid-footer grid-sidebar-right"',
); .page {
/* max-width: calc(#{map-get($breakpoints, desktop)} + 300px); */
max-width: calc(#{map-get($breakpoints, desktop)} + 750px);
margin: 0 auto;
& article {
& > h1 {Add Modified Dates to Notes
Added: May 15, 2025
To show the Modified Date in my notes I made the changes seen below in the quartz/components/ContentMeta.tsx file. This adds Modified dates to all of my notes except for the index home page and for now that fits my needs and keeps things simple. However, I do like what Eilleen has done to make some improvements to this concept with the help of Obsidian Linter, so I might revisit this and look into it more in the future.
// REMOVED THIS SECTION (ORIGINAL)
// if (fileData.dates) {
// segments.push(<Date date={getDate(cfg, fileData)!} locale={cfg.locale} />)
// }
// ADDED THESE LINES
if (fileData.dates && fileData.slug !== "index"){
segments.push("Created: " + fileData.dates.created.toDateString() + ", ")
segments.push("Modified: " + fileData.dates.modified.toDateString() + " - ")
}