<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<title>{{ .Title }} · {{ .Site.Title }}</title>
<base href="{{ .Permalink }}">
<link rel="canonical" href="{{ .Permalink }}">
{{ if .RSSlink }}
<link href="{{ .RSSlink }}" rel="alternative" type="application/rss+xml" title="{{ .Title }}" />
{{ end }}
<link rel="stylesheet" type="text/css" href="{{ .Site.BaseURL }}css/main.css" />
</head>
<body>
<a id="title" href="{{ .Site.BaseURL }}" title="{{ .Site.Title }}">
{{ if .Site.Params.logo }}
<img id="logo" alt="Logo" src="{{ .Site.Params.logo }}" />
{{ end }}
{{ if .Site.Title }}
<h1>{{ .Site.Title }}</h1>
{{ end }}
</a>
<div id="social">
{{ if .Site.Params.email }}
<a href="mailto:{{ .Site.Params.email }}" title="Email {{ .Site.Params.email }}">
<img alt="Email" src="{{ .Site.BaseURL }}images/email.svg" />
</a>
{{ end }}
{{ if .Site.Params.github }}
<a href="https://github.com/{{ .Site.Params.github }}" title="Github">
<img alt="GitHub" src="{{ .Site.BaseURL }}images/github.svg" />
</a>
{{ end }}
{{ if .Site.Params.facebook }}
<a href="https://facebook.com/{{ .Site.Params.facebook }}" title="Facebook">
<img alt="Facebook" src="{{ .Site.BaseURL }}images/facebook.svg" />
</a>
{{ end }}
{{ if .Site.Params.twitter }}
<a href="https://twitter.com/{{ .Site.Params.twitter }}" title="Twitter">
<img alt="Twitter" src="{{ .Site.BaseURL }}images/twitter.svg" />
</a>
{{ end }}
{{ if .Site.Params.linkedin }}
<a href="https://linkedin.com/in/{{ .Site.Params.linkedin }}" title="LinkedIn">
<img alt="LinkedIn" src="{{ .Site.BaseURL }}images/linkedin.svg" />
</a>
{{ end }}
</div>
{{ if .Site.Params.description }}
<p>{{ .Site.Params.description }}</p>
{{ end }}
<div class="links">
<a href="{{ .Site.BaseURL }}">Home</a>
{{ range first 1 (where .Site.Pages "Type" "post") }}
<a href="{{ .Site.BaseURL }}post/">Archive</a>
{{ end }}
{{ range where .Site.Pages "Type" "!=" "post" }}
<a href="{{ .Permalink }}">{{ .Title }}</a>
{{ end }}
</div>