diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..5b823bf
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+_config.yml
+
diff --git a/_config.yml b/_EXAMPLE_config.yml
similarity index 100%
rename from _config.yml
rename to _EXAMPLE_config.yml
diff --git a/layout/_partial/article.ejs b/layout/_partial/article.ejs
index d5b2ce9..09ba1f1 100644
--- a/layout/_partial/article.ejs
+++ b/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">
diff --git a/layout/_partial/feed.ejs b/layout/_partial/feed.ejs
index b5b2bc9..b2327a6 100644
--- a/layout/_partial/feed.ejs
+++ b/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>
\ No newline at end of file
diff --git a/layout/_partial/image.ejs b/layout/_partial/image.ejs
new file mode 100644
index 0000000..e69de29
diff --git a/layout/_partial/post_feed.ejs b/layout/_partial/post_feed.ejs
index eb5b1f7..19b741e 100644
--- a/layout/_partial/post_feed.ejs
+++ b/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>
diff --git a/layout/category.ejs b/layout/category.ejs
new file mode 100644
index 0000000..5a7de68
--- /dev/null
+++ b/layout/category.ejs
@@ -0,0 +1 @@
+<%- include("_partial/feed", { item: page.posts.sort('-date') }) %>
\ No newline at end of file
diff --git a/layout/layout.ejs b/layout/layout.ejs
index bb5c268..2789686 100644
--- a/layout/layout.ejs
+++ b/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') %>">
diff --git a/source/css/style.css b/source/css/style.css
index 07b9cc3..da854d2 100644
--- a/source/css/style.css
+++ b/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;