| | |
| | | 2. Having a public digital garden invites open conversations |
| | | 3. It makes keeping personal notes and knowledge *playful and fun* |
| | | |
| | | **The goal of Quartz is to make sharing your digital garden free and simple.** Quartz exists as a tool to accomodate |
| | | **The goal of Quartz is to make sharing your digital garden free and simple.** Quartz exists as a tool to accomodate |
| | |
| | | - [Mike's AI Garden 🤖🪴](https://mwalton.me/) |
| | | |
| | | If you want to see your own on here, submit a [Pull Request adding yourself to this file](https://github.com/jackyzha0/quartz/blob/v4-alpha/content/showcase.md)! |
| | | |
| | | Left-aligned text | Center-aligned text | Right-aligned text |
| | | :-- | :--: | --: |
| | | Content | Content | Content |
| | | |
| | | ```mermaid |
| | | sequenceDiagram |
| | | Alice->>+John: Hello John, how are you? |
| | | Alice->>+John: John, can you hear me? |
| | | John-->>-Alice: Hi Alice, I can hear you! |
| | | John-->>-Alice: I feel great! |
| | | ``` |
| | |
| | | }), |
| | | Plugin.ObsidianFlavoredMarkdown(), |
| | | Plugin.GitHubFlavoredMarkdown(), |
| | | Plugin.CrawlLinks(), |
| | | Plugin.CrawlLinks({ markdownLinkResolution: 'absolute' }), |
| | | Plugin.SyntaxHighlighting(), |
| | | Plugin.Katex(), |
| | | Plugin.Description(), |
| | |
| | | }) |
| | | |
| | | if (data.tags && !Array.isArray(data.tags)) { |
| | | data.tags = data.tags.toString().split(" ") |
| | | data.tags = data.tags.toString().split(",").map((tag: string) => tag.trim()) |
| | | } |
| | | |
| | | // fill in frontmatter |
| | |
| | | |
| | | interface Options { |
| | | /** How to resolve Markdown paths */ |
| | | markdownLinkResolution: 'absolute' | 'relative' |
| | | markdownLinkResolution: 'absolute' | 'relative' | 'shortest' |
| | | /** Strips folders from a link so that it looks nice */ |
| | | prettyLinks: boolean |
| | | indexAnchorLinks: boolean |
| | |
| | | } else { |
| | | return './' + relativeToRoot(curSlug, targetSlug) |
| | | } |
| | | // todo: handle shortest path |
| | | } |
| | | |
| | | const outgoing: Set<string> = new Set() |
| | |
| | | highlight: true, |
| | | wikilinks: true, |
| | | callouts: true, |
| | | mermaid: false, |
| | | mermaid: true, |
| | | } |
| | | |
| | | const icons = { |
| | |
| | | overflow-x: auto; |
| | | border: 1px solid var(--lightgray); |
| | | |
| | | &:has(> code.mermaid) { |
| | | border: none; |
| | | } |
| | | |
| | | & > code { |
| | | background: none; |
| | | padding: 0; |
| | |
| | | } |
| | | |
| | | table { |
| | | border: 2px solid var(--gray); |
| | | width: 100%; |
| | | border: 1px solid var(--gray); |
| | | padding: 1.5rem; |
| | | border-collapse: collapse; |
| | | } |
| | | |
| | | td, th { |
| | | padding: 0.2rem 1rem; |
| | | border: 2px solid var(--gray); |
| | | border: 1px solid var(--gray); |
| | | } |
| | | |
| | | img { |