2018-01-08 11:28:39 -05:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="{{ .Site.LanguageCode }}">
|
2019-03-31 08:32:06 -04:00
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
|
<!-- Title -->
|
|
|
|
|
<title>
|
|
|
|
|
{{- if not .IsHome }}
|
|
|
|
|
{{- if eq .Kind "page" }}{{ .Title }}
|
|
|
|
|
{{- else if eq .Data.Singular "tag" }}{{ .Data.Term }}
|
|
|
|
|
{{- else }}Posts
|
|
|
|
|
{{- end }} - {{ end }}
|
|
|
|
|
{{- .Site.Title -}}
|
|
|
|
|
</title>
|
|
|
|
|
<!-- Meta -->
|
|
|
|
|
{{- if eq .Kind "page" }}
|
|
|
|
|
<meta name="description" content="{{ .Summary }}">
|
|
|
|
|
<meta name="author" content="{{ .Params.author | default .Site.Params.author }}">
|
2018-03-13 01:46:37 -04:00
|
|
|
{{ else }}
|
2019-03-31 08:32:06 -04:00
|
|
|
<meta name="description" content="{{ .Site.Params.description }}">
|
|
|
|
|
<meta name="author" content="{{ .Site.Params.author }}">
|
|
|
|
|
{{ end -}}
|
|
|
|
|
<!-- Styles -->
|
2019-08-19 16:12:49 -04:00
|
|
|
<link href="{{ "an-old-hope.min.css" | absURL }}" rel="stylesheet">
|
|
|
|
|
<link href="{{ "style.css" | absURL }}" rel="stylesheet">
|
2019-03-31 08:32:06 -04:00
|
|
|
<!-- Favicons -->
|
2019-08-19 16:12:49 -04:00
|
|
|
<link rel="apple-touch-icon" href="{{ "apple-touch-icon.png" | absURL }}">
|
|
|
|
|
<link rel="icon" href="{{ "favicon.ico" | absURL }}">
|
2019-03-31 08:32:06 -04:00
|
|
|
<!-- Generator -->
|
2019-05-04 10:39:34 -04:00
|
|
|
{{ hugo.Generator }}
|
2019-03-31 08:32:06 -04:00
|
|
|
<!-- RSS -->
|
2019-06-09 18:44:15 -04:00
|
|
|
<link rel="alternate" type="application/atom+xml" href="{{ "index.xml" | absURL }}" title="{{ .Site.Title }}">
|
2019-06-10 15:29:55 -04:00
|
|
|
<!-- Misc -->
|
2019-03-31 08:32:06 -04:00
|
|
|
{{ if eq (getenv "HUGO_ENV") "production" | or (eq .Site.Params.env "production") }}
|
|
|
|
|
{{ template "_internal/google_analytics_async.html" . }}
|
2019-09-04 09:28:40 -04:00
|
|
|
{{ template "_internal/opengraph.html" . }}
|
2019-09-07 08:31:12 -04:00
|
|
|
{{ end }}
|
2019-10-15 16:15:16 -04:00
|
|
|
<!-- Script -->
|
|
|
|
|
<script>
|
|
|
|
|
function setTheme() {
|
|
|
|
|
const prev = Number(localStorage.getItem('time'));
|
2019-10-15 23:27:49 -04:00
|
|
|
const now = Date.now();
|
|
|
|
|
let sunrise;
|
|
|
|
|
let sunset;
|
2019-10-15 16:15:16 -04:00
|
|
|
|
2019-10-15 23:27:49 -04:00
|
|
|
function setBodyClass() {
|
2019-10-15 16:15:16 -04:00
|
|
|
if (now > sunrise && now < sunset) return;
|
2019-10-15 23:27:49 -04:00
|
|
|
document.body.classList.add('sunset');
|
2019-10-15 16:15:16 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (now - prev > 24 * 60 * 60 * 10000) {
|
|
|
|
|
fetch('https://api.ipgeolocation.io/astronomy?apiKey=5ed37d85103e4defa5df4c5298ed5215')
|
|
|
|
|
.then(res => res.json())
|
|
|
|
|
.then(data => {
|
2019-10-15 23:27:49 -04:00
|
|
|
sunrise = data.sunrise.split(':').map(Number);
|
|
|
|
|
sunset = data.sunset.split(':').map(Number);
|
2019-10-15 16:15:16 -04:00
|
|
|
})
|
|
|
|
|
.catch(() => {
|
2019-10-15 23:27:49 -04:00
|
|
|
sunrise = [7, 0];
|
|
|
|
|
sunset = [19, 0];
|
2019-10-15 16:15:16 -04:00
|
|
|
})
|
|
|
|
|
.finally(() => {
|
2019-10-15 23:27:49 -04:00
|
|
|
sunrise = new Date().setHours(sunrise[0], sunrise[1], 0);
|
|
|
|
|
sunset = new Date().setHours(sunset[0], sunset[1], 0);
|
|
|
|
|
setBodyClass();
|
2019-10-15 16:15:16 -04:00
|
|
|
localStorage.setItem('sunrise', sunrise);
|
|
|
|
|
localStorage.setItem('sunset', sunset);
|
|
|
|
|
});
|
|
|
|
|
localStorage.setItem('time', now);
|
|
|
|
|
} else {
|
2019-10-15 23:27:49 -04:00
|
|
|
sunrise = Number(localStorage.getItem('sunrise'));
|
|
|
|
|
sunset = Number(localStorage.getItem('sunset'));
|
|
|
|
|
setBodyClass();
|
2019-10-15 16:15:16 -04:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
2019-03-31 08:32:06 -04:00
|
|
|
</head>
|
|
|
|
|
<body class="{{if eq .Kind `page` }}single{{else}}list{{ if .IsHome }} home{{ end }}{{end}}">
|
2019-10-15 16:15:16 -04:00
|
|
|
<script>
|
|
|
|
|
setTheme();
|
|
|
|
|
</script>
|
2019-03-31 08:32:06 -04:00
|
|
|
<header class="header">
|
2019-08-19 16:12:49 -04:00
|
|
|
<nav class="nav">
|
2019-03-31 08:32:06 -04:00
|
|
|
{{ if .IsHome }}
|
2019-06-09 18:59:08 -04:00
|
|
|
<h1 class="logo"><a href="{{ "" | absURL }}">{{ .Site.Title }}</a></h1>
|
2019-03-31 08:32:06 -04:00
|
|
|
{{ else }}
|
2019-06-09 18:59:08 -04:00
|
|
|
<p class="logo"><a href="{{ "" | absURL }}">{{ .Site.Title }}</a></p>
|
2018-03-13 01:46:37 -04:00
|
|
|
{{ end }}
|
2019-06-09 19:25:41 -04:00
|
|
|
{{ if .Site.Menus.main }}
|
2019-08-19 16:12:49 -04:00
|
|
|
<ul class="menu">
|
|
|
|
|
{{ range .Site.Menus.main }}
|
|
|
|
|
<li>
|
|
|
|
|
<a href="{{ .URL }}">{{ .Name }}</a>
|
|
|
|
|
</li>
|
|
|
|
|
{{ end }}
|
|
|
|
|
</ul>
|
2019-05-30 17:48:33 -04:00
|
|
|
{{ end }}
|
2019-08-19 16:12:49 -04:00
|
|
|
</nav>
|
2019-03-31 08:32:06 -04:00
|
|
|
</header>
|
|
|
|
|
<main class="main">
|
