hexo-theme-redefine-x 2.8.5

package/layout/pages/home/home-sidebar.ejs

@@ -0,0 +1,78 @@
+<div class="home-sidebar-container">
+    <div class="sticky-container sticky">
+        <%
+            const hasSidebarLinks = theme.home.sidebar.links !== null;
+            const hasSidebarAnnouncement = theme.home.sidebar.announcement !== null;
+        %>
+        <% if (theme.home.sidebar.first_item === "info") { %>
+            <div class="sidebar-content">
+                <%- partial("components/sidebar/avatar") %>
+                <%- partial("components/sidebar/author") %>
+                <%- partial('components/sidebar/statistics')%>
+            </div>
+            <% if (hasSidebarLinks || hasSidebarAnnouncement) {%>
+                <div class="sidebar-links"  <% if (hasSidebarLinks || hasSidebarAnnouncement) { %> marginTop <% } %>>
+                    <div class="site-info">
+                        <div class="site-name"><%= theme.info.title || config.title %></div>
+                        <% if (hasSidebarAnnouncement && hasSidebarLinks) { %>
+                            <div class="announcement">
+                                <%- theme.home.sidebar.announcement %>
+                            </div>
+                        <% } %>
+                    </div>
+                    <% if (hasSidebarLinks) {%>
+                        <% for (let i in theme.home.sidebar.links) { %>
+                            <% if (theme.home.sidebar.links[i].path === 'none') {} else {%>
+                                <a class="links" href="<%= url_for(theme.home.sidebar.links[i].path) %>">
+                                    <% if (theme.home.sidebar.links[i].icon) { %>
+                                        <i class="<%- theme.home.sidebar.links[i].icon %> icon-space"></i>
+                                    <% } %>
+                                    <span class="link-name"><%= __(i) %></span>
+                                </a>
+                            <% } %>
+                        <% } %>
+                    <% } else {%>
+                        <div class="announcement-outside">
+                            <%- theme.home.sidebar.announcement %>
+                        </div>
+                    <% } %>
+                </div>
+            <% } %>
+        <% } else { %>
+            <% if (hasSidebarLinks || hasSidebarAnnouncement) {%>
+                <div class="sidebar-links">
+                    <div class="site-info">
+                        <div class="site-name"><%= theme.info.title || config.title %></div>
+                        <% if (hasSidebarAnnouncement && hasSidebarLinks) { %>
+                            <div class="announcement">
+                                <%- theme.home.sidebar.announcement %>
+                            </div>
+                        <% } %>
+                    </div>
+                    <% if (hasSidebarLinks) {%>
+                        <% for (let i in theme.home.sidebar.links) { %>
+                            <% if (theme.home.sidebar.links[i].path === 'none') {} else {%>
+                                <a class="links" href="<%= url_for(theme.home.sidebar.links[i].path) %>">
+                                    <% if (theme.home.sidebar.links[i].icon) { %>
+                                        <i class="<%- theme.home.sidebar.links[i].icon %> icon-space"></i>
+                                    <% } %>
+                                    <span class="link-name"><%= __(i) %></span>
+                                </a>
+                            <% } %>
+                        <% } %>
+                    <% } else {%>
+                        <div class="announcement-outside">
+                            <%- theme.home.sidebar.announcement %>
+                        </div>
+                    <% } %>
+                </div>
+            <% } %>
+            <div class="sidebar-content" <% if (hasSidebarLinks || hasSidebarAnnouncement) { %> marginTop <% } %>>
+                <%- partial("components/sidebar/avatar") %>
+                <%- partial("components/sidebar/author") %>
+                <%- partial('components/sidebar/statistics')%>
+            </div>
+        <% } %>
+
+    </div>
+</div>

package/layout/pages/masonry/masonry.ejs

