<!doctype html>
<html lang="{{ .Site.LanguageCode | default "en-us" }}">
<title>{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Site.Title }} - {{ .Title }}{{ end }}</title>
<link href="/favicon.ico" rel=icon />
<meta content="{{ if .IsHome }}{{ .Site.Params.description }}{{ else }}{{ .Description }}{{ end }}" name="description" />
<meta content="{{ .Site.Params.author | default "John Doe" }}" name="author" />
<meta content="width=device-width" name="viewport" />
<style>
a:hover,a.active{text-decoration:underline}
body{margin:0;word-wrap:break-word;font:calc(.75em + 1.3vmin)/1.6 "Segoe UI",Helvetica,Arial,sans-serif}
h2{margin-top:40px}
h3{margin-bottom:unset}
a{text-decoration:none;color:#03c}
aside ul{list-style:none;white-space:nowrap;padding:10px}
aside a,aside li{color:#E0E0E0}
aside{background:#212121;padding:3.75vw;top:0}
main{margin:8vh auto;max-width:90%}
code{background:#eee;font-family:Consolas,monaco,monospace;padding:5px;font-size:75%}
pre>code{display:block;padding:20px;white-space:pre-wrap;font-size:75%;max-width:80ch}
p,a,li,h1{max-width:70ch}
blockquote{color:#333;border-left:7px solid #fc9;padding:0 14px;margin:0}
p.pagination>a{padding:5px}
@media(min-width:1100px){
aside{position:fixed;min-width:14vw;max-width:17vw;bottom:0;overflow-y:auto}
#l{margin-top:0}
main{width:63%;margin-left:31vw;margin-top:0}
}
</style>
<aside>
<ul>
<li><a href="{{ .Site.BaseURL }}"><b>{{ .Site.Title }}</b></a></li>
</ul>
<ul>
<li><a href="/about/">About</a></li>
<li><a href="/reading-list/">Reading List</a></li>
<li><a href="/hardware/">Hardware</a></li>
<li><a href="/dreams/">Dreams</a></li>
<li><a href="/languages/">Languages</a></li>
<li><a href="/recipes/">Recipes</a></li>
<li><a href="/status/">Server Status</a></li>
</ul>
<ul>
<li><a href="/tags/">Tags</a></li>
<li><a href="/index.xml">RSS Feed</a></li>
</ul>
<ul>
<li>© {{ now.Format "2006" }}</li>
</ul>
</aside>
<main>
{{ block "main" . }}{{ .Content }}{{ end }}
</main>