archive/blender-cloud
0
1
Fork 1
Code Issues 24 Pull Requests Projects Releases Wiki Activity

Blog listing: Show posts as cards

Browse Source
This commit is contained in:
Pablo Vazquez
2018-09-15 21:23:45 +02:00
parent 1196f178e8
commit 2eb969f7ee
1 changed files with 30 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/templates/nodes/custom/blog/_macros.pug
View File

@@ -55,29 +55,26 @@ include ../../../../../../pillar/src/templates/mixins/components
//- ******************************************************* -//
| {% macro render_blog_list_item(node) %}
.row.position-relative.py-2
.col-md-1
a.card.asset.card-image-fade.pr-0.mx-0.mb-4(
href="{{ node.url }}")
.embed-responsive.embed-responsive-16by9
| {% if node.picture %}
a.imgs-fluid(href="{{ node.url }}")
img(src="{{ node.picture.thumbnail('s', api=api) }}")
.card-img-top.embed-responsive-item(style="background-image: url({{ node.picture.thumbnail('m', api=api) }})")
| {% else %}
.bg-primary.rounded.h-100
a.d-flex.align-items-center.justify-content-center.h-100.text-white(href="{{ node.url }}")
.card-img-top.card-icon.embed-responsive-item
i.pi-document-text
| {% endif %}
.col-md-11
h5
a.text-muted(href="{{ node.url }}") {{node.name}}
.card-body.py-2.d-flex.flex-column
.card-title.mb-1.font-weight-bold
| {{ node.name }}
.text-muted.
#[span(title="{{node._created}}") {{node._created | pretty_date }}]
{% if node._created != node._updated %}
#[span(title="{{node._updated}}") (updated {{node._updated | pretty_date }})]
{% endif %}
{% if node.properties.category %} · {{node.properties.category}}{% endif %}
· {{node.user.full_name}}
{% if node.properties.status != 'published' %} · {{ node.properties.status}} {% endif %}
ul.card-text.list-unstyled.d-flex.text-black-50.mt-auto
li.pr-2 {{ node.user.full_name }}
li {{ node._created | pretty_date }}
| {% if node.properties.status != 'published' %}
li.text-info.font-weight-bold {{ node.properties.status}}
| {% endif %}
| {% endmacro %}
@@ -96,12 +93,9 @@ include ../../../../../../pillar/src/templates/mixins/components
| {{ render_blog_post(posts[0], project=project, pages=pages) }}
.container
.row
.col-md-9.mx-auto
h5.text-muted.text-center.py-3 Blasts from the past
+card-deck(class="px-2 justify-content-center")
| {% for node in posts[1:] %}
| {% if loop.first %}
h5.text-muted.text-center Blasts from the past
| {% endif %}
| {{ render_blog_list_item(node) }}
| {% endfor %}
@@ -156,6 +150,7 @@ include ../../../../../../pillar/src/templates/mixins/components
| {{ render_archive_pagination(project) }}
+card-deck(class="px-2")
| {% for node in posts %}
| {{ render_blog_list_item(node) }}
| {% endfor %}