feat: spruce up design

src/_includes/partials/banners/github.liquid

@@ -1,3 +1,3 @@
 <div class="banner github">
-  <p>{% tablericon "brand-github" "GitHub repository" %} Take a look at <a href="{{ url }}">the GitHub repository for this project</a>. (And give it a star if you feel like it.)</p>
+  <p>{% tablericon "brand-github" "GitHub repository" %}Take a look at <a href="{{ url }}">the GitHub repository for this project</a>. (And give it a star if you feel like it.)</p>
 </div>

src/_includes/partials/banners/npm.liquid

@@ -1,3 +1,3 @@
 <div class="banner npm">
-  <p>{% tablericon "brand-npm" "NPM package" %} <a href="{{ url }}">You can take a look at this package on NPM</a> or install it by running <code>{{ command }}</code>.</p>
+  <p>{% tablericon "brand-npm" "NPM package" %}<a href="{{ url }}">You can take a look at this package on NPM</a> or install it by running <code>{{ command }}</code>.</p>
 </div>

src/_includes/partials/banners/old-post.liquid

@@ -1,6 +1,6 @@
 {% assign isOldPost = date | oldPost %}
 {% if isOldPost %}
   <div class="banner old-post">
-    <p>{% tablericon "clock-x" "Old post" %} This post is over 3 years old. I've probably changed my mind since it was written and it <em>could</em> be out of date.</p>
+    <p>{% tablericon "clock-x" "Old post" %}This post is over 3 years old. I've probably changed my mind since it was written and it <em>could</em> be out of date.</p>
   </div>
 {% endif %}

src/_includes/partials/banners/rss.liquid

@@ -1,3 +1,3 @@
 <div class="banner rss">
-  <p>{% tablericon "rss" "RSS feed" %} <a href="{{ url }}">{{ text }}</a>.</p>
+  <p>{% tablericon "rss" "RSS feed" %}<a href="{{ url }}">{{ text }}</a>.</p>
 </div>

src/_includes/partials/nav/link.liquid

@@ -9,11 +9,12 @@
   </span>
 {% else %}
   {% if icon %}
-    <a class="{{ icon | downcase }} {{ class }}" href="/{{ link | downcase }}">
+    <a class="{{ icon | downcase }} icon {{ class }}" href="/{{ link | downcase }}">
       {% tablericon icon link %}
+      <span>{{ link }}</span>
     </a>
   {% else %}
-    <a href="/{{ link | downcase }}">
+    <a class="icon" href="/{{ link | downcase }}">
       {{ link }}
     </a>
   {% endif %}

src/_includes/partials/nav/menu.liquid

@@ -1,8 +1,13 @@
-<nav
-  class="menu-primary flex-centered flex-wrap justify-center"
-  aria-label="Primary site navigation">
-  {% for link in nav.menu %}
-    {% render "partials/nav/link.liquid", page:page, link:link.name, icon:link.icon %}
-  {% endfor %}
+<div class="flex-centered">
+  <input id="menu-toggle" type="checkbox" />
+  <label class="menu-button-container" for="menu-toggle">
+    <div class="menu-closed">{% tablericon "menu" "Menu closed" %}</div>
+    <div class="menu-open">{% tablericon "x" "Menu open" %}</div>
+  </label>
+  <ul class="menu-primary" aria-label="Primary site navigation">
+    {% for link in nav.menu %}
+    <li>{% render "partials/nav/link.liquid", page:page, link:link.name, icon:link.icon %}</li>
+    {% endfor %}
+  </ul>
   {% render "partials/nav/theme-toggle.liquid" %}
-</nav>
+</div>

src/_includes/partials/now/albumReleases.liquid

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

src/_includes/partials/posts.liquid

@@ -0,0 +1,28 @@
+{%- assign posts = postData | filterByPostType: postType %}
+<div class="article-widget-wrapper">
+  <div class="section-header-wrapper">
+    <h2 id="artists" class="section-header posts flex-centered">
+      {% tablericon icon title %}
+      {{ title }}
+    </h2>
+  </div>
+  {% for post in posts %}
+  <article class="h-entry">
+    <div class="flex-centered gap-xs icon-small icon-light">
+      {% tablericon "calendar-month" "Date" %}
+      <time class="dt-published" datetime="{{ post.date }}">
+        {{ post.date | date: "%B %e, %Y" }}
+      </time>
+    </div>
+    <a href="{{ post.url }}">
+      <h3 class="flex-centered">{{ post.data.title }}</h3>
+    </a>
+    <span class="p-author h-card hidden">{{ meta.siteName }}</span>
+    <div class="p-summary hidden">{{ post.data.post_excerpt }}</div>
+    {{ post.data.post_excerpt | markdown | truncateByWordCount: 25 }}
+  </article>
+  {% endfor %}
+  {% if postType != 'featured' %}
+    <a class="view-all flex-centered" href="/posts">View all posts {% tablericon "arrow-right" "View all posts" %}</a>
+  {% endif %}
+</div>