| {% extends 'projects/view.html' %}
| {% set title = 'blog' %}

| {% block og %}
meta(property="og:title", content="{{ node.name }}")
meta(property="og:url", content="{{ url_for('main.project_blog', project_url=project.url, url=node.properties.url, _external=True)}}")
meta(property="og:type", content="website")
| {% if node.picture %}
meta(property="og:image", content="{{ node.picture.thumbnail('l', api=api) }}")
| {% endif %}
meta(property="og:description", content="Blender Cloud is a web based service developed by Blender Institute that allows people to access the training videos and all the data from the open projects.")

meta(name="twitter:title", content="{{ node.name }}")
meta(name="twitter:description", content="Blender Cloud is a web based service developed by Blender Institute that allows people to access the training videos and all the data from the open projects.")
| {% if node.picture %}
meta(property="og:image", content="{{ node.picture.thumbnail('l', api=api) }}")
| {% endif %}
| {% endblock %}

| {% block page_title %}{{node.name}} - Blog{% endblock%}

| {% block css %}
| {{ super() }}
link(href="{{ url_for('static_pillar', filename='assets/css/blog.css', v=17320171) }}", rel="stylesheet")
| {% endblock %}

| {% block project_context %}
| {% include 'nodes/custom/post/view_embed.html' %}
| {% endblock %}

| {% block project_tree %}
#project_tree.jstree.jstree-default.blog
	ul.jstree-container-ul.jstree-children
		li.jstree-node(data-node-type="page")
			a.jstree-anchor(
			href="{{ url_for('projects.view', project_url=project.url) }}")
				| Browse Project

		li.jstree-node(data-node-type="page")
			a.jstree-anchor(
			href="{{ url_for('main.project_blog', project_url=project.url) }}") Blog

		| {% for post in posts %}
		li.jstree-node
			a.jstree-anchor.tree-item.post(
			href="{{ url_for_node(node=post) }}",
			class="{% if post._id == node._id %}jstree-clicked{% endif %}")
				.tree-item-thumbnail
					| {% if post.picture %}
					img(src="{{ post.picture.thumbnail('s', api=api) }}")
					| {% else %}
					i.pi-document-text
					| {% endif %}
				span.tree-item-title {{ post.name }}
				span.tree-item-info {{ post._created | pretty_date }}
		| {% endfor %}
| {% endblock %}

| {% block footer_scripts %}
script.
	ProjectUtils.setProjectAttributes({projectId: "{{project._id}}", isProject: false, nodeId: '{{node._id}}'});

	/* UI Stuff */
	var project_container = document.getElementById('project-container');
	$(window).on("load resize",function(){
		containerResizeY($(window).height());

		if ($(window).width() > 480) {
			project_container.style.height = (window.innerHeight - project_container.offsetTop) + "px";
		}
	});

| {% endblock footer_scripts %}