{% extends "base.html" %}

{% block title %}{{ page.title }}{% endblock title %}

{% block header %}
<div class="blog-header">
  <div class="blog-header-left">
	<h1 class="header-title">
	  {{ page.title }}
	</h1>
	<p class="subtitle"><strong>{{ page.date }}</strong> {% if page.updated  %} <small>(updated {{ page.updated }})</small> {% endif %}</p>
  </div>
  <div class ="blog-header-right">
	<h1 class="header-title"><a href="{{ config.base_url }}">Jack Jamison</a></h1>
  </div>
</div>
{% endblock header %}

{% block content %}
<img src="{{ page.path ~ 'cover.png' }}" alt="{{ page.title }}">
{{ page.content | safe }}
{% if page.extra.youtube_id %}
<iframe class="youtube" src="https://www.youtube.com/embed/{{ page.extra.youtube_id }}" title="YouTube video player" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
{% endif %}
{% endblock content %}