|
1 | 1 | <article class="md-post md-post--excerpt card">
|
2 | 2 | <header class="md-post__header">
|
| 3 | + {% if post.authors %} |
| 4 | + <nav class="md-post__authors md-typeset"> |
| 5 | + {% for author in post.authors %} |
| 6 | + <span class="md-author"> |
| 7 | + <img src="{{ author.avatar }}" alt="{{ author.name }}" /> |
| 8 | + </span> |
| 9 | + {% endfor %} |
| 10 | + </nav> |
| 11 | + {% endif %} |
| 12 | + |
3 | 13 | <div class="md-post__meta md-meta">
|
4 | 14 | <ul class="md-meta__list">
|
5 | 15 | <li class="md-meta__item">
|
| 16 | + <i class="fas fa-calendar-alt"></i> <!-- Calendar Icon --> |
6 | 17 | <time datetime="{{ post.config.date.created }}">
|
7 | 18 | {{ post.config.date.created.strftime('%d %b %Y') }}
|
8 | 19 | </time>
|
9 | 20 | </li>
|
| 21 | + |
10 | 22 | {% if post.categories %}
|
11 | 23 | <li class="md-meta__item">
|
| 24 | + <i class="fas fa-folder"></i> <!-- Folder Icon --> |
12 | 25 | Categories:
|
13 | 26 | {% for category in post.categories %}
|
14 | 27 | <a href="{{ category.url | url }}" class="md-meta__link">
|
|
18 | 31 | {% endfor %}
|
19 | 32 | </li>
|
20 | 33 | {% endif %}
|
| 34 | + |
21 | 35 | {% if post.meta.tags %}
|
22 | 36 | <li class="md-meta__item">
|
| 37 | + <i class="fas fa-tags"></i> <!-- Tag Icon --> |
23 | 38 | Tags:
|
24 | 39 | {% for tag in post.meta.tags %}
|
25 | 40 | {{ tag }}
|
26 | 41 | {% if loop.revindex > 1 %}, {% endif %}
|
27 | 42 | {% endfor %}
|
28 | 43 | </li>
|
29 | 44 | {% endif %}
|
| 45 | + |
30 | 46 | {% if post.config.readtime %}
|
31 | 47 | {% set time = post.config.readtime %}
|
32 |
| - <li class="md-meta__item readtime"> |
| 48 | + <li class="md-meta__item"> |
| 49 | + <i class="fas fa-clock"></i> <!-- Clock Icon --> |
33 | 50 | {% if time == 1 %}
|
34 | 51 | {{ lang.t("readtime.one") }}
|
35 | 52 | {% else %}
|
|
38 | 55 | </li>
|
39 | 56 | {% endif %}
|
40 | 57 | </ul>
|
| 58 | + |
| 59 | + {% if post.config.draft %} |
| 60 | + <span class="md-draft"> |
| 61 | + <i class="fas fa-exclamation-circle"></i> Draft |
| 62 | + </span> |
| 63 | + {% endif %} |
41 | 64 | </div>
|
42 | 65 | </header>
|
43 | 66 |
|
44 |
| - <!-- Clickable Post Title --> |
45 |
| - <h2 class="md-post__title"> |
46 |
| - <a href="{{ post.url }}" class="md-post__link">{{ post.title }}</a> |
| 67 | + <!-- Clickable Post-Title --> |
| 68 | + <h2 class="md-post__title md-typeset"> |
| 69 | + <a href="{{ post.url | url}}" class="md-post__link"> |
| 70 | + {{ post.title }} |
| 71 | + </a> |
47 | 72 | </h2>
|
48 | 73 |
|
49 | 74 | <div class="md-post__content md-typeset">
|
50 |
| - <p>{{ post.excerpt | default(post.content | truncate(150)) }}</p> |
51 |
| - <a href="{{ post.url }}" class="read-more">Read More →</a> |
| 75 | + <p class="md-typeset">{{ post.excerpt | default(post.content | striptags | truncate(150, True)) }}</p> |
| 76 | + <a href="{{ post.url | url }}" class="read-more"> |
| 77 | + Read More |
| 78 | + </a> |
52 | 79 | </div>
|
53 | 80 | </article>
|
0 commit comments