Small updates

layout/_partial/article.ejs

@@ -4,13 +4,10 @@
         <h1 class="article"><%= page.title  || "Untitled" %></h1>
         <% if(page.photos) { %>
             <div class="cover">
-                <img class="gallery" src="<%- config.root %><%- page.photos %>" alt="<%- page.title || "Untitled" %>">
+                <img class="gallery" src="<%- config.root %>thumbnails/large-<%- page.photos[0].replace(/^images\//, '')%>" alt="<%- page.title || "Untitled" %>">
             </div>
         <% } %>
-        <p class="post_description"><%= page.description %></p>
-        <% if(page.content) { %>
-            <hr class="page-divider">
-        <% } %>
+        <p><%= page.description %></p>
         <a href='<%= url_for(page.path) %>' class="page-date"><%- include('date', { date: page.date.toISOString() }) %></a>
     </div>
     <div class="post-content">

layout/_partial/feed.ejs

@@ -25,4 +25,7 @@
             <% }); %>
         </div>
     <% } %>
+</div>
+<div id="loader" style="text-align: center; display: none;">
+    <p>Loading more posts...</p>
 </div>

layout/_partial/post_feed.ejs

@@ -2,16 +2,18 @@
 <div class="post">
     <% if(post.photos) { %>
         <div class="cover">
-            <img class="gallery" src="<%- config.root %><%- post.photos %>" alt="<%- post.title || "Untitled" %>">
+            <a href='<%= url_for(post.path) %>'>
+                <img class="gallery" src="<%- config.root %>thumbnails/small-<%- post.photos[0].replace(/^images\//, '') %>" alt="<%- post.title || "Untitled" %>">
+            </a>
         </div>
     <% } %>
     <div class="post-header">
-        <h2><%= post.title || "Untitled" %></h2>
-        <a href='<%= url_for(post.path) %>'><%- include('date', { date: post.date.toISOString() }) %></a>
-        <p><%= post.description %></p>
+        <a href='<%= url_for(post.path) %>'><h2><%= post.title || "Untitled" %></h2>
+        <%- include('date', { date: post.date.toISOString() }) %></a>
+        <p class="post_description"><%= post.description %></p>
         <div class="tags smoll">
             <% post.tags.data.forEach(function(tag) { %>
-                <a href="<%= url_for('/tags/' + tag.name) %>">#<%= tag.name %></a>
+                <a href="<%= url_for('/tags/' + tag.slug || tag.name.replace(/\s+/g, '-')) %>">#<%= tag.name %></a>
             <% }); %>
         </div>
     </div>

layout/category.ejs

@@ -0,0 +1 @@
+<%- include("_partial/feed", { item: page.posts.sort('-date') }) %>

layout/layout.ejs

@@ -19,6 +19,7 @@
     <link rel="icon" href="<%= url_for(theme.favicon) %>">
 
     <script src="<%= url_for(theme.fontawesome) %>" crossorigin="anonymous"></script>
+    <script src="<%- config.root %>js/infinite-scroll.js"></script>
 
     <title><%= config.title %></title>
     <link rel="stylesheet" href="<%= url_for('/css/style.css') %>">