<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="/img/favicon.png" type="image/png">
<title>{{ .Title }}{{ if ne .Page.UrlPath "" }} - {{ .Site.Title }}{{ end }}</title>
<link rel="canonical" href="{{ .Page.Permalink }}">
<link rel="alternate" type="application/rss+xml" href="/feed.xml">
<link rel="stylesheet" href="/style.css">
<link rel="sitemap" type="application/xml" href="/sitemap.xml">
{{ if not .Page.DatePublished.IsZero -}}
<meta property="og:title" content="{{ .Page.Title }}">
<meta property="og:url" content="{{ .Page.Permalink }}">
<meta property="og:image" content="{{ .Site.Url }}img/avatar.jpeg">
<meta property="og:site_name" content="{{ .Site.Title }}">
{{- end -}}
</head>
<body>
<header class="sidebar">
  <div class="container">
    <div class="sidebar-about">
      <h2>
        <a href="/">
          Danny van Kooten
        </a>
      </h2>
      <p class="lead">On software, sustainability, open-source and web stuff.</p>
    </div>
    <nav class="sidebar-nav">
        <a href="/" {{ if eq .Page.UrlPath "" }}class="active"{{ end }}>Home</a>
        <a href="/about/" {{ if eq .Page.UrlPath "about/" }}class="active"{{ end }}>About</a>
        <a href="/projects/" {{ if eq .Page.UrlPath "projects/" }}class="active"{{ end }}>Projects</a>
        <a href="/blog/" {{ if eq .Page.UrlPath "blog/" }}class="active"{{ end }}>Blog</a>
        <a href="/bookmarks/" {{ if eq .Page.UrlPath "bookmarks/" }}class="active"{{ end }}>Bookmarks</a>
    </nav>
    <p class="muted">&copy; All rights reserved.</p>
  </div>
</header>
