content section

3 years ago · b4e2697116
parent 094ab9d064
commit b4e2697116
6 changed files with 82 additions and 18 deletions
--- a/assets/base.scss
+++ b/assets/base.scss
@ -81,12 +81,8 @@ p, tbody, li {
  line-height: 1.5em;
 }
-h2 {
+h2, h3 {
-  opacity: 0.85;
+  opacity: 0.9;
 }
 h3 {
  opacity: 0.75;
 }
 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;
    }
  }
 }
--- a/config.toml
+++ b/config.toml
@ -8,6 +8,7 @@ ignoreFiles = [
    "/content/templates/*",
    "/content/private/*",
 ]
 summaryLength = 35
 [markup]
    [markup.tableOfContents]
--- a/content/_index.md
+++ b/content/_index.md
@ -7,12 +7,19 @@ Host your second brain and [digital garden](https://jzhao.xyz/posts/digital-gard
 3. Display for backlinks of each note
 4. A customizable graph view
 5. Endlessly powerful page and theme customization
 6. Automatically generated tag and section lists of content
 ## Get Started
 > 📚 [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!
 ## 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 and FAQ](notes/troubleshooting.md)
 - 🐛 [Submit an Issue](https://github.com/jackyzha0/quartz/issues)
--- a/layouts/_default/section.html
+++ b/layouts/_default/section.html
@ -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>
--- a/layouts/partials/contact.html
+++ b/layouts/partials/contact.html
@ -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>
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@ -8,15 +8,4 @@
    </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>