_includes/default_footer.njk

@@ -1,7 +1,7 @@
 <div class="footer-flex">
     <div class="footer-left">
         {% if not dont_show_lang_in_footer %}
-            {% include "lang_available.njk" %}
+            {% include "lang-available.njk" %}
         {% endif %}
     </div>
     <div class="footer-middle">

_includes/general.scss

@@ -0,0 +1,27 @@
+@use "main-palette.scss" as mp;
+
+$breakpoint: 768px;
+
+* {
+    margin: 0;
+    box-sizing: border-box;
+}
+
+.main-page-wrapper {
+    height: min-content;
+    min-width: 0;
+    max-width: 802px;
+    margin: 8px auto;
+    border: 1px solid mp.$border;
+
+    /* DEATH TO ANTIALIASING */
+    img, .header-banner, #nav-hover {
+        image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
+        image-rendering: -moz-crisp-edges;          /* Firefox                        */
+        image-rendering: -o-crisp-edges;            /* Opera                          */
+        image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
+        image-rendering: pixelated;                 /* Universal support since 2021   */
+        image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
+        -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
+    }
+}

_includes/scss/general.scss

@@ -1,29 +0,0 @@
-@use "main-palette" as mp;
-
-$breakpoint: 768px;
-
-* {
-    margin: 0;
-    box-sizing: border-box;
-}
-
-.main-page-wrapper {
-    height: min-content;
-    min-width: 0;
-    max-width: 802px;
-    margin: 8px auto;
-    border: 1px solid mp.$border;
-
-    /* DEATH TO ANTIALIASING */
-    img,
-    .header-banner,
-    #nav-hover {
-        image-rendering: optimizeSpeed; /* STOP SMOOTHING, GIVE ME SPEED  */
-        image-rendering: -moz-crisp-edges; /* Firefox                        */
-        image-rendering: -o-crisp-edges; /* Opera                          */
-        image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
-        image-rendering: pixelated; /* Universal support since 2021   */
-        image-rendering: optimize-contrast; /* CSS3 Proposed                  */
-        -ms-interpolation-mode: nearest-neighbor; /* IE8+                           */
-    }
-}

_layouts/home.njk

@@ -10,7 +10,7 @@ dont_show_lang_in_footer: true
 {% block content %}
     <div class="welcome-aside-left">
         <div class="home-lang box">
-            {% include "lang_available.njk" %}
+            {% include "lang-available.njk" %}
             <img src="/img/nekojiru.png">
         </div>
         <div id="listening" title="{{ "listening-to" | i18n }}"></div>

css/main.scss

@@ -1,10 +1,8 @@
-/* TODO: refactor into smaller includes */
-
 @use "sass:color" as c;
 
-@use "scss/general";
+@use "general";
-@use "scss/fonts" as *;
+@use "fonts";
-@use "scss/main-palette" as mp;
+@use "main-palette" as mp;
 
 $psize: 0.8em;
 $h1size: 2em;
@@ -38,7 +36,7 @@ body {
     h4,
     h5,
     h6 {
-        font-family: $ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+        font-family: fonts.$ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
         font-weight: bold;
         text-decoration: underline;
         text-decoration-color: mp.$border;
@@ -98,7 +96,7 @@ body {
         width: 100%;
         h1 {
             margin: 10px 10px 0px 10px;
-            font-family: $ll;
+            font-family: fonts.$ll;
             text-align: center;
             text-decoration: none;
         }
@@ -116,7 +114,7 @@ body {
             margin: 0px auto;
             p {
                 font-family:
-                    $ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+                    fonts.$ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
                 font-size: 1.2em;
             }
         }
@@ -202,7 +200,7 @@ body {
                         );
 
                         color: mp.$text;
-                        font-family: $ll;
+                        font-family: fonts.$ll;
                         font-weight: normal;
                         font-size: 1em;
                         text-decoration: none;
@@ -263,7 +261,7 @@ body {
             margin-bottom: 4px;
             border-bottom: 1px solid mp.$border;
             text-decoration: none;
-            font-family: $ll;
+            font-family: fonts.$ll;
             font-size: 1em;
             background: mp.$bg;
             background: linear-gradient(
@@ -532,7 +530,7 @@ body {
                 a {
                     text-decoration: none;
                     font-family:
-                        $ll, "Gill Sans", "Gill Sans MT", Calibri,
+                        fonts.$ll, "Gill Sans", "Gill Sans MT", Calibri,
                         "Trebuchet MS", sans-serif;
                 }
             }
@@ -562,7 +560,7 @@ body {
             p {
                 color: mp.$bg;
                 font-family:
-                    $ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+                    fonts.$ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
                 font-size: 0.8em;
                 text-align: center;
             }

en/blog/index.md

@@ -1,6 +1,7 @@
 ---
 title: blog
 layout: recent_feed
+cycling_tag: posts
 sidebar: blog
 pagination:
   data: collections.posts

es/blog/index.md

@@ -1,6 +1,7 @@
 ---
 title: blog
 layout: recent_feed
+cycling_tag: posts
 sidebar: blog
 pagination:
   data: collections.posts