<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ if .Title }}{{ .Title }} | {{ end }}{{ .Site.Title }}</title>
    <meta name="description" content="{{ with .Description }}{{ . }}{{ else }}{{ .Site.Params.description }}{{ end }}">
    <link rel="canonical" href="{{ .Permalink }}">
    {{ $style := resources.Get "css/dreamscape.css" | minify }}
    <link rel="stylesheet" href="{{ $style.RelPermalink }}">
    <link rel="alternate" type="application/rss+xml" href='{{ "feed.xml" | relURL }}'>
</head>
<body class="kind-{{ .Kind }}{{ with .Section }} section-{{ . }}{{ end }}{{ if and (eq .Kind "page") (eq .Section "journey") }} immersive-single{{ end }}">
    <canvas id="starfield"></canvas>
    <div id="app">
        <nav class="nav" aria-label="主导航">
            <a href="{{ "/" | relURL }}" class="nav-logo" aria-label="返回首页">✦</a>
            {{ range .Site.Menus.main }}
            <a href="{{ .URL | relURL }}" class="nav-link">{{ .Name }}</a>
            {{ end }}
        </nav>
        <main>
            {{- block "main" . }}{{- end }}
        </main>
        <footer class="footer" aria-label="页脚">
            <span>✦ Val's Dreamscape Journal ✦</span>
        </footer>
    </div>
    {{ $js := resources.Get "js/dreamscape.js" | minify }}
    <script src="{{ $js.RelPermalink }}"></script>
</body>
</html>
