diff --git a/assets/base.scss b/assets/base.scss index 5a3a453..8d84a9f 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 44cb838..8283123 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 d5ecfd8..c46b25a 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 2459e2b..118c28f 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 13c2bde..d8b3491 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 0000000..7ab678a --- /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 0000000..da9cd10 --- /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 089d5d3..67f481b 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 2c92505..a27fdf2 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 9d3c5dc..416b167 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,11 +1,15 @@ -
-
- {{partial "backlinks.html" .}} - {{partial "graph.html" .}} +
+
+
+ {{partial "backlinks.html" .}} +
+
+ {{partial "graph.html" .}} +
-
+