diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 114f876..ca2bcb4 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -1 +1 @@
-@import "code-blocks.css";@import "font.css";@import "footer.css";@import "nav-bar.css";@import "toc.css";html{scroll-behavior:smooth}body{margin:0;padding:0}@media (prefers-color-scheme:dark){body{color:#c9d1d9;background:#0d1117}}h1{color:#f5a97f;text-align:center;font-size:1.4641rem}h2{color:#7dc4e4;font-size:1.331rem}h3{color:#f5a97f;font-size:1.1rem}h4{color:#a6da95;font-size:1rem}h5{color:#7dc4e4;font-size:1rem}h6{color:#7dc4e4;font-size:.909091rem}h2:before{content:"◉ "}h3:before{content:"◎ "}h4:before{content:"○ "}h5:before{content:"✺ "}h6:before{content:"▶ "}h7:before{content:"⤷ "}.body{color:#fff;background-color:#24273a;padding-bottom:1em;font-family:JetBrains Mono,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;position:relative}.content{box-sizing:border-box;width:auto;max-width:750px;height:100%;text-align:auto;text-justify:inter-word;flex-direction:column;margin:40px auto;padding:0;line-height:1.5em;display:flex;position:relative}.content a:link{color:#b4befe;text-decoration:none}.content a:visited{color:#7e7eff}.content a:hover{color:#f38ba8}.content a:active{color:#202030}.content b,strong{color:#ee99a0}.flex-container{flex-flow:wrap;grid-auto-flow:column;place-content:space-evenly;gap:2em;width:auto;margin:0 auto;display:flex}.flex-box{background-color:#1e2030;border:2px solid #8aadf4;border-radius:20px;width:40%;height:auto;padding:0 1em 1em;transition:box-shadow .4s ease-in-out,bottom .6s ease-in-out;display:block;position:relative;bottom:0;box-shadow:0 0 .2em #8aadf4}.flex-box:hover{transition:box-shadow .6s ease-in-out,bottom .6s ease-in-out;bottom:5px;box-shadow:0 0 1.3em #8aadf4}.flex-box p{color:#b7bdf8;font-size:12px}.flex-box h3:before{content:" "}.center{width:auto;margin-left:auto;margin-right:auto;display:block}.content>div:has(.pokemon){text-align:center}.content>div:has(.pokemon)>:not(.pokemon):not(h1){text-align:left}.pokemon{text-align:center;width:15%;margin:.5em 2%;display:inline-block}*{scrollbar-width:thin;scrollbar-color:#64687e #1e1e2e}
\ No newline at end of file
+@import "code-blocks.css";@import "font.css";@import "footer.css";@import "nav-bar.css";@import "toc.css";html{scroll-behavior:smooth}body{margin:0;padding:0}@media (prefers-color-scheme:dark){body{color:#c9d1d9;background:#0d1117}}h1{color:#f5a97f;text-align:center;font-size:1.4641rem}h2{color:#7dc4e4;font-size:1.331rem}h3{color:#f5a97f;font-size:1.1rem}h4{color:#a6da95;font-size:1rem}h5{color:#7dc4e4;font-size:1rem}h6{color:#7dc4e4;font-size:.909091rem}h2:before{content:"◉ "}h3:before{content:"◎ "}h4:before{content:"○ "}h5:before{content:"✺ "}h6:before{content:"▶ "}h7:before{content:"⤷ "}.body{color:#fff;background-color:#24273a;padding-bottom:1em;font-family:JetBrains Mono,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;position:relative}.content{box-sizing:border-box;width:auto;max-width:750px;height:100%;text-align:auto;text-justify:inter-word;flex-direction:column;margin:40px auto;padding:0;line-height:1.5em;display:flex;position:relative}.content a:link{color:#b4befe;text-decoration:none}.content a:visited{color:#7e7eff}.content a:hover{color:#f38ba8}.content a:active{color:#202030}.content b,strong{color:#ee99a0}.flex-container{flex-flow:wrap;grid-auto-flow:column;place-content:space-evenly;gap:2em;width:auto;margin:0 auto;display:flex}.flex-box{background-color:#1e2030;border:2px solid #8aadf4;border-radius:20px;width:40%;height:auto;padding:0 1em 1em;transition:box-shadow .4s ease-in-out,bottom .6s ease-in-out;display:block;position:relative;bottom:0;box-shadow:0 0 .2em #8aadf4}.flex-box:hover{transition:box-shadow .6s ease-in-out,bottom .6s ease-in-out;bottom:5px;box-shadow:0 0 1.3em #8aadf4}.view-all-container{text-align:center;margin-top:3em;margin-bottom:2em}.view-all-btn{color:#cad3f5;background-color:#1e2030;border:2px solid #8aadf4;border-radius:20px;padding:.8em 2em;font-size:1.1em;font-weight:700;text-decoration:none;display:inline-block;position:relative;bottom:0}.flex-box p{color:#b7bdf8;font-size:12px}.flex-box h3:before{content:" "}.center{width:auto;margin-left:auto;margin-right:auto;display:block}.content>div:has(.pokemon){text-align:center}.content>div:has(.pokemon)>:not(.pokemon):not(h1){text-align:left}.pokemon{text-align:center;width:15%;margin:.5em 2%;display:inline-block}*{scrollbar-width:thin;scrollbar-color:#64687e #1e1e2e}
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index bba24f4..ea06855 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1 +1 @@
-<!doctypehtml><html lang=en-us><meta charset=UTF-8><meta content="Hub of the Blog"name=description><meta content=ladas552 name=author><meta content=!Hub name=keywords><meta content=width=device-width,initial-scale=1.0 name=viewport><link href=https://cdnjs.cloudflare.com/ajax/libs/prism-themes/1.9.0/prism-night-owl.min.css rel=stylesheet><script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js></script><script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.min.js></script><script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.js></script><script src=https://ladas552.me/assets/js/apple_roll.js></script><script src=https://ladas552.me/assets/js/scroll.js></script><link href=https://ladas552.me/assets/css/style.css rel=stylesheet><link href=https://ladas552.me/assets/images/nix-snowflake-rainbow.svg rel=icon><meta content=/assets/images/nix.png property=og:image><title>Hello - Rattman</title><body class=body><header><nav class=navigation><div class=nav-brand><a href=https://ladas552.me> <img alt="Site icon"class=nav-icon src=/assets/images/nix-snowflake-rainbow.svg> Rattman </a></div><ul class=nav-links><li><a href=https://ladas552.me/posts>Posts</a><li><a href=https://ladas552.me/meta/about>About</a><li><a href=https://ladas552.me/meta/credits>Credits</a></ul><ul class=nav-icons><li><a href=https://ladas552.me/rss.xml title=RSS><i class="nf nf-md-rss_box"></i></a></ul></nav></header><main><div class=content id=content><h1 id=HiO!>HiO!</h1><p>This is the <strong>Site/Blog</strong> of <a href=https://ladas552.me/meta/about>Ladas552</a> - have fun browsing it and read some recent posts below!<p>To note: I am not interested in your data, <strong>github hosting</strong> does it's own things. The Site's javascript only exists to redirect on safari browser users and for the footer to check client side scrolling.<section><div class=flex-container><div class=flex-box onclick=location.href='https://ladas552.me/posts/we_are_the_souls/'; style=cursor:pointer><h3>We are the souls</h3><div id=description><description> <span>My Dark Souls 3 characters stories</span> <p>Tags: <a href=https://ladas552.me/categories/games>Games</a> <a href=https://ladas552.me/categories/story-time>Story-time</a></p> <p><span>Released: 2025-09-06</span></p> </description></div></div><div class=flex-box onclick=location.href='https://ladas552.me/posts/Osu_On_Linux/'; style=cursor:pointer><h3>Osu on Linux</h3><div id=description><description> <span>My experience running Osu on Linux and some advice</span> <p>Tags: <a href=https://ladas552.me/categories/games>Games</a></p> <p><span>Released: 2025-04-13</span></p> </description></div></div><div class=flex-box onclick=location.href='https://ladas552.me/posts/My_secure_setup/'; style=cursor:pointer><h3>My "Secure" Setup</h3><div id=description><description> <span>Horrible practices or Guide to exploiting my OS if you ever want to</span> <p>Tags: <a href=https://ladas552.me/categories/Linux>Linux</a></p> <p><span>Released: 2025-11-10</span></p> </description></div></div><div class=flex-box onclick=location.href='https://ladas552.me/posts/on_owning_a_cat/'; style=cursor:pointer><h3>On Owning a Cat</h3><div id=description><description> <span>Troublesome blob of feline species</span> <p>Tags: <a href=https://ladas552.me/categories/story-time>Story-time</a></p> <p><span>Released: 2025-02-08</span></p> </description></div></div></div></section></div></main><footer class=footer><div class="segment mode"><a href=https://ladas552.me>NORMAL</a></div><div class="segment branch"><a href=https://github.com/Ladas552/ladas552.github.io><i class="nf nf-md-source_branch"></i> master </a></div><div class="segment filename"><a href=#top><i class="nf nf-dev-norg"></i> Hello.norg</a></div><div class="segment location"id=scroll-percentage></div></footer>
\ No newline at end of file
+<!doctypehtml><html lang=en-us><meta charset=UTF-8><meta content="Hub of the Blog"name=description><meta content=ladas552 name=author><meta content=!Hub name=keywords><meta content=width=device-width,initial-scale=1.0 name=viewport><link href=https://cdnjs.cloudflare.com/ajax/libs/prism-themes/1.9.0/prism-night-owl.min.css rel=stylesheet><script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js></script><script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.min.js></script><script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.js></script><script src=https://ladas552.me/assets/js/apple_roll.js></script><script src=https://ladas552.me/assets/js/scroll.js></script><link href=https://ladas552.me/assets/css/style.css rel=stylesheet><link href=https://ladas552.me/assets/images/nix-snowflake-rainbow.svg rel=icon><meta content=/assets/images/nix.png property=og:image><title>Hello - Rattman</title><body class=body><header><nav class=navigation><div class=nav-brand><a href=https://ladas552.me> <img alt="Site icon"class=nav-icon src=/assets/images/nix-snowflake-rainbow.svg> Rattman </a></div><ul class=nav-links><li><a href=https://ladas552.me/posts>Posts</a><li><a href=https://ladas552.me/meta/about>About</a><li><a href=https://ladas552.me/meta/credits>Credits</a></ul><ul class=nav-icons><li><a href=https://ladas552.me/rss.xml title=RSS><i class="nf nf-md-rss_box"></i></a></ul></nav></header><main><div class=content id=content><h1 id=HiO!>HiO!</h1><p>This is the <strong>Site/Blog</strong> of <a href=https://ladas552.me/meta/about>Ladas552</a> - have fun browsing it and read some recent posts below!<p>To note: I am not interested in your data, <strong>github hosting</strong> does it's own things. The Site's javascript only exists to redirect on safari browser users and for the footer to check client side scrolling.<section><div class=flex-container><div class=flex-box onclick=location.href='https://ladas552.me/posts/My_secure_setup/'; style=cursor:pointer><h3>My "Secure" Setup</h3><div id=description><description> <span>Horrible practices or Guide to exploiting my OS if you ever want to</span> <p>Tags: <a href=https://ladas552.me/categories/Linux>Linux</a></p> <p><span>Released: 2025-11-10</span></p> </description></div></div><div class=flex-box onclick=location.href='https://ladas552.me/posts/we_are_the_souls/'; style=cursor:pointer><h3>We are the souls</h3><div id=description><description> <span>My Dark Souls 3 characters stories</span> <p>Tags: <a href=https://ladas552.me/categories/games>Games</a> <a href=https://ladas552.me/categories/story-time>Story-time</a></p> <p><span>Released: 2025-09-06</span></p> </description></div></div></div><div class=view-all-container><a class=view-all-btn href=https://ladas552.me/posts>View All Posts </a></div></section></div></main><footer class=footer><div class="segment mode"><a href=https://ladas552.me>NORMAL</a></div><div class="segment branch"><a href=https://github.com/Ladas552/ladas552.github.io><i class="nf nf-md-source_branch"></i> master </a></div><div class="segment filename"><a href=#top><i class="nf nf-dev-norg"></i> Hello.norg</a></div><div class="segment location"id=scroll-percentage></div></footer>
\ No newline at end of file
diff --git a/public/posts/index.html b/public/posts/index.html
index dc362b3..fb33fb9 100644
--- a/public/posts/index.html
+++ b/public/posts/index.html
@@ -1 +1 @@
-<!doctypehtml><html lang=en-us><meta charset=UTF-8><meta content=ladas552 name=author><meta content=width=device-width,initial-scale=1.0 name=viewport><link href=https://cdnjs.cloudflare.com/ajax/libs/prism-themes/1.9.0/prism-night-owl.min.css rel=stylesheet><script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js></script><script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.min.js></script><script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.js></script><script src=https://ladas552.me/assets/js/apple_roll.js></script><script src=https://ladas552.me/assets/js/scroll.js></script><link href=https://ladas552.me/assets/css/style.css rel=stylesheet><link href=https://ladas552.me/assets/images/nix-snowflake-rainbow.svg rel=icon><meta content=/assets/images/nix.png property=og:image><title>Index - Rattman</title><body class=body><header><nav class=navigation><div class=nav-brand><a href=https://ladas552.me> <img alt="Site icon"class=nav-icon src=/assets/images/nix-snowflake-rainbow.svg> Rattman </a></div><ul class=nav-links><li><a href=https://ladas552.me/posts>Posts</a><li><a href=https://ladas552.me/meta/about>About</a><li><a href=https://ladas552.me/meta/credits>Credits</a></ul><ul class=nav-icons><li><a href=https://ladas552.me/rss.xml title=RSS><i class="nf nf-md-rss_box"></i></a></ul></nav></header><main><div class=content id=content><h1 class=text-center>Posts</h1><div class="mt-6 lg:mt-8 break-keep"><div class="bg-surface p-4 mt-4 border-2 border-base-alt rounded-md shadow-lg"><div class="flex flex-col"><h3 class="mt-0! text-text-alt"><a class="no-underline! hover:underline! hover:decoration-dashed"href=https://ladas552.me/posts/we_are_the_souls/>We are the souls</a></h3><time class="text-dark-grey dark:text-grey"datetime=2025-09-06>September 6, 2025</time><span class="text-sm text-grey italic">My Dark Souls 3 characters stories</span></div><div class="flex flex-col"><p>We are the souls Aye, siwmae This post is about role playing and consists of edgy stories that have …</p><a class="no-underline! text-dark-grey font-semibold"href=https://ladas552.me/posts/we_are_the_souls/>Read more …</a></div></div><div class="bg-surface p-4 mt-4 border-2 border-base-alt rounded-md shadow-lg"><div class="flex flex-col"><h3 class="mt-0! text-text-alt"><a class="no-underline! hover:underline! hover:decoration-dashed"href=https://ladas552.me/posts/Osu_On_Linux/>Osu on Linux</a></h3><time class="text-dark-grey dark:text-grey"datetime=2025-04-13>April 13, 2025</time><span class="text-sm text-grey italic">My experience running Osu on Linux and some advice</span></div><div class="flex flex-col"><p>Osu on Linux Hey! I play rhythm games for my own amusement. And mostly bobbing to OSU!, which let's …</p><a class="no-underline! text-dark-grey font-semibold"href=https://ladas552.me/posts/Osu_On_Linux/>Read more …</a></div></div><div class="bg-surface p-4 mt-4 border-2 border-base-alt rounded-md shadow-lg"><div class="flex flex-col"><h3 class="mt-0! text-text-alt"><a class="no-underline! hover:underline! hover:decoration-dashed"href=https://ladas552.me/posts/My_secure_setup/>My "Secure" Setup</a></h3><time class="text-dark-grey dark:text-grey"datetime=2025-11-10>November 10, 2025</time><span class="text-sm text-grey italic">Horrible practices or Guide to exploiting my OS if you ever want to</span></div><div class="flex flex-col"><p>My Secure Setup, or How to Give a CS Prof a Heart Attack Gobble Gobble Writing Guide posts and hardw…</p><a class="no-underline! text-dark-grey font-semibold"href=https://ladas552.me/posts/My_secure_setup/>Read more …</a></div></div><div class="bg-surface p-4 mt-4 border-2 border-base-alt rounded-md shadow-lg"><div class="flex flex-col"><h3 class="mt-0! text-text-alt"><a class="no-underline! hover:underline! hover:decoration-dashed"href=https://ladas552.me/posts/on_owning_a_cat/>On Owning a Cat</a></h3><time class="text-dark-grey dark:text-grey"datetime=2025-02-08>February 8, 2025</time><span class="text-sm text-grey italic">Troublesome blob of feline species</span></div><div class="flex flex-col"><p>On Owning a Cat HiO! This post is about my cat, how I got to have her, how I live with her and so on…</p><a class="no-underline! text-dark-grey font-semibold"href=https://ladas552.me/posts/on_owning_a_cat/>Read more …</a></div></div></div></div></main><footer class=footer><div class="segment mode"><a href=https://ladas552.me>NORMAL</a></div><div class="segment branch"><a href=https://github.com/Ladas552/ladas552.github.io><i class="nf nf-md-source_branch"></i> master </a></div><div class="segment filename"><a href=#top><i class="nf nf-dev-norg"></i> index.norg</a></div><div class="segment location"id=scroll-percentage></div></footer>
\ No newline at end of file
+<!doctypehtml><html lang=en-us><meta charset=UTF-8><meta content=ladas552 name=author><meta content=width=device-width,initial-scale=1.0 name=viewport><link href=https://cdnjs.cloudflare.com/ajax/libs/prism-themes/1.9.0/prism-night-owl.min.css rel=stylesheet><script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js></script><script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.min.js></script><script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.js></script><script src=https://ladas552.me/assets/js/apple_roll.js></script><script src=https://ladas552.me/assets/js/scroll.js></script><link href=https://ladas552.me/assets/css/style.css rel=stylesheet><link href=https://ladas552.me/assets/images/nix-snowflake-rainbow.svg rel=icon><meta content=/assets/images/nix.png property=og:image><title>Index - Rattman</title><body class=body><header><nav class=navigation><div class=nav-brand><a href=https://ladas552.me> <img alt="Site icon"class=nav-icon src=/assets/images/nix-snowflake-rainbow.svg> Rattman </a></div><ul class=nav-links><li><a href=https://ladas552.me/posts>Posts</a><li><a href=https://ladas552.me/meta/about>About</a><li><a href=https://ladas552.me/meta/credits>Credits</a></ul><ul class=nav-icons><li><a href=https://ladas552.me/rss.xml title=RSS><i class="nf nf-md-rss_box"></i></a></ul></nav></header><main><div class=content id=content><h1 class=text-center>Posts</h1><section><div class=flex-container><div class="flex-box animated-card"onclick=location.href='https://ladas552.me/posts/My_secure_setup/'; style=animation-delay:0s><h3>My "Secure" Setup</h3><div id=description><description> <span>Horrible practices or Guide to exploiting my OS if you ever want to</span> <p>Tags: <a href=https://ladas552.me/categories/Linux>Linux</a></p> <p><span>Released: 2025-11-10</span></p> </description></div></div><div class="flex-box animated-card"onclick=location.href='https://ladas552.me/posts/we_are_the_souls/'; style=animation-delay:.1s><h3>We are the souls</h3><div id=description><description> <span>My Dark Souls 3 characters stories</span> <p>Tags: <a href=https://ladas552.me/categories/games>Games</a> <a href=https://ladas552.me/categories/story-time>Story-time</a></p> <p><span>Released: 2025-09-06</span></p> </description></div></div><div class="flex-box animated-card"onclick=location.href='https://ladas552.me/posts/Osu_On_Linux/'; style=animation-delay:.2s><h3>Osu on Linux</h3><div id=description><description> <span>My experience running Osu on Linux and some advice</span> <p>Tags: <a href=https://ladas552.me/categories/games>Games</a></p> <p><span>Released: 2025-04-13</span></p> </description></div></div><div class="flex-box animated-card"onclick=location.href='https://ladas552.me/posts/on_owning_a_cat/'; style=animation-delay:.3s><h3>On Owning a Cat</h3><div id=description><description> <span>Troublesome blob of feline species</span> <p>Tags: <a href=https://ladas552.me/categories/story-time>Story-time</a></p> <p><span>Released: 2025-02-08</span></p> </description></div></div></div></section></div></main><footer class=footer><div class="segment mode"><a href=https://ladas552.me>NORMAL</a></div><div class="segment branch"><a href=https://github.com/Ladas552/ladas552.github.io><i class="nf nf-md-source_branch"></i> master </a></div><div class="segment filename"><a href=#top><i class="nf nf-dev-norg"></i> index.norg</a></div><div class="segment location"id=scroll-percentage></div></footer>
\ No newline at end of file
diff --git a/public/rss.xml b/public/rss.xml
index 37995a2..3a4a94e 100644
--- a/public/rss.xml
+++ b/public/rss.xml
@@ -6,7 +6,7 @@
     <description>Latest posts</description>
     <generator>Norgolith</generator>
     <language>en-us</language>
-    <lastBuildDate>Thu, 04 Dec 2025 07:01:20 +0000</lastBuildDate>
+    <lastBuildDate>Thu, 04 Dec 2025 07:39:23 +0000</lastBuildDate>
     <ttl>60</ttl>
     <atom:link href="https:&#x2F;&#x2F;ladas552.me/rss.xml" rel="self" type="application/rss+xml" />
 
diff --git a/theme/assets/css/style.css b/theme/assets/css/style.css
index 9c6478f..6ec5a4e 100644
--- a/theme/assets/css/style.css
+++ b/theme/assets/css/style.css
@@ -160,6 +160,26 @@ strong {
   bottom: 5px;
 }
 
+/* View All Posts Button */
+.view-all-container {
+  text-align: center;
+  margin-top: 3em;
+  margin-bottom: 2em;
+}
+
+.view-all-btn {
+  display: inline-block;
+  padding: 0.8em 2em;
+  font-size: 1.1em;
+  font-weight: bold;
+  color: #cad3f5;
+  text-decoration: none;
+  border: 2px solid #8aadf4;
+  border-radius: 20px;
+  background-color: #1e2030;
+  position: relative;
+  bottom: 0px;
+}
 /* css class for descriptions under "recent posts" */
 .flex-box p {
   color: #b7bdf8;
@@ -201,4 +221,4 @@ strong {
   scrollbar-width: thin;
   /* Width of the scrollbar */
   scrollbar-color: #64687E #1E1E2E;
-}
\ No newline at end of file
+}
diff --git a/theme/templates/home.html b/theme/templates/home.html
index 5b1eaff..3430d4b 100644
--- a/theme/templates/home.html
+++ b/theme/templates/home.html
@@ -4,22 +4,27 @@
 {{ content | safe }}
 <section>
   <div class="flex-container">
-    {% for post in posts %}
+    {% set latest_posts = posts | sort(attribute="created") | reverse | slice(end=2) %}
+    {% for post in latest_posts %}
     <div class="flex-box" onclick="location.href='{{ post.permalink }}';" style="cursor: pointer;">
       <h3>{{ post.title }}</h3>
       <div id=description>
         <description>
-        <span>{{ post.description }}</span>
-        <p>Tags:
-        {% for category in post.categories %}
-        <a href="/categories/{{ category }}">{{ category | capitalize }}</a>
-        {% endfor %}</p>
-        <p><span>Released: {{ post.created }}</span></p>
+          <span>{{ post.description }}</span>
+          <p>Tags:
+            {% for category in post.categories %}
+            <a href="/categories/{{ category }}">{{ category | capitalize }}</a>
+            {% endfor %}
+          </p>
+          <p><span>Released: {{ post.created }}</span></p>
         </description>
       </div>
     </div>
     {% endfor %}
   </div>
+  <div class="view-all-container">
+    <a href="/posts" class="view-all-btn">View All Posts </a>
+  </div>
 </section>
 
 {% endblock content %}
diff --git a/theme/templates/posts.html b/theme/templates/posts.html
index 4921516..4ef3e47 100644
--- a/theme/templates/posts.html
+++ b/theme/templates/posts.html
@@ -2,19 +2,26 @@
 {% block title %}{{ metadata.title | title }}{% endblock title %}
 {% block content %}
 <h1 class="text-center">Posts</h1>
-<div class="mt-6 lg:mt-8 break-keep">
-  {% for post in posts | slice(end=5) %}
-  <div class="bg-surface p-4 mt-4 border-2 border-base-alt rounded-md shadow-lg">
-    <div class="flex flex-col">
-      <h3 class="mt-0! text-text-alt"><a class="no-underline! hover:underline! hover:decoration-dashed" href="{{ post.permalink }}">{{ post.title }}</a></h3>
-      <time class="text-dark-grey dark:text-grey" datetime="{{ post.created }}">{{ post.created | date(format="%B %e, %Y") }}</time>
-      <span class="text-sm text-grey italic">{{ post.description }}</span>
-    </div>
-    <div class="flex flex-col">
-      <p>{{ post.raw | striptags | truncate(length=100) | safe }}</p>
-      <a class="no-underline! text-dark-grey font-semibold" href="{{ post.permalink }}">Read more …</a>
+<section>
+  <div class="flex-container">
+    {% set sorted_posts = posts | sort(attribute="created") | reverse %}
+    {% for post in sorted_posts %}
+    <div class="flex-box animated-card" style="animation-delay: {{ loop.index0 * 100 }}ms;"
+      onclick="location.href='{{ post.permalink }}';">
+      <h3>{{ post.title }}</h3>
+      <div id="description">
+        <description>
+          <span>{{ post.description }}</span>
+          <p>Tags:
+            {% for category in post.categories %}
+            <a href="/categories/{{ category }}">{{ category | capitalize }}</a>
+            {% endfor %}
+          </p>
+          <p><span>Released: {{ post.created | date(format="%Y-%m-%d") }}</span></p>
+        </description>
+      </div>
     </div>
+    {% endfor %}
   </div>
-  {% endfor %}
-</div>
+</section>
 {% endblock content %}