{% extends "templates/web.html" %}

{% block meta_block %}
	{% include "templates/includes/meta_block.html" %}
{% endblock %}

{% block page_content %}
<div class="blog-container">
	<article class="blog-content mb-3" itemscope itemtype="http://schema.org/BlogPosting">
		<!-- begin blog content -->
		<div class="blog-info">
			<h1 itemprop="headline" class="blog-header">{{ title }}</h1>
			<p class="text-muted small">
			{{ frappe.format_date(published_on) }}
			</p>
		</div>
		<p class="lead">
			{{ description }}
		</p>
		<div itemprop="articleBody" class="longform blog-text mt-5">
		{{ content }}
		</div>
		<!-- end blog content -->
	</article>

	{% if blogger_info %}
	<hr class="my-5">
	{% include "templates/includes/blog/blogger.html" %}
	{% endif %}

	<div class="blog-comments my-5">
		{% include 'templates/includes/comments/comments.html' %}
	</div>
</div>
<script>
	frappe.ready(() => frappe.set_search_path("/blog"))
</script>
{% endblock %}

{% block style %}
<style>
.blog-container {
	max-width: 720px;
	margin: 0 auto;
	font-size: 1.2rem;
}

</style>
{% endblock %}