@@ -0,0 +1,28 @@
+<%
+// Define an array of images to display in the masonry layout
+const images = theme.masonry;
+%>
+
+<h1 class="page-title-header">
+	<%- getPageTitle(page) %>
+</h1>
+
+<div class="loading-placeholder">
+	<div class="flex-grid generic-card">
+		<div class="card loading"></div>
+		<div class="card loading"></div>
+		<div class="card loading"></div>
+	</div>
+</div>
+
+<div id="masonry-container">
+	<% images.forEach(function(image) { %>
+	<div class="masonry-item">
+		<div class="image-container">
+			<img src="<%- image.image %>" alt="<%- image.title %>">
+			<div class="image-title"><%- image.title %></div>
+			<div class="image-description"><%- image.description %></div>
+		</div>
+	</div>
+	<% }); %>
+</div>

package/layout/pages/notfound/notfound.ejs

@@ -0,0 +1,8 @@
+<div class="nf-container">
+    <div class="nf-text">
+        <h1>404<br>Page Not Found</h1>
+    </div>
+    <div class="nf-button">
+        <a href="/" class="button large center"><i class="fa-regular fa-house"></i> <%= __("go-back-home") %></a>
+    </div>
+</div>

package/layout/pages/page-template.ejs

@@ -0,0 +1,23 @@
+<div class="page-template-container">
+	<% const pageData = getPageData(page); %>
+
+	<% if (pageData) { %>
+	<%- partial(pageData.partial) %>
+	<% } %>
+
+	<div class="page-template-content markdown-body">
+		<% if (!pageData) { %>
+		<h1><%- page.title %></h1>
+		<% } %>
+
+		<%- page.content %>
+	</div>
+
+	<div class="page-template-comments">
+		<% if (page.hasOwnProperty('comment') && (page.comment === true || page.comments === true) ) { %>
+		<%- partial('components/comments/comment') %>
+		<% } %>
+	</div>
+</div>
+
+<%- partial('utils/paginator', {pageObject: page}) %>

package/layout/pages/post/article-content.ejs

