Merge branch 'hugo' of https://github.com/jackyzha0/quartz into hugo

jackyzha0

2021-08-27 cb38667c1df7d752a1a9ef45505a7e106ff03ef8

Merge branch 'hugo' of https://github.com/jackyzha0/quartz into hugo

 assets/darkmode.js

@@ -1,14 +1,8 @@
// Darkmode toggle
const toggleSwitch = document.querySelector('#darkmode-toggle')

const userPref = window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark'
const currentTheme = localStorage.getItem('theme') ?? userPref

if (currentTheme) {
  document.documentElement.setAttribute('saved-theme', currentTheme);
  if (currentTheme === 'dark') {
    toggleSwitch.checked = true
  }
}

const switchTheme = (e) => {
@@ -22,5 +16,14 @@
  }
}

// listen for toggle
toggleSwitch.addEventListener('change', switchTheme, false)
window.addEventListener('DOMContentLoaded', () => {
  // Darkmode toggle
  const toggleSwitch = document.querySelector('#darkmode-toggle')

  // listen for toggle
  toggleSwitch.addEventListener('change', switchTheme, false)

  if (currentTheme === 'dark') {
    toggleSwitch.checked = true
  }
})

 content/moc/showcase.md

@@ -10,5 +10,6 @@
- [Anson Yu's Garden](http://garden.ansonyu.me/)
- [Shihyu's PKM](https://shihyuho.github.io/pkm/)
- [Chloe's Garden](https://garden.chloeabrasada.online/)
- [SlRvb's Site](https://slrvb.github.io/Site/)

If you want to see your own on here, submit a [Pull Request adding yourself to this file](https://github.com/jackyzha0/quartz/blob/hugo/content/moc/showcase.md)!
If you want to see your own on here, submit a [Pull Request adding yourself to this file](https://github.com/jackyzha0/quartz/blob/hugo/content/moc/showcase.md)!

 layouts/404.html

@@ -11,12 +11,6 @@
        <a href="/">↳ Let's get you home.</a>
    </div>
</div>

{{- with resources.Get "darkmode.js" | minify -}}
<script>
  {{.Content | safeJS }}
</script>
{{- end -}}
</body>

</html>
</html>

 layouts/_default/single.html

@@ -23,13 +23,6 @@
    </article>
    {{partial "footer.html" .}}
</div>

{{- with resources.Get "darkmode.js" | minify -}}
<script>
  {{.Content | safeJS }}
</script>
{{- end -}}

</body>

</html>
</html>

 layouts/index.html

@@ -13,10 +13,4 @@
        {{partial "footer.html" .}}
    </div>
</div>

{{- with resources.Get "darkmode.js" | minify -}}
<script>
  {{.Content | safeJS }}
</script>
{{- end -}}
{{end}}
{{end}}

 layouts/partials/head.html

@@ -17,5 +17,11 @@
    </style>
    {{end}}
    {{end}}

    {{- with resources.Get "darkmode.js" | minify -}}
    <script>
      {{.Content | safeJS }}
    </script>
    {{- end -}}
</head>
{{ template "_internal/google_analytics.html" . }}
{{ template "_internal/google_analytics.html" . }}