add makefile, fix link padding, test capitalization

Jacky Zhao

2021-12-26 43837f9e2ec4033722cb6957bd67c688afb3ae2c

add makefile, fix link padding, test capitalization

 Makefile

New file
@@ -0,0 +1,7 @@
.DEFAULT_GOAL := serve

help: ## Show all Makefile targets
    @grep -E '^[a-zA-Z_-]+:.*?## .*$$' $(MAKEFILE_LIST) | awk 'BEGIN {FS = ":.*?## "}; {printf "\033[36m%-30s\033[0m %s\n", $$1, $$2}'

serve: ## serve
    hugo-obsidian -input=content -output=data -index && hugo server	

 assets/base.scss

@@ -23,19 +23,6 @@
  padding: revert;
}

a {
  font-family: Inter;
  font-weight: 700;
  font-size: 1em;
  text-decoration: none;
  transition: all 0.2s ease;
  color: var(--secondary);

  &:hover {
    color: var(--tertiary) !important;
  }
}

#TableOfContents > ol {
  counter-reset: section;
  margin-left: 0em;
@@ -128,6 +115,16 @@
article a {
  font-family: Source Sans Pro;
  font-weight: 600;

  // internal link
  &[href^="./"], &[href^="/"] {
    text-decoration: none;
    background-color: #afbfc933;
    padding: 0 0.2em;
    margin-right: -0.2em;
    font-weight: 600;
    border-radius: 3px;
  }
}

sup > a {
@@ -135,6 +132,19 @@
  padding: 0 0.1em 0 0.2em;
}

a {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-size: 1em;
  text-decoration: none;
  transition: all 0.2s ease;
  color: var(--secondary);

  &:hover {
    color: var(--tertiary) !important;
  }
}

pre {
  font-family: 'Fira Code';
  padding: 0.75em;
@@ -187,15 +197,6 @@
  background-color: var(--dark);
}

// internal link
a[href^="./"] {
  text-decoration: none;
  background-color: #afbfc933;
  padding: 0 0.2em;
  font-weight: 600;
  border-radius: 3px;
}

.singlePage {
  margin: 4em 30vw;


 config.toml

@@ -2,7 +2,7 @@
languageCode = "en-us"
googleAnalytics = "G-XYFD95KB4J"
pygmentsUseClasses = true
relativeURLs = true
relativeURLs = false
disablePathToLower = true
ignoreFiles = [
    "/content/templates/*",

 content/_index.md

@@ -1,5 +1,5 @@
---
title: 🪴 Quartz v2.1
title: 🪴 Quartz 3
---
Host your second brain and [digital garden](https://jzhao.xyz/posts/digital-gardening) for free. Quartz features
1. Extremely fast full-text search by pressing `/`

 content/notes/editing.md

@@ -8,7 +8,7 @@
### Obsidian
I *strongly* recommend using [Obsidian](http://obsidian.md/) as a way to edit and grow your digital garden. It comes with a really nice editor and graphical interface to preview all of my local files.

**🔗 [How to link your Obsidian Vault](notes/obsidian.md)**
🔗 How to link your Obsidian Vault](notes/Obsidian.md)

Of course, all the files are in Markdown so you could just use your favourite text editor of choice.

@@ -54,4 +54,4 @@

🌍 [Hosting Quartz online!](notes/hosting.md)

Having problems? Checkout our [FAQ and Troubleshooting guide](notes/troubleshooting.md).
Having problems? Checkout our [FAQ and Troubleshooting guide](notes/troubleshooting.md).

 content/notes/troubleshooting.md

@@ -25,7 +25,7 @@
```

### How come my notes aren't being rendered?
You probably forgot to include front matter in your Markdown files. You can either setup [Obsidian](notes/obsidian) to do this for you or you need to manually define it. More details in [the 'how to edit' guide](notes/editing.md).
You probably forgot to include front matter in your Markdown files. You can either setup [Obsidian](notes/Obsidian) to do this for you or you need to manually define it. More details in [the 'how to edit' guide](notes/editing.md).

### My custom domain isn't working!
Walk through the steps in [the hosting guide](notes/hosting.md) again. Make sure you wait 30 min to 1 hour for changes to take effect.

 layouts/index.html

@@ -7,7 +7,7 @@
<div class="singlePage">
    <!-- Begin actual content -->
    <header>
        {{if .Title}}<h1>{{ .Title }}</h1>{{end}}
        <h1>{{if .Title}}{{ .Title }}{{else}}Untitled{{end}}</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" .}}

 layouts/partials/search.html

@@ -145,7 +145,7 @@
    }

    const redir = (id, term) => {
        window.location.href = "{{.Site.BaseURL}}" + `${id.toLowerCase()}#:~:text=${encodeURIComponent(term)}`
        window.location.href = "{{.Site.BaseURL}}" + `${id}#:~:text=${encodeURIComponent(term)}`
    }

    const fetch = id => ({