@@ -0,0 +1,153 @@
+<div class="post-page-container flex relative justify-between box-border w-full h-full">
+	<div class="article-content-container">
+
+		<div class="article-title relative w-full">
+			<% if (page.cover || page.banner || (page.thumbnail && page.thumbnail !== false)) { %>
+			<% let articleCover = "";
+                if (page.cover && page.cover.includes("/")) {
+                articleCover = page.cover;
+                } else if (page.banner && page.banner.includes("/")) {
+                articleCover = page.banner;
+                } else if (page.thumbnail && page.thumbnail !== null) {
+                articleCover = page.thumbnail;
+                } else if (config.marked.postAsset && config.marked.postAsset == true) {
+                articleCover = [page.path, page.cover || page.banner].join("/");
+                }
+                %>
+			<% if (articleCover) { %>
+			<img src="<%= url_for(articleCover) %>" alt="<%= page.title %>" class="w-full h-60 sm:h-72 md:h-80 object-cover sm:rounded-t-large dark:brightness-75" />
+			<% } %>
+			<div class="w-full flex items-center absolute bottom-0 <%= theme.articles.style.title_alignment === "center" ? "justify-center" : "justify-start" %>">
+				<h1 class="article-title-cover text-center mx-6 my-6 text-second-text-color bg-background-color-transparent px-4 py-3 text-3xl sm:text-4xl md:text-5xl font-semibold backdrop-blur-lg rounded-xl border border-border-color "><%= page.title %></h1>
+			</div>
+			<% } else { %>
+			<div class="w-full flex items-center pt-6 <%= theme.articles.style.title_alignment === "center" ? "justify-center" : "justify-start" %>">
+				<h1 class="article-title-regular text-second-text-color tracking-tight text-4xl md:text-6xl font-semibold px-2 sm:px-6 md:px-8 py-3"><%= page.title %></h1>
+			</div>
+			<% } %>
+		</div>
+
+		<% if (theme.info.author || config.author) { %>
+		<div class="article-header flex flex-row gap-2 items-center px-2 sm:px-6 md:px-8">
+			<div class="avatar w-[46px] h-[46px] flex-shrink-0 rounded-medium border border-border-color p-[1px]">
+				<%- image_tag((typeof page.avatar === "string" && (page.avatar)) || page.author?.avatar || theme.defaults.avatar) %>
+			</div>
+			<div class="info flex flex-col justify-between">
+				<div class="author flex items-center">
+					<span class="name text-default-text-color text-lg font-semibold"><%= (typeof page.author === "string" && (page.author)) || page.author?.name || theme.info.author || config.author %></span>
+					<% if (theme.hasOwnProperty('articles') && theme.articles.author_label.enable === true) { %>
+					<span class="author-label ml-1.5 text-xs px-2 py-0.5 rounded-small text-third-text-color border border-shadow-color-1"><%- getAuthorLabel(site.posts.length, theme.articles.author_label.auto, theme.articles.author_label.list) %></span>
+					<% } %>
+				</div>
+				<div class="meta-info">
+					<%- partial('pages/post/article-info', {articleObject: page, index: true}) %>
+				</div>
+			</div>
+		</div>
+		<% } else { %>
+		<div class="article-header-meta-info px-2 sm:px-6 md:px-8">
+			<div class="meta-info">
+				<%- partial('pages/post/article-info', {articleObject: page, index: true}) %>
+			</div>
+		</div>
+		<% } %>
+
+		<% if (page?.expires && page?.expires !== "") {%>
+		<div class="article-expire mt-4 mx-2 sm:mx-6 md:mx-8 note p-4 rounded-lg red icon hidden" id="expiration-container">
+			<i class="expire-icon fa-solid fa-timer mr-0.5 text-red-600 dark:text-red-400"></i>
+			<span class="expire-label text-red-600 dark:text-red-400 " id="expiration-date"><%= __('expired', "some") %></span>
+		</div>
+
+		<script data-swup-reload-script>
+			function updateExpirationDate() {
+				try {
+					const expiredDate = new Date("<%= page?.expires %>");
+					const updatedDate = new Date("<%= page?.updated %>");
+					const now = new Date();
+					const expirationValue = document.getElementById("expiration-date");
+					const expirationContainer = document.getElementById("expiration-container");
+					let daysAgo = Math.floor((now - updatedDate) / (1000 * 60 * 60 * 24));
+					if (expiredDate < now) {
+						expirationContainer.classList.remove("hidden");
+						// console.log(daysAgo)
+						expirationValue.innerHTML = expirationValue.innerHTML.replace("some", daysAgo);
+					}
+				} catch (e) {}
+			}
+			document.addEventListener("DOMContentLoaded", function() {
+				updateExpirationDate();
+			});
+			try {
+				swup.hooks.on("page:view", updateExpirationDate)
+			} catch (e) {}
+		</script>
+		<% } %>
+
+
+		<div class="article-content markdown-body px-2 sm:px-6 md:px-8 pb-8">
+			<%- page.content %>
+		</div>
+
+		<% if (theme.articles.copyright.enable || theme.articles.copyright === true) { %>
+		<div class="post-copyright-info w-full my-8 px-2 sm:px-6 md:px-8">
+			<%- partial('pages/post/article-copyright') %>
+		</div>
+		<% } %>
+
+		<% if (page?.tags?.length) { %>
+		<ul class="post-tags-box text-lg mt-1.5 flex-wrap justify-center flex md:hidden">
+			<% page.tags.forEach((tag) => { %>
+			<li class="tag-item mx-0.5">
+				<a href="<%- url_for(tag.path) %>">#<%= tag.name %></a>&nbsp;
+			</li>
+			<% }); %>
+		</ul>
+		<% } %>
+
+		<%- articleRecommendationGenerator(page) %>
+
+		<% if (page?.prev || page?.next) { %>
+		<div class="article-nav my-8 flex justify-between items-center px-2 sm:px-6 md:px-8">
+			<% if (page?.prev) { %>
+			<div class="article-prev border-border-color shadow-redefine-flat shadow-shadow-color-2 rounded-medium px-4 py-2 hover:shadow-redefine-flat-hover hover:shadow-shadow-color-2">
+				<a class="prev" rel="prev" href="<%= url_for(page.prev.path) %>">
+					<span class="left arrow-icon flex justify-center items-center">
+						<i class="fa-solid fa-chevron-left"></i>
+					</span>
+					<span class="title flex justify-center items-center">
+						<span class="post-nav-title-item truncate max-w-48"><%= page.prev.title %></span>
+						<span class="post-nav-item"><%= __('prev_posts') %></span>
+					</span>
+				</a>
+			</div>
+			<% } %>
+			<% if (page?.next) { %>
+			<div class="article-next border-border-color shadow-redefine-flat shadow-shadow-color-2 rounded-medium px-4 py-2 hover:shadow-redefine-flat-hover hover:shadow-shadow-color-2">
+				<a class="next" rel="next" href="<%= url_for(page.next.path) %>">
+					<span class="title flex justify-center items-center">
+						<span class="post-nav-title-item truncate max-w-48"><%= page.next.title %></span>
+						<span class="post-nav-item"><%= __('next_posts') %></span>
+					</span>
+					<span class="right arrow-icon flex justify-center items-center">
+						<i class="fa-solid fa-chevron-right"></i>
+					</span>
+				</a>
+			</div>
+			<% } %>
+		</div>
+		<% } %>
+
+
+		<% if (theme.comment.enable === true && theme.comment.hasOwnProperty('system') && page.comment !== false) { %>
+		<div class="comment-container px-2 sm:px-6 md:px-8 pb-8">
+			<%- partial('components/comments/comment') %>
+		</div>
+		<% } %>
+	</div>
+
+	<% if (is_post() && theme.articles.toc.enable === true) { %>
+	<div class="toc-content-container">
+		<%- partial('pages/post/toc') %>
+	</div>
+	<% } %>
+</div>

