<html>

<head>

<title>{{page.title | default: site.title}}</title>
<link rel="stylesheet" href="/assets/normalize.css" />
<link rel="stylesheet" href="/assets/main.css" />

</head>

<body>

<div class="geomanist">

  <main class="mx-auto w-md">
    <h1><a href="/">{{site.title | default: "Jekyll Theme Cheer"}}</a></h1>
    {{ content }}
  </main>

</div>

<script>
  let hour = new Date().getHours();
  if (hour >= 19 || hour <= 7) {
    document.body.classList.add("dark")
  }
</script>

</body>

</html>