34 行
1.2 KiB
HTML
34 行
1.2 KiB
HTML
<article
|
|
class="devcm-post-card"
|
|
th:fragment="post-card (post, featured)"
|
|
th:classappend="${featured} ? ' devcm-post-card--featured' : ''"
|
|
>
|
|
<h2 class="devcm-post-card__title">
|
|
<a th:href="${post.status.permalink}" th:text="${post.spec.title}">Post Title</a>
|
|
<span class="devcm-badge" th:if="${featured}" th:text="#{devcm.post.featured}">FEATURED</span>
|
|
</h2>
|
|
<div class="devcm-post-card__meta">
|
|
<span th:text="${#dates.format(post.spec.publishTime,'yyyy-MM-dd')}">2026-01-01</span>
|
|
<span
|
|
th:if="${post.contributors != null and !#lists.isEmpty(post.contributors)}"
|
|
th:with="contributor = ${post.contributors[0]}"
|
|
th:text="${contributor.displayName}"
|
|
>
|
|
Author
|
|
</span>
|
|
<a
|
|
class="devcm-post-card__tag"
|
|
th:each="tag : ${post.tags}"
|
|
th:href="${tag.status.permalink}"
|
|
th:title="${tag.spec.displayName}"
|
|
th:text="'#' + ${tag.spec.displayName}"
|
|
>
|
|
#tag
|
|
</a>
|
|
</div>
|
|
<p class="devcm-post-card__excerpt" th:text="${post.status.excerpt}">Post excerpt...</p>
|
|
<a class="devcm-read-more" th:href="${post.status.permalink}"
|
|
><span th:text="#{devcm.post.readMore}">Read more</span> <span aria-hidden="true">→</span></a
|
|
>
|
|
</article>
|