eryn/erynwells.me
1
0
Fork 0
Code Issues 8 Pull requests 1 Projects Releases Packages Activity Actions

Remove JavaScript from the header template

Browse source
This commit is contained in:
Eryn Wells 2021-10-10 10:30:54 -07:00
parent ed0a37035d
commit 3de9cb7a5e
1 changed files with 2 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

22
layouts/partials/header.html
View file

@ -1,32 +1,14 @@
<header class="header">
{{ if .IsHome }}
<h1 class="logo">
<a class="site-name" href="{{ `` | absURL }}">{{ site.Title }}</a><a class="btn-dark"></a>
<a class="site-name" href="{{ `` | absURL }}">{{ site.Title }}</a>
</h1>
{{ else }}
<p class="logo">
<a class="site-name" href="{{ `` | absURL }}">{{ site.Title }}</a><a class="btn-dark"></a>
<a class="site-name" href="{{ `` | absURL }}">{{ site.Title }}</a>
</p>
{{ end }}
<script>
let bodyClx = document.body.classList;
let btnDark = document.querySelector('.btn-dark');
let sysDark = window.matchMedia('(prefers-color-scheme: dark)');
let darkVal = localStorage.getItem('dark');
let setDark = (isDark) => {
bodyClx[isDark ? 'add' : 'remove']('dark');
localStorage.setItem('dark', isDark ? 'yes' : 'no');
};
setDark(darkVal ? darkVal === 'yes' : sysDark.matches);
requestAnimationFrame(() => bodyClx.remove('not-ready'));
btnDark.addEventListener('click', () => setDark(!bodyClx.contains('dark')));
sysDark.addEventListener('change', (event) => setDark(event.matches));
</script>
{{ $url := .RelPermalink }}<!---->
{{ with site.Menus.main }}
<nav class="menu">