28 lines
1.7 KiB
Plaintext
28 lines
1.7 KiB
Plaintext
<% const postList = createNewArchivePosts(posts) %>
|
|
<div class="archive-list-container">
|
|
<% postList.forEach(postYear => { %>
|
|
<section class="archive-item mb-spacing-unit last:mb-0">
|
|
<div class="archive-item-header flex flex-row items-center mb-2">
|
|
<span class="archive-year font-semibold text-3xl mr-2"><%= postYear.year %></span>
|
|
<span class="archive-year-post-count text-xs md:text-sm font-bold rounded-small bg-third-background-color py-[2px] px-[10px] border border-border-color"><%= postYear.postList.length %></span>
|
|
</div>
|
|
<% let previousDate = null; %>
|
|
<ul class="article-list pl-0 md:pl-8 text-lg leading-[1.5]">
|
|
<% postYear.postList.sort((a,b) => (a.date > b.date ? -1 : (a.date < b.date ? 1 : a.title.localeCompare(b.title)))).forEach(post => { %>
|
|
<% const currentDate = date(post.date, 'MM-DD'); %>
|
|
<% if (previousDate !== currentDate) { %>
|
|
<% if (previousDate) { %>
|
|
</li>
|
|
<% } %> <!-- Close the previous LI if not the first item -->
|
|
<li class="article-item space-y-2 px-6 pt-10 pb-2 text-xl relative border-l-2 border-border-color" date-is='<%= currentDate %>'>
|
|
<% } %>
|
|
<a href="<%- url_for(post.path) %>" class="block w-fit">
|
|
<span class="article-title my-0.5 text-2xl"><%= post.title %></span>
|
|
</a>
|
|
<% previousDate = currentDate; %>
|
|
<% }) %>
|
|
</li> <!-- Ensure the last item is properly closed -->
|
|
</ul>
|
|
</section>
|
|
<% }) %>
|
|
</div> |