+1 -1

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} 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}.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}

+1 -1

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> 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/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>

+1 -1

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> 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><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>

+1 -1

public/rss.xml

··· 6 6 <description>Latest posts</description> 7 7 <generator>Norgolith</generator> 8 8 <language>en-us</language> 9 9 - <lastBuildDate>Thu, 04 Dec 2025 07:01:20 +0000</lastBuildDate> 9 9 + <lastBuildDate>Thu, 04 Dec 2025 07:39:23 +0000</lastBuildDate> 10 10 <ttl>60</ttl> 11 11 <atom:link href="https:&#x2F;&#x2F;ladas552.me/rss.xml" rel="self" type="application/rss+xml" /> 12 12

+21 -1

theme/assets/css/style.css

··· 160 160 bottom: 5px; 161 161 } 162 162 163 163 + /* View All Posts Button */ 164 164 + .view-all-container { 165 165 + text-align: center; 166 166 + margin-top: 3em; 167 167 + margin-bottom: 2em; 168 168 + } 169 169 + 170 170 + .view-all-btn { 171 171 + display: inline-block; 172 172 + padding: 0.8em 2em; 173 173 + font-size: 1.1em; 174 174 + font-weight: bold; 175 175 + color: #cad3f5; 176 176 + text-decoration: none; 177 177 + border: 2px solid #8aadf4; 178 178 + border-radius: 20px; 179 179 + background-color: #1e2030; 180 180 + position: relative; 181 181 + bottom: 0px; 182 182 + } 163 183 /* css class for descriptions under "recent posts" */ 164 184 .flex-box p { 165 185 color: #b7bdf8; ··· 201 221 scrollbar-width: thin; 202 222 /* Width of the scrollbar */ 203 223 scrollbar-color: #64687E #1E1E2E; 204 204 - } 224 224 + }

+12 -7

theme/templates/home.html

··· 4 4 {{ content | safe }} 5 5 <section> 6 6 <div class="flex-container"> 7 7 - {% for post in posts %} 7 7 + {% set latest_posts = posts | sort(attribute="created") | reverse | slice(end=2) %} 8 8 + {% for post in latest_posts %} 8 9 <div class="flex-box" onclick="location.href='{{ post.permalink }}';" style="cursor: pointer;"> 9 10 <h3>{{ post.title }}</h3> 10 11 <div id=description> 11 12 <description> 12 12 - <span>{{ post.description }}</span> 13 13 - <p>Tags: 14 14 - {% for category in post.categories %} 15 15 - <a href="/categories/{{ category }}">{{ category | capitalize }}</a> 16 16 - {% endfor %}</p> 17 17 - <p><span>Released: {{ post.created }}</span></p> 13 13 + <span>{{ post.description }}</span> 14 14 + <p>Tags: 15 15 + {% for category in post.categories %} 16 16 + <a href="/categories/{{ category }}">{{ category | capitalize }}</a> 17 17 + {% endfor %} 18 18 + </p> 19 19 + <p><span>Released: {{ post.created }}</span></p> 18 20 </description> 19 21 </div> 20 22 </div> 21 23 {% endfor %} 24 24 + </div> 25 25 + <div class="view-all-container"> 26 26 + <a href="/posts" class="view-all-btn">View All Posts </a> 22 27 </div> 23 28 </section> 24 29

+20 -13

theme/templates/posts.html

··· 2 2 {% block title %}{{ metadata.title | title }}{% endblock title %} 3 3 {% block content %} 4 4 <h1 class="text-center">Posts</h1> 5 5 - <div class="mt-6 lg:mt-8 break-keep"> 6 6 - {% for post in posts | slice(end=5) %} 7 7 - <div class="bg-surface p-4 mt-4 border-2 border-base-alt rounded-md shadow-lg"> 8 8 - <div class="flex flex-col"> 9 9 - <h3 class="mt-0! text-text-alt"><a class="no-underline! hover:underline! hover:decoration-dashed" href="{{ post.permalink }}">{{ post.title }}</a></h3> 10 10 - <time class="text-dark-grey dark:text-grey" datetime="{{ post.created }}">{{ post.created | date(format="%B %e, %Y") }}</time> 11 11 - <span class="text-sm text-grey italic">{{ post.description }}</span> 12 12 - </div> 13 13 - <div class="flex flex-col"> 14 14 - <p>{{ post.raw | striptags | truncate(length=100) | safe }}</p> 15 15 - <a class="no-underline! text-dark-grey font-semibold" href="{{ post.permalink }}">Read more …</a> 5 5 + <section> 6 6 + <div class="flex-container"> 7 7 + {% set sorted_posts = posts | sort(attribute="created") | reverse %} 8 8 + {% for post in sorted_posts %} 9 9 + <div class="flex-box animated-card" style="animation-delay: {{ loop.index0 * 100 }}ms;" 10 10 + onclick="location.href='{{ post.permalink }}';"> 11 11 + <h3>{{ post.title }}</h3> 12 12 + <div id="description"> 13 13 + <description> 14 14 + <span>{{ post.description }}</span> 15 15 + <p>Tags: 16 16 + {% for category in post.categories %} 17 17 + <a href="/categories/{{ category }}">{{ category | capitalize }}</a> 18 18 + {% endfor %} 19 19 + </p> 20 20 + <p><span>Released: {{ post.created | date(format="%Y-%m-%d") }}</span></p> 21 21 + </description> 22 22 + </div> 16 23 </div> 24 24 + {% endfor %} 17 25 </div> 18 18 - {% endfor %} 19 19 - </div> 26 26 + </section> 20 27 {% endblock content %}