Changeset View
Changeset View
Standalone View
Standalone View
common/templates/common/components/cards/card_blog.html
| <div class="{% block classes %}grid-item{% endblock classes %}"> | <div class="{% block classes %}grid-item{% endblock classes %}"> | ||||
| <div class="card card-dark card-hover card-media"> | <div class="card card-dark card-hover card-media"> | ||||
| <div class="card-header"> | <div class="card-header"> | ||||
| <a class="card-header-link" href="{% url 'post-detail' slug=post.slug %}"> | <a class="card-header-link" href="{% url 'post-detail' slug=post.slug %}"> | ||||
| {% if post.thumbnail %} | {% if post.thumbnail %} | ||||
| {% block image %} | {% block image %} | ||||
| <img alt="{{ post.title }}" class="card-image" src="{{ post.thumbnail_s_url }}"> | <img alt="{{ post.title }}" class="card-image" src="{{ post.thumbnail_s_url }}"> | ||||
| {% endblock image %} | {% endblock image %} | ||||
| {% endif %} | {% endif %} | ||||
| </a> | </a> | ||||
| </div> | </div> | ||||
| <a href="{% url 'post-detail' slug=post.slug %}" class="card-body"> | <a href="{% url 'post-detail' slug=post.slug %}" class="card-body"> | ||||
| <div class="card-subtitle-group"> | <div class="card-subtitle-group"> | ||||
| <p class="card-subtitle"> | <p class="card-subtitle"> | ||||
| {{ post.category|title }} | {{ post.category|title }} | ||||
| </p> | </p> | ||||
| {% if not post.is_published %} | {% if not post.is_published %} | ||||
| <div class="badge badge-danger"> | <div class="badge badge-danger"> | ||||
| Unpublished | Unpublished | ||||
| </div> | </div> | ||||
| {% elif post.is_new %} | {% elif post.is_new %} | ||||
| <div class="badge badge-primary"> | <div class="badge badge-primary"> | ||||
| New | New | ||||
| </div> | </div> | ||||
| {% else %} | {% else %} | ||||
| <p class="card-subtitle"> | <p class="card-subtitle"> | ||||
| <i class="material-icons icon-inline small">schedule</i> | <i class="material-icons icon-inline small">schedule</i> | ||||
| <span class="date"> | <span class="date"> | ||||
| {{ post.date_published|date:"U" }} | {{ post.date_published|date:"U" }} | ||||
| </span> | </span> | ||||
| </p> | </p> | ||||
| {% endif %} | {% endif %} | ||||
| </div> | </div> | ||||
| <h3 class="card-title">{{ post.title }}</h3> | <h3 class="card-title">{{ post.title }}</h3> | ||||
| <p class="card-text">{{ post.excerpt }}</p> | <p class="card-text">{{ post.excerpt }}</p> | ||||
| </a> | </a> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||