chore: clearer organizational distinction between data-generated (dynamic) pages and strictly markdown ones

src/pages/dynamic/music/artists/artist.html

@@ -0,0 +1,80 @@
+---
+layout: default
+pagination:
+  data: artists
+  size: 1
+  alias: artist
+permalink: "{{ artist.url }}/index.html"
+updated: "now"
+schema: artist
+---
+{%- capture alt -%}
+  {{ artist.name_string }} / {{ artist.country }}
+{%- endcapture -%}
+{% capture js %}
+  {% render "../../../../assets/scripts/text-toggle.js" %}
+{% endcapture %}
+<script>{{ js }}</script>
+<noscript><style>[data-toggle-content].text-toggle-hidden {height: unset !important;overflow: unset !important;margin-bottom: unset !important;}[data-toggle-content].text-toggle-hidden::after {display: none !important;}</style></noscript>
+<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>
+<article class="artist-focus">
+  <div class="artist-display">
+    <img
+      srcset="
+        https://cdn.coryd.dev{{ artist.image }}?class=w200 200w,
+        https://cdn.coryd.dev{{ artist.image }}?class=w600 400w,
+        https://cdn.coryd.dev{{ artist.image }}?class=w800 800w,
+        https://cdn.coryd.dev{{ artist.image }}?class=w1600 1200w
+      "
+      sizes="(max-width: 450px) 200px,
+        (max-width: 850px) 400px,
+        (max-width: 1000px) 800px,
+        1200px"
+      src="https://cdn.coryd.dev{{ artist.image }}?class=w1600"
+      alt="{{ alt }}"
+      loading="eager"
+      decoding="async"
+      width="480"
+      height="480"
+    />
+    <div class="artist-meta">
+      <p class="title"><strong>{{ artist.name_string }}</strong></p>
+      {%- if artist.favorite -%}
+        <p class="sub-meta favorite flex-centered">{% tablericon "heart" "Favorite" %} This is one of my favorite artists!</p>
+      {%- endif -%}
+      {%- if artist.tattoo -%}
+        <p class="sub-meta tattoo flex-centered">{% tablericon "needle" "Tattoo" %} I have a tattoo inspired by this artist!</p>
+      {%- endif -%}
+      {%- if artist.total_plays > 0 -%}
+        <p class="sub-meta"><strong class="highlight-text">{{ artist.total_plays }} plays</strong></p>
+      {%- endif -%}
+      <p class="sub-meta">
+        <a href="/music/genres/{{ artist.genres | slugify | downcase }}" title="Learn more about {{ artist.genres | escape }}">
+          {{ artist.genres }}
+        </a>
+      </p>
+      <p class="sub-meta">
+        <a class="brain" href="https://musicbrainz.org/artist/{{ artist.mbid }}" title="View {{ artist.name_string | escape }} on MusicBrainz">{% tablericon "brain" "MusicBrainz" %}</a>
+      </p>
+    </div>
+  </div>
+  {%- if artist.description -%}
+  <div data-toggle-content class="text-toggle-hidden">{{ artist.description | markdown }}</div>
+  <button data-toggle-button>Show more</button>
+  {%- endif -%}
+  <table>
+    <tr>
+      <th>Year</th>
+      <th>Title</th>
+      <th>Plays</th>
+    </tr>
+    {% for album in artist.albums %}
+    <tr>
+      <td>{{ album.release_year }}</td>
+      <td>{{ album.name }}</td>
+      <td>{{ album.total_plays }}</td>
+    </tr>
+    {% endfor %}
+  </table>
+  <p class="text-small"><em>These are the albums by this artist that are in my collection, not necessarily a comprehensive discography.</em></p>
+</article>