personalize more

quartz.config.ts

@@ -23,7 +23,7 @@ const config: QuartzConfig = {
       typography: {
         header: "Schibsted Grotesk",
         body: "Source Sans Pro",
-        code: "IBM Plex Mono",
+        code: "JetBrains Mono",
       },
       colors: {
         lightMode: {

quartz.layout.ts

@@ -33,8 +33,6 @@ export const defaultContentPageLayout: PageLayout = {
           Component: Component.Search(),
           grow: true,
         },
-        { Component: Component.Darkmode() },
-        { Component: Component.ReaderMode() },
       ],
     }),
     Component.RecentNotes(),

quartz/components/pages/404.tsx

@@ -1,16 +1,27 @@
 import { i18n } from "../../i18n"
 import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "../types"
+import Graph from "../Graph"
 
 const NotFound: QuartzComponent = ({ cfg }: QuartzComponentProps) => {
   // If baseUrl contains a pathname after the domain, use this as the home link
   const url = new URL(`https://${cfg.baseUrl ?? "example.com"}`)
   const baseDir = url.pathname
 
+
+  const GraphComponent = Graph({
+    localGraph: {
+      depth: -1,  // Shows all nodes
+      scale: 0.9, // You might want to adjust scale for the full graph
+    }
+  })
+
   return (
     <article class="popover-hint">
       <h1>404</h1>
       <p>{i18n(cfg.locale).pages.error.notFound}</p>
       <a href={baseDir}>{i18n(cfg.locale).pages.error.home}</a>
+      <br /><br />
+      <GraphComponent cfg={cfg} />
     </article>
   )
 }