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

{% block page_content %}
<div class="blog-container">
<article class="blog-content" itemscope itemtype="http://schema.org/BlogPosting">
	<meta  itemprop="datePublished" content="{{ frappe.format_date(published_on) }}"></meta>
	<meta  itemprop="author" content="{{ full_name }}"></meta>
	<!-- begin blog content -->
	<div class="blog-info">
	<h1 itemprop="headline" class="blog-header">{{ title }}</h1>
	<p class="post-by text-muted">
		<a href="/blog?by={{ blogger }}&by_name={{ full_name }}" class="no-decoration">By {{ blogger_info and blogger_info.full_name 		or full_name }}</a>
		<i class="blog-dot"></i> {{ frappe.format_date(published_on) }}
		<i class="blog-dot"></i> <a href="/{{ category.route }}" class="no-decoration">{{ category.title }}</a>
		<i class="blog-dot"></i> {{ comment_text }}
	</p>
	</div>
	<div itemprop="articleBody" class="longform blog-text">
	{{ content }}
	</div>
	<!-- end blog content -->
</article>
{% if blogger_info %}
{% include "templates/includes/blog/blogger.html" %}
{% endif %}
<div class="blog-comments">
	{% include 'templates/includes/comments/comments.html' %}
</div>
</div>
<script>
    frappe.ready(function() { frappe.set_search_path("/blog"); })
</script>
{% endblock %}
{% block style %}
<style>
.blog-container {
	max-width: 720px;
	margin: auto;
}
.page-content {
	padding-bottom: 0px;
}
</style>
{% endblock %}
