content section

This commit is contained in:
Jacky Zhao 2021-12-27 15:59:19 -05:00
parent 6b5baa4f61
commit 64596c3742
6 changed files with 82 additions and 18 deletions

View File

@ -81,12 +81,8 @@ p, tbody, li {
line-height: 1.5em; line-height: 1.5em;
} }
h2 { h2, h3 {
opacity: 0.85; opacity: 0.9;
}
h3 {
opacity: 0.75;
} }
blockquote { blockquote {
@ -378,3 +374,25 @@ header {
} }
} }
} }
.section-ul {
list-style: none;
padding-left: 0;
& > li {
border: 1px solid var(--outlinegray);
border-radius: 5px;
padding: 0 1em;
margin-bottom: 1em;
& h3 {
opacity: 1;
font-weight: 700;
margin-bottom: 0em;
}
& .meta {
opacity: 0.6;
}
}
}

View File

@ -8,6 +8,7 @@ ignoreFiles = [
"/content/templates/*", "/content/templates/*",
"/content/private/*", "/content/private/*",
] ]
summaryLength = 35
[markup] [markup]
[markup.tableOfContents] [markup.tableOfContents]

View File

@ -7,12 +7,19 @@ Host your second brain and [digital garden](https://jzhao.xyz/posts/digital-gard
3. Display for backlinks of each note 3. Display for backlinks of each note
4. A customizable graph view 4. A customizable graph view
5. Endlessly powerful page and theme customization 5. Endlessly powerful page and theme customization
6. Automatically generated tag and section lists of content
## Get Started ## Get Started
> 📚 [Setup your own digital garden using Quartz](notes/setup.md) > 📚 [Setup your own digital garden using Quartz](notes/setup.md)
Not convinced yet? Look at some [community digital gardens](moc/showcase) built with Quartz, or read about [why I made Quartz](notes/philosophy.md) to begin with! Not convinced yet? Look at some [community digital gardens](moc/showcase) built with Quartz, or read about [why I made Quartz](notes/philosophy.md) to begin with!
## Content Lists
If you prefer browsing the contents of this site through a list instead of a graph, you can find content lists here too:
- [All Notes](/notes)
- [Setup-related Notes](/tags/setup)
## Troubleshooting ## Troubleshooting
- 🚧 [Troubleshooting and FAQ](notes/troubleshooting.md) - 🚧 [Troubleshooting and FAQ](notes/troubleshooting.md)
- 🐛 [Submit an Issue](https://github.com/jackyzha0/quartz/issues) - 🐛 [Submit an Issue](https://github.com/jackyzha0/quartz/issues)

View File

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
{{ partial "head.html" . }}
<body>
{{partial "search.html" .}}
<div class="singlePage">
<!-- Begin actual content -->
<header>
<h1 id="page-title"><a href="{{ .Site.BaseURL }}">{{ .Site.Data.config.page_title }}</a></h1>
<svg tabindex="0" id="search-icon" aria-labelledby="title desc" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.9 19.7"><title id="title">Search Icon</title><desc id="desc">Icon to open search</desc><g class="search-path" fill="none"><path stroke-linecap="square" d="M18.5 18.3l-5.4-5.4"/><circle cx="8" cy="8" r="7"/></g></svg>
<div class="spacer"></div>
{{partial "darkmode.html" .}}
</header>
<article>
<h1>All {{.Title}}</h1>
<ul class="section-ul">
{{- range .Pages -}}
<li class="section-li">
<div class="section">
<div class="desc">
<h3><a href="{{ .Permalink }}">{{- .Title -}}</a></h3>
<p>{{- .Summary -}}{{if .Truncated}}...{{end}}</p>
</div>
<p class="meta">
{{ .ReadingTime }} minute read
</p>
</div>
</li>
{{- end -}}
</ul>
</article>
{{partial "contact.html" .}}
</div>
</body>
</html>

View File

@ -0,0 +1,12 @@
<!-- Contact Info -->
<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 }}
<a href="/">Home</a>
{{end}}
{{- range $.Site.Data.config.links -}}
<a href="{{.link}}">{{.link_name}}</a>
{{- end -}}
</footer>
</div>

View File

@ -8,15 +8,4 @@
</div> </div>
</div> </div>
<!-- Contact Info --> {{partial "contact.html" .}}
<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 }}
<a href="/">Home</a>
{{end}}
{{- range $.Site.Data.config.links -}}
<a href="{{.link}}">{{.link_name}}</a>
{{- end -}}
</footer>
</div>