77 lines
No EOL
3.1 KiB
HTML
77 lines
No EOL
3.1 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 -%}
|
|
{% 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 link-icon flex-centered" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back" %} Go back</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="https://coryd.dev/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 data-toggle-content class="text-toggle-hidden"><em>{{ artist.description | markdown }}</em></div>
|
|
<button data-toggle-button>Show more</button>
|
|
{%- 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 text-centered"><em>These are the album by this artist that are in my collection, not necessarily a comprehensive discography.</em></p>
|
|
</article> |