<!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>