package/layout/pages/post/article-copyright.ejs

@@ -0,0 +1,69 @@
+<div class="article-copyright-info-container">
+    <ul>
+        <li><strong><%- __('copyright.title') %>:</strong> <%= page.title %></li>
+        <li><strong><%- __('copyright.author') %>:</strong> <%=(typeof page.author === "string" && (page.author)) || page.author?.name || theme.info.author || config.author %></li>
+        <li><strong><%- __('copyright.create_time') %>
+                :</strong> <%= date(page.date, `${config.date_format} ${config.time_format}`) %></li>
+        <% if (page.updated && page.updated !== page.date) { %>
+            <li>
+                <strong><%- __('copyright.update_time') %>
+                    :</strong> <%= date(page.updated, `${config.date_format} ${config.time_format}`) %>
+            </li>
+        <% } %>
+        <li>
+            <strong><%- __('copyright.link') %>:</strong> <%= getPostUrl((theme.info.url || config.url), page.path) %>
+        </li>
+        <li>
+            <strong>
+                <%- __('copyright.license_title') %>:
+            </strong>
+            <%
+            const licenseMap = {
+                'all_rights_reserved': {
+                    label: __('copyright.all_rights_reserved', theme.info.author),
+                    url: null
+                },
+                'cc_by': {
+                    label: __('copyright.license_content', '<a class="license" href="https://creativecommons.org/licenses/by/4.0">CC BY 4.0</a>'),
+                    url: 'https://creativecommons.org/licenses/by/4.0'
+                },
+                'cc_by_sa': {
+                    label: __('copyright.license_content', '<a class="license" href="https://creativecommons.org/licenses/by-sa/4.0">CC BY-SA 4.0</a>'),
+                    url: 'https://creativecommons.org/licenses/by-sa/4.0'
+                },
+                'cc_by_nc': {
+                    label: __('copyright.license_content', '<a class="license" href="https://creativecommons.org/licenses/by-nc/4.0">CC BY-NC 4.0</a>'),
+                    url: 'https://creativecommons.org/licenses/by-nc/4.0'
+                },
+                'cc_by_nd': {
+                    label: __('copyright.license_content', '<a class="license" href="https://creativecommons.org/licenses/by-nd/4.0">CC BY-ND 4.0</a>'),
+                    url: 'https://creativecommons.org/licenses/by-nd/4.0'
+                },
+                'cc_by_nc_sa': {
+                    label: __('copyright.license_content', '<a class="license" href="https://creativecommons.org/licenses/by-nc-sa/4.0">CC BY-NC-SA 4.0</a>'),
+                    url: 'https://creativecommons.org/licenses/by-nc-sa/4.0'
+                },
+                'public_domain': {
+                    label: __('copyright.public_domain'),
+                    url: null
+                }
+            };
+
+            let licenseType = 'cc_by_nc_sa'; // Default license type
+            if (page.copyright && page.copyright !== "") {
+                licenseType = 'custom';
+            } else if (page.license && licenseMap[page.license]) {
+                licenseType = page.license;
+            } else if (theme.articles.copyright.default && licenseMap[theme.articles.copyright.default]) {
+                licenseType = theme.articles.copyright.default;
+            }
+            %>
+
+            <% if (licenseType === 'custom') { %>
+                <%- page.copyright %>
+            <% } else { %>
+                <%- licenseMap[licenseType].label %>
+            <% } %>
+        </li>
+    </ul>
+</div>

