---
layout: default
pagination:
  data: artists
  size: 1
  alias: artist
permalink: "/music/artists/{{ artist.name_string | slugify | downcase }}-{{ artist.country | slugify | downcase}}/index.html"
updated: "now"
schema: artist
---
{%- capture alt -%}
  {{ artist.name_string }} / {{ artist.country }}
{%- endcapture -%}
<a class="back-link-header link-icon flex-centered" 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 }}?w=200&aspect_ratio=1:1 200w,
        https://cdn.coryd.dev{{ artist.image }}?w=400&aspect_ratio=1:1 400w,
        https://cdn.coryd.dev{{ artist.image }}?w=800&aspect_ratio=1:1 800w,
        https://cdn.coryd.dev{{ artist.image }}?w=1200&aspect_ratio=1:1 1200w
      "
      sizes="(max-width: 450px) 200px,
        (max-width: 850px) 400px,
        (max-width: 1000px) 800px,
        1200px"
      src="https://cdn.coryd.dev{{ artist.image }}?w=1200&aspect_ratio=1:1"
      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.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 class="toggle-wrapper">
    <input id="toggle-checkbox" class="toggle-checkbox" type="checkbox">
    <label class="toggle-label" for="toggle-checkbox">
      <div aria-role="button"></div>
    </label>
    <div data-toggle-content class="text-toggle-hidden">{{ artist.description | markdown }}</div>
  </div>
  {%- 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>