Changeset View
Changeset View
Standalone View
Standalone View
blog/templates/blog/post_detail.html
| {% extends 'common/base.html' %} | {% extends 'common/base.html' %} | ||||
| {% load static %} | {% load static %} | ||||
| {% load common_extras %} | {% load common_extras %} | ||||
| {% block title_append %} - {{ post.title }}{% endblock title_append %} | {% block title_append %} - {{ post.title }}{% endblock title_append %} | ||||
| {% block meta %} | {% block meta %} | ||||
| {% with title=post.title description=post.excerpt image_url=post.thumbnail_m_url %} | {% with title=post.title description=post.excerpt image_url=post.thumbnail_m_url %} | ||||
| {% include 'common/components/meta.html' %} | {% include 'common/components/meta.html' %} | ||||
| {% endwith %} | {% endwith %} | ||||
| {% endblock %} | {% endblock %} | ||||
| {% block content %} | {% block content %} | ||||
| {% if post.header %} | {% if post.header %} | ||||
| <div class="jumbotron jumbotron-fluid jumbotron-blog"> | <div class="jumbotron jumbotron-fluid jumbotron-blog"> | ||||
| <div class="jumbotron-bg-wrapper"> | <div class="jumbotron-bg-wrapper"> | ||||
| {% include "common/components/helpers/image_set.html" with alt=asset.name classes="jumbotron-bg" img_source=post.header xsmall_width="600" small_width="800" medium_width="1000" large_width="1200" xlarge_width="1920" %} | {% include "common/components/helpers/image_set.html" with alt=asset.name classes="jumbotron-bg" img_source=post.header xsmall_width="600" small_width="800" medium_width="1000" large_width="1200" xlarge_width="1920" %} | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| {% endif %} | {% endif %} | ||||
| <section class="container-blog"> | <section class="container-blog"> | ||||
| <div class="row mb-3"> | <div class="row mb-3"> | ||||
| <div class="col"> | <div class="col"> | ||||
| <p class="subtitle">{{ post.date_published|date:"jS M Y" }}{% if post.category %} | | <p class="subtitle">{{ post.date_published|date:"jS M Y" }}{% if post.category %} | | ||||
| {{ post.category }}{% endif %}{% if post.film %} | <a href="{{ post.film.url }}">{{ post.film }}</a>{% endif %} | {{ post.category }}{% endif %}{% if post.film %} | <a href="{{ post.film.url }}">{{ post.film }}</a>{% endif %} | ||||
| </p> | </p> | ||||
| <h1 class="display-3 mb-0">{{ post.title|linebreaksbr }}</h1> | <h1 class="display-3 mb-0">{{ post.title|linebreaksbr }}</h1> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| {% include "blog/blog_toolbar.html" %} | {% include "blog/blog_toolbar.html" %} | ||||
| <div class="markdown-text editorial-text-area mb-4">{% with_shortcodes post.content_html %}</div> | <div class="markdown-text editorial-text-area mb-4">{% with_shortcodes post.content_html %}</div> | ||||
| {% include "blog/blog_toolbar.html" %} | {% include "blog/blog_toolbar.html" %} | ||||
| <section class="my-4">{% include 'comments/components/comment_section.html' %}</section> | <section class="my-4">{% include 'comments/components/comment_section.html' %}</section> | ||||
| </section> | </section> | ||||
| {% endblock %} | {% endblock %} | ||||