fix: only show genre blurb if there's data

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "19.8.3",
+  "version": "19.8.4",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "19.8.3",
+      "version": "19.8.4",
       "license": "MIT",
       "dependencies": {
         "@cdransf/api-text": "^1.4.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "19.8.3",
+  "version": "19.8.4",
   "description": "The source for my personal site. Built using 11ty.",
   "type": "module",
   "scripts": {

src/pages/main/music/genre.html

@@ -24,8 +24,10 @@ schema: genre
 <a class="back-link-header link-icon" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a>
 <h2 class="page-header">{{ genre.name }}</h2>
 <article class="genre-focus">
+  {%- if genre.total_plays > 0 -%}
   <p>My top <strong class="highlight-text">{{ genre.name }}</strong> artists {{ connectingWord }} {{ genre.artists | sortByPlaysDescending: "total_plays" | mediaLinks: "artist", 5 }}. I've listened to <strong class="highlight-text">{{ genre.total_plays | formatNumber }}</strong> tracks form this genre.</p>
   <hr />
+  {% endif %}
   {%- if genre.description -%}
   <div data-toggle-content class="text-toggle-hidden">
     {{ genre.description | markdown }}