journals.ftl

<#include "module/macro.ftl">
<@layout title="${settings.jounarls_title!'Journals'} | ${options.blog_title!}">
  <main class="mx-auto" id="container">
    <header class="bg-cover post-cover">
        <#if settings.journals_patternimg?? && settings.journals_patternimg!=''>
          <div class="cover-bg">
            <img src="${settings.journals_patternimg!}" class="z-auto"
                 alt="${settings.jounarls_title! 'Journals'}">
          </div>
        <#else>
          <div class="placeholder-bg">
          </div>
        </#if>
      <div class="cover-content flex justify-center">
        <!-- 封面内容 -->
        <div class="inner flex flex-col justify-center">
          <p
            class="cover-title text-base md:text-4xl lg:text-4xl xl:text-5xl">${settings.jounarls_title! 'Journals'}</p>
        </div>
      </div>
    </header>
    <div class="container mx-auto px-4 mt-16 max-w-6xl tracking-wider md:leading-relaxed sm:leading-normal
                ct-container cn-pd content-container is-container" id="moreContainer">
      <div id="ziyan-list">
        <div style="position: relative">
            <#list journals.content as journal>
              <div class="ziyan" style="transform-origin: center top;">
                <div class="ziyan-content">
                  <div class="ziyan-header">
                    <span class="ziyan-username">${user.nickname!}</span>
                    <span class="is-verified-badge"></span>
                    <span class="ziyan-text">·</span>
                    <span class="ziyan-date time-ago" time="${journal.createTime?string("yyyy-MM-dd HH:mm:ss")}"></span>
                  </div>
                  <div class="ziyan-body markdown-body md-content">
                      ${journal.content!}
                  </div>
                  <div class="ziyan-footer" style="display: none">
                    <a class="ziyan-icon ziyan-reaction  ">
                      <div class="is-icon-reaction-wrap">
                        <span class="iconfont icon-like"></span>
                      </div>
                      <span class="is-reaction-count">
                                            ${journal.likes}
                                        </span>
                    </a>
                  </div>
                </div>
              </div>
            </#list>
        </div>
      </div>
    </div>
    <div class="container mx-auto px-4 content-container <#if !(settings.posts_style!true)>mx-850</#if>">
      <nav class="pagination flex flex-row justify-center mt-8" role="navigation"
           aria-label="pagination">
          <#if journals.totalPages gt 1>
              <@paginationTag method="journals" page="${journals.number}" total="${journals.totalPages}" display="3">
                  <#include "module/widget/more.ftl">
              </@paginationTag>
          </#if>
      </nav>
    </div>
  </main>
</@layout>