chore: add recent links widget

src/_includes/partials/addon-links.liquid

@@ -0,0 +1,8 @@
+{% capture css %}
+  {% render "../../assets/styles/components/addon-links.css" %}
+{% endcapture %}
+<style>{{ css }}</style>
+<div class="addon-links__wrapper">
+  <div>{% render "partials/popular-posts.liquid", posts:posts, analytics:analytics %}</div>
+  <div>{% render "partials/recent-links.liquid", links:links %}</div>
+</div>

src/_includes/partials/now/albumReleases.liquid

@@ -1,5 +1,5 @@
 {% if albumReleases.size > 0 %}
-  <h2 id="album-releases" class="now__section--header flex--centered">
+  <h2 id="album-releases" class="flex--centered">
     {% tablericon "calendar-time" "Anticipated albums" %}
     Anticipated albums
   </h2>

src/_includes/partials/now/links.liquid

@@ -1,15 +0,0 @@
-{% if links.size > 0 %}
-  <h2 id="links" class="now__section--header flex--centered">
-    {% tablericon "link" "Links" %}
-    Links
-  </h2>
-  <ul class="link__list">
-    {% for link in links limit: 5 %}
-      <li>
-        <a href="{{link.url}}" title="{{link.title | escape}}">
-          {{ link.title }}
-        </a>
-      </li>
-    {% endfor %}
-  </ul>
-{% endif %}

src/_includes/partials/now/media-grid.liquid

@@ -7,7 +7,7 @@
   <style>{{ css }}</style>
   {% endif %}
   {% assign media = data | normalizeMedia %}
-  <h2 id="{{ title | downcase }}" class="now__section--header flex--centered">
+  <h2 id="{{ title | downcase }}" class="flex--centered">
     {% tablericon icon title %}
     {{ title }}
   </h2>

src/_includes/partials/popular-posts.liquid

@@ -1,20 +1,14 @@
-{% capture css %}
-  {% render "../../assets/styles/components/popular-posts.css" %}
-{% endcapture %}
-<style>{{ css }}</style>
 {% assign posts = posts | getPopularPosts: analytics %}
-<div class="popular-posts">
-  <h2 class="flex--centered">
-    {% tablericon "flame" "Popular" %}
-    Popular posts
-  </h2>
-  <ul class="link__list">
-    {% for post in posts limit: 5 %}
-      <li>
-        <a class="no-underline" href="{{post.url}}" title="{{ post.data.title | escape}}">
-          {{ post.data.title }}
-        </a>
-      </li>
-    {% endfor %}
-  </ul>
-</div>
+<h2 class="flex--centered">
+  {% tablericon "flame" "Popular" %}
+  Popular posts
+</h2>
+<ul class="link__list">
+  {% for post in posts limit: 5 %}
+    <li>
+      <a class="no-underline" href="{{post.url}}" title="{{ post.data.title | escape}}">
+        {{ post.data.title }}
+      </a>
+    </li>
+  {% endfor %}
+</ul>

src/_includes/partials/recent-links.liquid

@@ -0,0 +1,15 @@
+{% if links.size > 0 %}
+<h2 id="links" class="flex--centered">
+  {% tablericon "link" "Links" %}
+  Recent links
+</h2>
+<ul class="link__list">
+  {% for link in links limit: 5 %}
+    <li>
+      <a href="{{link.url}}" title="{{link.title | escape}}">
+        {{ link.title }}
+      </a>
+    </li>
+  {% endfor %}
+</ul>
+{% endif %}

src/_includes/partials/tags.liquid

@@ -1,4 +1,6 @@
 {% assign filteredTags = tags | filterTags %}
-{% for tag in filteredTags limit: 10 %}
+<div{% if hasSpace %} style="margin-bottom:var(--sizing-md)"{% endif %}>
+  {% for tag in filteredTags limit: 10 %}
   <a class="tag" href="/tags/{{ tag | downcase }}" data-pagefind-filter="tags">{{ tag | formatTag }}</a>
-{% endfor %}
+  {% endfor %}
+</div>