proper backlink and graph display in footer

hugo
jackyzha0 3 years ago
parent 672a641cec
commit 6896cb007b

@ -199,3 +199,32 @@ a[href^="/"] {
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
}
}

@ -1,6 +1,6 @@
baseURL = "https://quartz.jzhao.xyz/"
languageCode = "en-us"
googleAnalytics = "UA-148413215-1"
googleAnalytics = "G-XYFD95KB4J"
pygmentsUseClasses = true
ignoreFiles = ["/content/templates/*"]

@ -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)

@ -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)

@ -1,3 +1,3 @@
---
title: "config"
title: "Configuration"
---

@ -0,0 +1,9 @@
---
title: "Deploying to GitHub Pages"
---
Change `baseURL` in `/config.toml`
```toml
baseURL = "https://quartz.jzhao.xyz/"
```

@ -0,0 +1,3 @@
---
title: "Obsidian Vault Integration"
---

@ -1,6 +1,6 @@
enableLegend: false
enableDrag: true
enableZoom: false
enableZoom: true
base:
node: "#284b63"
activeNode: "#f28482"

@ -3,9 +3,9 @@
{{ partial "head.html" . }}
<body>
<div id="landing-container">
<div>
{{partial "darkmode.html" .}}
<div id="landing-overlay" class="lt-content-column">
<div>
<h1>404.</h1>
<h3>Hey! You look a little lost.</h3>
<ul id="sub-nav">

@ -9,7 +9,7 @@
{{.Content}}
<!-- Contact Info -->
<div class="lt-centre">
<div>
{{partial "footer.html" .}}
</div>
</div>

@ -1,9 +1,16 @@
<ol class="backlinks">
<h3>Backlinks</h3>
<ul class="backlinks">
{{$curPage := strings.TrimRight "/" .Page.RelPermalink }}
{{$inbound := index $.Site.Data.linkIndex.index.backlinks $curPage}}
{{if $inbound}}
{{- range $inbound -}}
<li>
<a href="{{index . "source"}}">{{index . "source"}}</a>
</li>
{{- end -}}
</ol>
{{else}}
<li>
No backlinks found
</li>
{{end}}
</ul>

@ -1,11 +1,15 @@
<div>
<hr/>
{{partial "backlinks.html" .}}
{{partial "graph.html" .}}
<hr/>
<div class="page-end">
<div class="backlinks-container">
{{partial "backlinks.html" .}}
</div>
<div>
{{partial "graph.html" .}}
</div>
</div>
<!-- Contact Info -->
<div id="contact_buttons" class="lt-centre">
<div id="contact_buttons">
<footer>
<p>Made by {{ $.Site.Data.config.name }} using <a href="https://github.com/jackyzha0/quartz">Quartz</a>, © {{ dateFormat "2006" now }}</p>
{{ if not .IsHome }}

@ -1,4 +1,5 @@
<script src="https://cdn.jsdelivr.net/npm/d3@6"></script>
<h3>Interactive Graph</h3>
<div id="graph-container"></div>
<style>
:root {

@ -1,12 +1,12 @@
<head>
<link rel="preconnect" href="https://www.googletagmanager.com">
<link crossorigin rel="preconnect" href="https://www.google-analytics.com">
{{ template "_internal/google_analytics_async.html" . }}
{{ template "_internal/google_analytics.html" . }}
<!-- Meta tags -->
<meta charset="UTF-8">
<meta name="description" content="{{$.Site.Data.config.description}}">
<title>{{$.Site.Data.config.page_title}}</title>
<title>{{ if .Title }}{{ .Title }}{{ else }}{{ $.Site.Data.config.page_title }}{{ end }}</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/png" href="/icon.png" />

Loading…
Cancel
Save