---
layout: default
pagination:
  data: artists
  size: 1
  alias: artist
permalink: "{{ artist.url }}/index.html"
updated: "now"
schema: artist
---
{%- capture alt -%}
  {{ artist.name }} / {{ 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" 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 }}</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.totalPlays > 0 -%}
        <p class="sub-meta"><strong class="highlight-text">{{ artist.totalPlays }} plays</strong></p>
      {%- endif -%}
      <p class="sub-meta">
        <a href="/music/genres/{{ artist.genre | replace: '/', '-' | slugify | downcase }}" title="Learn more about {{ artist.genre | escape }}">
          {{ artist.genre }}
        </a>
      </p>
      <p class="sub-meta">
        <a class="brain" href="https://musicbrainz.org/artist/{{ artist.mbid }}" title="View {{ artist.name | 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 -%}
  {%- if artist.concerts -%}
    <hr />
    <p id="concerts" class="concerts flex-centered">
      {% tablericon "device-speaker" "concert" %}
      I've seen this artist live!
    </p>
    <ul>
      {% for concert in artist.concerts %}
        {%- capture venue -%}
          {% if concert.venue %}
            {% if concert.venue_latitude and concert.venue_longitude %}
              <a href="https://www.openstreetmap.org/?mlat={{ concert.venue_latitude }}&mlon={{ concert.venue_longitude }}#map=18/{{ concert.venue_latitude }}/{{ concert.venue_longitude }}">{{ concert.venue | formatVenue }}</a>
            {% else %}
              {{ concert.venue | formatVenue }}
            {% endif %}
          {% endif %}
        {%- endcapture -%}
        <li>
          On <strong class="highlight-text">{{ concert.date | date: "%B %e, %Y" }}</strong>
          {% if venue %} at {{ venue }}{% endif %}
          {%- if concert.notes -%}
            {% assign notes = concert.notes | prepend: "### Notes\n" | markdown %}
            {% render "partials/blocks/modal.liquid", label:"Concert info", icon:"info-circle", content:notes, id:concert.id %}
          {%- endif -%}
        </li>
      {% endfor %}
    </ul>
    <hr />
  {%- endif -%}
  <table>
    <tr>
      <th>Album</th>
      <th>Plays</th>
      <th>Year</th>
    </tr>
    {% for album in artist.albums %}
    <tr>
      <td>{{ album.name }}</td>
      <td>{{ album.totalPlays }}</td>
      <td>{{ album.releaseYear }}</td>
    </tr>
    {% endfor %}
  </table>
  <p><em>These are the albums by this artist that are in my collection, not necessarily a comprehensive discography.</em></p>
</article>