package/layout/pages/post/article-info.ejs

@@ -0,0 +1,78 @@
+<div class="article-meta-info">
+    <span class="article-date article-meta-item">
+        <i class="fa-regular fa-pen-fancy"></i>&nbsp;
+        <span class="desktop"><%= date(articleObject.date, is_post() ? `${config.date_format} ${config.time_format}` : `${config.date_format}`).replace(" 00:00:00", "").replace(":00", "") %></span>
+        <span class="mobile"><%= date(articleObject.date, is_post() ? `${config.date_format} ${config.time_format}` : `${config.date_format}`).replace(" 00:00:00", "").replace(":00", "") %></span>
+        <span class="hover-info"><%= __("create_time") %></span>
+    </span>
+    <% if (articleObject?.updated && articleObject.updated !== articleObject.date) { %>
+        <span class="article-date article-meta-item">
+            <i class="fa-regular fa-wrench"></i>&nbsp;
+            <span class="desktop"><%= date(articleObject.updated, is_post() ? `${config.date_format} ${config.time_format}` : `${config.date_format}`).replace(" 00:00:00", "").replace(":00", "") %></span>
+            <span class="mobile"><%= date(articleObject.updated, is_post() ? `${config.date_format} ${config.time_format}` : `${config.date_format}`).replace(" 00:00:00", "").replace(":00", "") %></span>
+            <span class="hover-info"><%= __("update_time") %></span>
+        </span>
+    <% } %>
+
+    <% if (articleObject?.categories?.length) { %>
+        <span class="article-categories article-meta-item">
+            <i class="fa-regular fa-folders"></i>&nbsp;
+            <ul>
+                <% let previousParentId = null; %>
+                <% articleObject.categories.forEach((category, i) => { %>
+                    <% if (previousParentId !== category.parent) { %>
+                        <% if (previousParentId !== null) { %>
+                            <li>></li>
+                        <% } %>
+                        <li>
+                            <a href="<%- url_for(category.path) %>"><%= category.name %></a>&nbsp;
+                        </li>
+                    <% } else { %>
+                        <li>
+                            | <a href="<%- url_for(category.path) %>"><%= category.name %></a>&nbsp;
+                        </li>
+                    <% } %>
+                    <% previousParentId = category.parent; %>
+                <% }); %>
+            </ul>
+        </span>
+    <% } %>
+    <% if (articleObject?.tags?.length) { %>
+        <span class="article-tags article-meta-item">
+            <i class="fa-regular fa-tags"></i>&nbsp;
+            <ul>
+                <% articleObject.tags.forEach((tag, i) => { %>
+                    <li>
+                        <%= i === 0 ? '' : '| ' %><a href="<%- url_for(tag.path) %>"><%= tag.name %></a>&nbsp;
+                    </li>
+                <% }); %>
+            </ul>
+        </span>
+    <% } %>
+
+    <%
+    let temp_wordcount, temp_min2read = null;
+    try {
+        temp_wordcount = wordcount(page.content);
+        temp_min2read = min2read(page.content);
+    } catch (e) {
+        temp_wordcount = 0;
+        temp_min2read = 0;
+    }
+    %>
+    <% if(is_post() && theme.hasOwnProperty('articles') && theme.articles.word_count.enable && theme.articles.word_count.count && temp_wordcount){ %>
+        <span class="article-wordcount article-meta-item">
+            <i class="fa-regular fa-typewriter"></i>&nbsp;<span><%= temp_wordcount %> <%- __('wordcount') %></span>
+        </span>
+    <% } %>
+    <% if(is_post() && theme.hasOwnProperty('articles') && theme.articles.word_count.enable && theme.articles.word_count.min2read && temp_min2read){ %>
+        <span class="article-min2read article-meta-item">
+            <i class="fa-regular fa-clock"></i>&nbsp;<span><%= temp_min2read %> <%- __('min2read') %></span>
+        </span>
+    <% } %>
+    <% if (is_post() && theme.global.website_counter.enable && theme.global.website_counter.post_pv) { %>
+        <span class="article-pv article-meta-item">
+            <i class="fa-regular fa-eye"></i>&nbsp;<span id="busuanzi_value_page_pv"></span>
+        </span>
+    <% } %>
+</div>

