<div th:id="${'post-'+post.metadata.name}"
     class="loop_content p_item uk-animation-slide-bottom-small" th:classappend="${post.spec.pinned ? 'sticky' :''}">
    <div class="normal_item_inner">
        <div class="normal_card_content">
            <div class="card_right">
                <div class="entry-content">
                    <h2 class="entry-title"><a th:href="@{${post.status.permalink}}" rel="bookmark">[[${post.spec.title}]]</a></h2>
                    <div class="entry_meta">
                        <span class="nickname">@[[${post.owner.displayName}]]</span> - <time itemprop="datePublished"
                                                                                             th:datetime="${#dates.format(post.spec.publishTime, 'yyyy-MM-dd HH:mm')}">
                        <th:block th:replace="~{modules/widgets/time :: time(${post.spec.publishTime})}"></th:block></time>
                    </div>
                    <th:block th:if="${not #strings.isEmpty(post.status.excerpt)}">
                        <p style="display: block" th:with="post_word_max = ${#conversions.convert(theme.config.post.post_word_max, 'java.lang.Integer') >= 0 ? theme.config.post.post_word_max : 100 },
                            excerpt = ${#strings.length(post.status.excerpt) > #conversions.convert(post_word_max, 'java.lang.Integer') ? post_word_max : #strings.length(post.status.excerpt)}">
                            [[${#strings.substring(post.status.excerpt,0,excerpt)+'...'}]]
                        </p>
                    </th:block>
                </div>

                <div class="entry-footer">
                    <div class="post_footer_meta">
                        <div class="left">
                            <span class="post_views"><i class="ri-eye-line"></i>[[${post.stats.visit}]]</span>
                            <span class="comnum"><i class="ri-chat-4-line"></i><small>[[${post.stats.comment}]]</small></span>
                            <a class="up_like " data-action="up" data-key="post" th:data-id="${post.metadata.name}">
                                <i class="ri-heart-2-line"></i>
                                <span>[[${post.stats.upvote}]]</span>
                            </a>
                        </div>
                        <div class="right">
                            <span th:if="${post.spec.pinned}" class="sticky_icon"><i class="ri-fire-line"></i> TOP</span>
                            <th:block th:if="${not #lists.isEmpty(post.categories)}">
                                <div class="normal_cat"># [[${post.categories[0].spec.displayName}]]</div>
                            </th:block>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>