77 lines
No EOL
2.9 KiB
HTML
77 lines
No EOL
2.9 KiB
HTML
---
|
|
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> |