package/layout/pages/post/post-tools.ejs

@@ -0,0 +1,17 @@
+<div class="post-tools-container">
+	<ul class="article-tools-list">
+		<!-- TOC aside toggle -->
+		<% if (theme.articles.toc.enable) { %>
+		<li class="right-bottom-tools page-aside-toggle">
+			<i class="fa-regular fa-outdent"></i>
+		</li>
+		<% } %>
+
+		<!-- go comment -->
+		<% if (theme.comment.enable === true && theme.comment.hasOwnProperty('system') && page.comment !== false) { %>
+		<li class="go-comment">
+			<i class="fa-regular fa-comments"></i>
+		</li>
+		<% } %>
+	</ul>
+</div>

package/layout/pages/post/toc.ejs

@@ -0,0 +1,15 @@
+<div class="post-toc-wrap">
+	<div class="post-toc">
+		<div class="toc-title"><%- __('toc') %></div>
+		<div class="page-title"><%= page.title %></div>
+		<%- toc(
+                page.content,
+                {
+                    class: 'nav',
+                    list_number: theme.articles.toc.number,
+                    max_depth: theme.articles.toc.max_depth,
+                }
+        ) %>
+
+	</div>
+</div>

package/layout/pages/shuoshuo/essays.ejs

@@ -0,0 +1,23 @@
+<div class="mb-4">
+	<h1 class="page-title-header"><%= page.title %></h1>
+	<ul class="flex flex-col mb-4 gap-6">
+		<%
+        const timezone = config.timezone || 'Asia/Shanghai';
+        const newessays = theme.essays.sort((a, b) => moment(b.date).diff(a.date));
+        %>
+		<% for (const e of newessays) { %>
+		<li class="w-full flex flex-row relative">
+			<div class="w-10 h-10 mr-4 rounded-lg overflow-hidden border border-border-color p-[1px] shrink-0">
+				<%- image_tag(theme.defaults.avatar, {class: "w-full h-full rounded-[6.2px]"}) %>
+			</div>
+			<div class="w-full border-border-color rounded-xl rounded-tl-none shadow-redefine-flat overflow-hidden">
+				<!-- Pass the raw date here in a data attribute -->
+				<% rawDate = moment(e.date).utc().format('YYYY-MM-DD HH:mm:ss') %>
+				<div class="essay-date px-4 py-1.5 text-sm border-b border-border-color bg-zinc-50 dark:bg-zinc-800 text-third-text-color" data-date="<%= moment(rawDate).tz(timezone).format() %>">Loading Date...</div>
+				<div id="shuoshuo-content" class="px-4 py-2"><%- markdown(e.content) %></div>
+			</div>
+			<div class="absolute left-[50.5px] top-3 transform w-2 h-2 border-solid border-t border-l bg-zinc-50 -rotate-45 border-border-color dark:bg-zinc-800"></div>
+		</li>
+		<% } %>
+	</ul>
+</div>

