<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ page.title }} — Tap Blog</title>
<meta name="description" content="{{ page.description }}">
{% if page.keywords %}<meta name="keywords" content="{{ page.keywords }}">{% endif %}
<link rel="canonical" href="https://taprun.dev{{ page.url }}">
<meta property="og:title" content="{{ page.og_title | default: page.title }}">
<meta property="og:description" content="{{ page.og_description | default: page.description }}">
<meta property="og:url" content="https://taprun.dev{{ page.url }}">
<meta property="og:type" content="article">
<meta property="og:image" content="https://taprun.dev/social-preview.png">
<meta property="article:published_time" content="{{ page.date | date: '%Y-%m-%d' }}">
<meta property="article:author" content="Leon Ting">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="{{ page.twitter_title | default: page.title }}">
<meta name="twitter:description" content="{{ page.twitter_description | default: page.description }}">
<meta name="twitter:image" content="https://taprun.dev/social-preview.png">
{% include head-common.html %}
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": {{ page.title | jsonify }},
  "description": {{ page.description | jsonify }},
  "datePublished": "{{ page.date | date: '%Y-%m-%d' }}",
  "image": "https://taprun.dev/social-preview.png",
  "author": { "@type": "Person", "name": "Leon Ting", "url": "https://github.com/LeonTing1010" },
  "publisher": { "@type": "Organization", "name": "Tap", "url": "https://taprun.dev" },
  "url": "https://taprun.dev{{ page.url }}",
  "mainEntityOfPage": "https://taprun.dev{{ page.url }}"{% if page.keywords %},
  "keywords": {{ page.keywords | jsonify }}{% endif %}
}
</script>
{% include blog-styles.html %}
</head>
<body>
<div class="container">
<a href="../" class="back">&larr; Tap</a> &middot; <a href="./" class="back">Blog</a>
<h1>{{ page.title }}</h1>
<p class="meta">{{ page.date | date: "%B %-d, %Y" }} &middot; Leon Ting{% if page.read_time %} &middot; {{ page.read_time }}{% endif %}{% if page.subtitle %} &middot; {{ page.subtitle }}{% endif %}</p>

{{ content }}

{% include blog-cta.html %}

</div>
</body>
</html>
