---
title: Concerts
description: These are concerts I've attended (not all of them — just the ones I could remember or glean from emails, photo metadata et al).
pagination:
  data: concerts
  size: 30
permalink: "/music/concerts/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}/{% endif %}index.html"
---
{%- if pagination.pageNumber == 0 -%}
<h2 class="page-title">Concerts</h2>
<p>These are concerts I've attended (not all of them — just the ones I could remember or glean from emails, photo metadata et al). I've been to at least <mark>{{ concerts | size }}</mark> shows. <a href="/music" class="music">You can also take a look at the music I've been listening to lately</a>.</p>
<hr />
{%- endif -%}
<ul class="standalone">
  {%- for concert in pagination.items -%}
    {%- capture artistName -%}
      {% if concert.artist.url %}
        <a href="{{ concert.artist.url }}" class="music">{{ concert.artist.name }}</a>
      {% else %}
        {{ concert.artist.name }}
      {% endif %}
    {%- endcapture -%}
    {%- capture venue -%}
      {% if concert.venue.name %}
        {% 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.name_short }}</a>
        {% else %}
          {{ concert.venue.name_short }}
        {% endif %}
      {% endif %}
    {%- endcapture -%}
    <li>
      <strong>{{ artistName }}</strong> on {{ concert.date | date: "%B %e, %Y" }}
      {% if venue %} at {{ venue }}{% endif %}
      <span class="client-side" style="display:inline">
        {%- if concert.concert_notes -%}
          {% assign notes = concert.concert_notes | markdown %}
          {% render "blocks/dialog.liquid",
            icon:"info-circle",
            label:"View info about this concert"
            dynamic:"optimized_concerts",
            markdown:"concert_notes",
            id:concert.id
          %}
        {%- endif -%}
      <span class="client-side">
    </li>
  {%- endfor -%}
</ul>
{% render "nav/paginator.liquid",
  pagination:pagination
%}