diff options
Diffstat (limited to 'layout/index.ejs')
| -rw-r--r-- | layout/index.ejs | 35 |
1 files changed, 33 insertions, 2 deletions
diff --git a/layout/index.ejs b/layout/index.ejs index 9d0d7bd..1857e73 100644 --- a/layout/index.ejs +++ b/layout/index.ejs @@ -1,19 +1,50 @@ <section class="posts"> <% page.posts.each(function (post) { %> <article class="post"> + <!-- Post thumbnail with lazayload support --> <% if (post.thumbnail) { %> - <% if (theme.lazyload) { %> + <% if (theme.lazyload === true) { %> <div class="post-thumbnail lazy" data-bg="<%= post.thumbnail %>"></div> <% } else { %> <div class="post-thumbnail" style="background-image: url('<%= post.thumbnail %>');"></div> <% } %> <% } %> - <h1 class="post-title"><%= post.title %></h1> + + <!-- Post title and excerpt --> + <h1 class="post-title"> + <a class="post-link" href="<%- url_for(post.path) %>"> + <%= post.title %> + </a> + </h1> <% if (post.excerpt) { %> <div class="post-excerpt"><%- post.excerpt %></div> <% } else { %> <div class="post-content"><%- post.content %></div> <% } %> + + <!-- Post meta --> + <div class="post-meta"> + <% if (post.podcast && theme.podcast && post.duration) { %> + <% + const hour = Math.floor(post.duration / 3600); + const minute = Math.floor((post.duration / 60) % 60); + const second = Math.floor(post.duration % 60); + const duration = hour + ':' + String(minute).padStart(2, '0') + ':' + String(second).padStart(2, '0'); + %> + <div class="post-duration"><%- duration %></div> + <% } %> + <div class="post-time"> + <%- date(post.date, "MMM, D YYYY") %> + </div> + <% if (post.tags) { %> + <div class="post-tags"> + <% (post.tags).forEach(function(item) { %> + <span class="post-tag"><%= item.name %></span> + <% }); %> + </div> + <% } %> + </div> + </article> <% }) %> </section>
\ No newline at end of file |