109 lines
No EOL
4.2 KiB
HTML
109 lines
No EOL
4.2 KiB
HTML
---
|
|
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> |