package/layout/pages/tag/tag-detail.ejs

@@ -0,0 +1,6 @@
+<div class="tag-name">
+    <i class="fa-solid fa-tag"></i>&nbsp;<%= page.tag %>
+</div>
+<div class="tag-post-list">
+    <%- partial('utils/posts-list', {posts: page.posts}) %>
+</div>

package/layout/pages/tag/tags.ejs

@@ -0,0 +1,24 @@
+<% if (site.tags.length){ %>
+	<h1 class="page-title-header">
+		<%- getPageTitle(page) %>
+	</h1>
+
+	<% if (theme.page_templates.tags_style == 'cloud') { %>
+	<div class="tagcloud-content">
+		<%- tagcloud({ min_font: 1, max_font: 5, unit: 'rem', amount: 100 }) %>
+	</div>
+
+	<% } else {%>
+	<div class="tagcloud-content">
+		<ul class="tag-list" data-show-value="true">
+			<% site.tags.forEach(function(tag){ %>
+				<li>
+					<a data-weight="<%- tag.posts.length %>" href="<%- url_for("/" + tag.path) %>">
+						<i class="fa-solid fa-hashtag"></i><%- tag.name %>
+					</a>
+				</li>
+			<% }) %>
+		</ul>
+	</div>
+	<% } %>
+<% } %>

package/layout/post.ejs

@@ -0,0 +1 @@
+<%- partial('page') %>

package/layout/tag.ejs

@@ -0,0 +1 @@
+<%- partial('page') %>

package/layout/tags.ejs

@@ -0,0 +1 @@
+<%- partial('page') %>

package/layout/utils/image-viewer.ejs

@@ -0,0 +1,3 @@
+<div class="image-viewer-container">
+	<img src="">
+</div>

package/layout/utils/local-search.ejs

@@ -0,0 +1,20 @@
+<div class="search-pop-overlay">
+	<div class="popup search-popup">
+		<div class="search-header">
+			<span class="search-input-field-pre">
+				<i class="fa-solid fa-keyboard"></i>
+			</span>
+			<div class="search-input-container">
+				<input autocomplete="off" autocorrect="off" autocapitalize="off" placeholder="<%= __('search') %>" spellcheck="false" type="search" class="search-input">
+			</div>
+			<span class="popup-btn-close">
+				<i class="fa-solid fa-times"></i>
+			</span>
+		</div>
+		<div id="search-result">
+			<div id="no-result">
+				<i class="fa-solid fa-spinner fa-spin-pulse fa-5x fa-fw"></i>
+			</div>
+		</div>
+	</div>
+</div>

package/layout/utils/paginator.ejs

@@ -0,0 +1,8 @@
+<div class="paginator">
+	<%- paginator({
+    prev_text: '<i class="fa-regular fa-angle-left"></i>',
+    next_text: '<i class="fa-regular fa-angle-right"></i>',
+    escape: false
+	}) %>
+</div>
+  

package/layout/utils/posts-list.ejs

@@ -0,0 +1,28 @@
+<% 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>