<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Icon -->
<link rel="shortcut icon" href="<%- url_for('images/favicon.ico') %>" />
<link
rel="apple-touch-icon"
sizes="180x180"
href="<%- url_for('images/apple-touch-icon.png') %>"
/>
<link
rel="icon"
type="image/png"
href="<%- url_for('images/favicon-32x32.png') %>"
sizes="32x32"
/>
<link
rel="icon"
type="image/png"
href="<%- url_for('images/favicon-16x16.png') %>"
sizes="16x16"
/>
<link
rel="mask-icon"
href="<%- url_for('images/safari-pinned-tab.svg') %>"
color="#5bbad5"
/>
<!-- Metadata -->
<%
const pageUrl = `${config.url}/${page.canonical_path.replace('index.html', '')}`
const title = page.title || config.title
const description = strip_html(page.excerpt) || config.description
%>
<title><%- title %></title>
<link rel="canonical" href="<%- pageUrl %>">
<meta name="description" content="<%- description %>">
<meta property="og:title" content="<%- title %>">
<meta property="og:description" content="<%- description %>">
<meta property="og:url" content="<%- pageUrl %>">
<meta property="og:site_name" content="<%- config.title %>">
<meta property="og:locale" content="<%- config.language %>">
<meta property="twitter:title" content="<%- title %>">
<meta name="twitter:site" content="@<%- config.twitter.username %>">
<meta name="twitter:card" content="summary">
<!-- Styles -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"
/>
<link
rel="stylesheet"
href="https://unpkg.com/highlight.js@9.18.1/styles/night-owl.css"
/>
<%- css('css/index') %>
<!-- Feed -->
<link rel="alternate" type="application/atom+xml" title="<%= config.title %>" href="<%= full_url_for(`/feed.xml`) %>" />
<link rel="alternate" type="application/json" title="<%= config.title %>" href="<%= full_url_for(`/feed.json`) %>" />
</head>