chore: refactor includes to render

src/_includes/partials/author.liquid

@@ -1,8 +1,7 @@
-<!--suppress ALL -->
 <div class="mt-12 py-8 border-t-2 flex flex-col md:flex-row justify-between items-center">
   <div class="flex flex-col mb-4 md:mb-0 md:flex-row items-center flex-1">
     {% image './src/assets/img/avatar.webp', site.name, 'inline-block h-20 w-20 mr-2', '80px' %}
     <span class="text-lg font-medium">{{ site.name }}</span>
   </div>
   <p class="text-sm flex-1">{{ site.description }}</p>
-</div>
+</div>

src/_includes/partials/footer.liquid

@@ -1,12 +1,12 @@
 <footer>
   <div class="mt-8 pt-8 pb-4 flex gap-3 justify-center w-full">
-    {% include "icons/fastmail.liquid" %}
-    {% include "icons/github.liquid" %}
-    {% include "icons/mastodon.liquid" %}
-    {% include "icons/apple-music.liquid" %}
-    {% include "icons/letterboxd.liquid" %}
-    {% include "icons/trakt.liquid" %}
-    {% include "icons/coffee.liquid" %}
+    {% render "icons/fastmail.liquid" %}
+    {% render "icons/github.liquid" %}
+    {% render "icons/mastodon.liquid" %}
+    {% render "icons/apple-music.liquid" %}
+    {% render "icons/letterboxd.liquid" %}
+    {% render "icons/trakt.liquid" %}
+    {% render "icons/coffee.liquid" %}
   </div>
   <p class="text-sm text-gray-500 dark:text-gray-100 pb-8 text-center">
     <a class="text-gray-500 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500{% if page.url == '/uses/' %} active{% endif %}" href="/uses">Uses</a> •

src/_includes/partials/header.liquid

@@ -2,5 +2,5 @@
   <h1 class="text-2xl md:text-3xl font-black leading-tight pb-5 md:pb-0">
     <a class="text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500" href="/">{{ site.title }}</a>
   </h1>
-  {% include "partials/nav.liquid" %}
+  {% render "partials/nav.liquid" %}
 </div>

src/_includes/partials/nav.liquid

@@ -7,13 +7,13 @@
       <a class="text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500{% if page.url == '/about/' %} active{% endif %}" href="/about">About</a>
     </li>
     <li class="mr-6">
-      {% include "icons/tags.liquid" %}
+      {% render "icons/tags.liquid" %}
     </li>
     <li class="mr-6 client-side">
-      {% include "icons/search.liquid" %}
+      {% render "icons/search.liquid" %}
     </li>
     <li>
-      {% include "icons/rss.liquid" %}
+      {% render "icons/rss.liquid" %}
     </li>
   </ul>
 </nav>

src/_includes/partials/popular-posts.liquid

@@ -1,4 +1,4 @@
-{% assign posts = collections.posts | getPopularPosts: analytics %}
+{% assign posts = posts | getPopularPosts: analytics %}
 <div class="not-prose">
   <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
     {% heroicon "outline" "fire" "Popular" "height=28" %}