From 6896cb007b073233f6012d535cfb6dcafa6109ab Mon Sep 17 00:00:00 2001 From: jackyzha0 Date: Sun, 18 Jul 2021 13:02:53 -0400 Subject: [PATCH] proper backlink and graph display in footer --- assets/base.scss | 29 +++++++++++++++++++++++++++++ config.toml | 2 +- content/_index.md | 20 +++++++++++++++++--- content/moc/directory.md | 13 +++++++++++-- content/notes/config.md | 2 +- content/notes/hosting.md | 9 +++++++++ content/notes/obsidian.md | 3 +++ data/graphConfig.yaml | 2 +- layouts/404.html | 4 ++-- layouts/index.html | 2 +- layouts/partials/backlinks.html | 11 +++++++++-- layouts/partials/footer.html | 14 +++++++++----- layouts/partials/graph.html | 1 + layouts/partials/head.html | 4 ++-- 14 files changed, 96 insertions(+), 20 deletions(-) create mode 100644 content/notes/hosting.md create mode 100644 content/notes/obsidian.md diff --git a/assets/base.scss b/assets/base.scss index 5a3a4532b..8d84a9f38 100644 --- a/assets/base.scss +++ b/assets/base.scss @@ -198,4 +198,33 @@ a[href^="/"] { @media all and (max-width: 1200px) { margin: 25px 5vw; } +} + +.page-end { + display: flex; + flex-direction: row; + + & > * { + flex: 1 0 0; + } + + & > .backlinks-container { + & > ul { + list-style: none; + padding-left: 0; + margin-right: 2em; + + & > li { + margin: 0.5em 0; + padding: 0.25em 1em; + border: var(--outlinegray) 1px solid; + border-radius: 5px + } + } + } + + & #graph-container { + border: var(--outlinegray) 1px solid; + border-radius: 5px + } } \ No newline at end of file diff --git a/config.toml b/config.toml index 44cb83898..828312350 100644 --- a/config.toml +++ b/config.toml @@ -1,6 +1,6 @@ baseURL = "https://quartz.jzhao.xyz/" languageCode = "en-us" -googleAnalytics = "UA-148413215-1" +googleAnalytics = "G-XYFD95KB4J" pygmentsUseClasses = true ignoreFiles = ["/content/templates/*"] diff --git a/content/_index.md b/content/_index.md index d5ecfd8c7..c46b25a27 100644 --- a/content/_index.md +++ b/content/_index.md @@ -1,7 +1,21 @@ -# πŸ’Ž Quartz -Simple second brain and digital garden. 🌱 +# 🌱 Quartz +Simple second brain and digital garden. ## Why Quartz? +Hosting a public digital garden isn't easy. There are an overwhelming number of tutorials, resources, and guides for tools like [Notion](https://www.notion.so/), [Roam](https://roamresearch.com/), and [Obsidian](https://obsidian.md/), yet none of them have super easy to use *free* tools to publish that garden to the world. + +I've personally found that +1. It's nice to access notes from anywhere +2. Having a public digital garden invites open conversations +3. It makes keeping personal notes and knowledge *playful and fun* + +> β€œHe who works with the door open gets all kinds of interruptions, but he also occasionally gets clues as to what the world is and what might be important.” β€” Richard Hamming + +**The goal of Quartz is to make hosting your own public digital garden free and simple.** ## Get Started -[directory](moc/directory.md) +The entire Quartz documentation is fully hosted using Quartz! You can navigate it using the interactive Graph view below. + +If you'd prefer more traditional navigation, you can also find all relevant pages through the main directory. + +πŸ‘‰ [Directory](moc/directory.md) \ No newline at end of file diff --git a/content/moc/directory.md b/content/moc/directory.md index 2459e2b06..118c28f44 100644 --- a/content/moc/directory.md +++ b/content/moc/directory.md @@ -1,7 +1,16 @@ --- -title: "Directory" +title: "Quartz Documentation" --- -[setup](notes/setup.md) +Welcome to Quartz! Whether you're setting up a website and project for the first time or a seasoned digital gardener, I hope that you'll find something useful about this project. + +Let's get to business and get you started! + +## Setup +πŸ“š [setup](notes/setup.md) + +## Configuration [config](notes/config.md) + +## Troubleshooting [troubleshooting](notes/troubleshooting.md) \ No newline at end of file diff --git a/content/notes/config.md b/content/notes/config.md index 13c2bde64..d8b3491db 100644 --- a/content/notes/config.md +++ b/content/notes/config.md @@ -1,3 +1,3 @@ --- -title: "config" +title: "Configuration" --- diff --git a/content/notes/hosting.md b/content/notes/hosting.md new file mode 100644 index 000000000..7ab678ab5 --- /dev/null +++ b/content/notes/hosting.md @@ -0,0 +1,9 @@ +--- +title: "Deploying to GitHub Pages" +--- + +Change `baseURL` in `/config.toml` + +```toml +baseURL = "https://quartz.jzhao.xyz/" +``` diff --git a/content/notes/obsidian.md b/content/notes/obsidian.md new file mode 100644 index 000000000..da9cd106a --- /dev/null +++ b/content/notes/obsidian.md @@ -0,0 +1,3 @@ +--- +title: "Obsidian Vault Integration" +--- diff --git a/data/graphConfig.yaml b/data/graphConfig.yaml index 089d5d304..67f481bd5 100644 --- a/data/graphConfig.yaml +++ b/data/graphConfig.yaml @@ -1,6 +1,6 @@ enableLegend: false enableDrag: true -enableZoom: false +enableZoom: true base: node: "#284b63" activeNode: "#f28482" diff --git a/layouts/404.html b/layouts/404.html index 2c9250516..a27fdf254 100644 --- a/layouts/404.html +++ b/layouts/404.html @@ -3,9 +3,9 @@ {{ partial "head.html" . }} -
+
{{partial "darkmode.html" .}} -
+

404.

Hey! You look a little lost.

\ No newline at end of file diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 9d3c5dcdc..416b16733 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,11 +1,15 @@ -
-
- {{partial "backlinks.html" .}} - {{partial "graph.html" .}} +
+
+ +
+ {{partial "graph.html" .}} +
-
+