Jade templates engine has been renamed to Pug. We are using Pug already on the Blender Cloud repository, following is Flamenco and Attract
115 lines
3.0 KiB
Plaintext
115 lines
3.0 KiB
Plaintext
| {% extends 'layout.html' %}
|
|
|
|
| {% set title = 'blog' %}
|
|
|
|
| {% block page_title %}Blog{% endblock%}
|
|
|
|
| {% block body %}
|
|
|
|
.container
|
|
#blog_container.cloud-blog
|
|
|
|
#blog_index-container
|
|
|
|
| {% if project.node_type_has_method('post', 'POST', api=api) %}
|
|
a.btn.btn-default.button-create(href="{{url_for('nodes.posts_create', project_id=project._id)}}")
|
|
i.pi-plus
|
|
| Create New Post
|
|
| {% endif %}
|
|
|
|
| {% if posts %}
|
|
|
|
| {% for node in posts %}
|
|
|
|
| {% if loop.first %}
|
|
| {% if node.picture %}
|
|
.blog_index-header
|
|
img(src="{{ node.picture.thumbnail('l', api=api) }}")
|
|
| {% endif %}
|
|
.blog_index-item
|
|
a.item-title(
|
|
href="{{ url_for_node(node=node) }}")
|
|
| {{node.name}}
|
|
|
|
.item-info.
|
|
<span title="{{node._created}}">{{node._created | pretty_date }}</span>
|
|
{% if node._created != node._updated %}
|
|
<span title="{{node._updated}}">(updated {{node._updated | pretty_date }})</span>
|
|
{% endif %}
|
|
{% if node.properties.category %}| {{node.properties.category}}{% endif %}
|
|
| by {{node.user.full_name}}
|
|
| <a href="{{ url_for_node(node=node) }}#comments">Leave a comment</a>
|
|
{% if node.properties.status != 'published' %} | {{ node.properties.status}} {% endif %}
|
|
|
|
.item-content
|
|
| {{node.properties.content}}
|
|
|
|
.item-meta
|
|
a(href="{{ url_for_node(node=node) }}#comments") Leave a comment
|
|
|
|
| {% else %}
|
|
|
|
| {% if loop.index == 2 %}
|
|
h4.blog_index-title Blasts from the past
|
|
| {% endif %}
|
|
|
|
.blog_index-item.list
|
|
| {% if node.picture %}
|
|
.item-header
|
|
img.image(src="{{ node.picture.thumbnail('s', api=api) }}")
|
|
| {% else %}
|
|
.item-header.nothumb
|
|
i.pi-document-text
|
|
| {% endif %}
|
|
a.item-title(
|
|
href="{{ url_for_node(node=node) }}")
|
|
| {{node.name}}
|
|
|
|
.item-info.
|
|
<span title="{{node._created}}">{{node._created | pretty_date }}</span>
|
|
{% if node._created != node._updated %}
|
|
<span title="{{node._updated}}">(updated {{node._updated | pretty_date }})</span>
|
|
{% endif %}
|
|
{% if node.properties.category %}| {{node.properties.category}}{% endif %}
|
|
| by {{node.user.full_name}}
|
|
{% if node.properties.status != 'published' %} | {{ node.properties.status}} {% endif %}
|
|
|
|
| {% endif %} {# loop #}
|
|
|
|
| {% endfor %} {# posts #}
|
|
|
|
| {% else %}
|
|
|
|
.blog_index-item
|
|
.item-content No posts yet.
|
|
|
|
| {% endif %} {# posts #}
|
|
|
|
| {% endblock %}
|
|
|
|
| {% block footer_scripts %}
|
|
|
|
include ../_scripts
|
|
script.
|
|
hopToTop(); // Display jump to top button
|
|
|
|
/* Expand images when their link points to a jpg/png/gif */
|
|
/* TODO: De-duplicate code from view post */
|
|
var page_overlay = document.getElementById('page-overlay');
|
|
$('.blog_index-item .item-content a img').on('click', function(e){
|
|
e.preventDefault();
|
|
|
|
var href = $(this).parent().attr('href');
|
|
var src = $(this).attr('src');
|
|
|
|
if (href.match("jpg$") || href.match("png$") || href.match("gif$")) {
|
|
$(page_overlay)
|
|
.addClass('active')
|
|
.html('<img src="' + src + '"/>');
|
|
} else {
|
|
window.location.href = href;
|
|
}
|
|
});
|
|
|
|
| {% endblock %}
|