Small updates

.gitignore

@@ -0,0 +1,2 @@
+_config.yml
+

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') %>">

source/css/style.css

@@ -69,11 +69,11 @@ a {
 }
 
 .scarf .logo {
-    width:100%;
+    width:21px;
     bottom: 0px;
     font-size: 15px;
     text-align: center;
-    padding: 5px 0;
+    padding: 5px 2px;
     position: absolute;
     object-fit: cover;
 }
@@ -179,13 +179,6 @@ nav a {
     color: #dcdcdf !important;
 }
 
-/* Small devices (phones, 0-576px) */
-@media (max-width: 576px) {
-    body{
-        width: 400px;
-    }
-}
-
 @media (max-width: 768px) {
     .sidebar-content {
         display: none;
@@ -195,6 +188,10 @@ nav a {
         display: none;
     }
 
+    .footer {
+        display: none;
+    }
+
     .content {
         width: calc(100% - 1em);
     }
@@ -286,7 +283,7 @@ img:hover {
     font-style: italic;
 }
 
-/* Post - Top section */
+/* Poskt - Top section */
 .article {
     font-size: 35px !important;
     line-height: 40px !important;