all repos — aaoth.xyz @ 7736c6f494d7fd4b64d11f5fe36a0552bc33b034

aaoth.xyz website

_layouts/music-project.html (view raw)

 1---
 2layout: default
 3---
 4
 5<!-- TODO: add physical release links-->
 6<!-- TODO: prettify release display -->
 7<!-- TODO: add project logos -->
 8<!-- TODO: add sound for albums that aren't available on bandcamp -->
 9
10<div class="music-project">
11
12    <div class="music-project-sidebar">
13        <h1>{{ page.title }}</h1>
14        <img id="logo"
15             {%- if page.logo -%}
16             src="{{ page.logo }}"
17             {%- else -%}
18             src="/art/logos/thumbs/{{ page.url | split: "/" | last }}-logo_thumb.png"
19             {%- endif -%}
20             alt="{{ page.title }} logo">
21        <p>{{ page.start_date | date_to_string }}&ndash;
22            {%- if page.end_date -%}
23                {{ page.end_date | date_to_string }}
24            {%- else -%}
25                &hellip;
26            {%- endif -%}
27            {%- if page.status -%}
28                &ensp;({{ page.status }})
29            {%- endif -%}
30        </p>
31        <p>tags: {{ page.tags | join: ", " }}</p>
32    </div>
33
34    <div class="music-project-info">
35
36        {{ page.content | markdownify }}
37
38        <div class="music-project-release-list">
39            <h2>releases</h2>
40
41            {%- assign releases = site.music_releases | where: "author",
42            page.title | group_by_exp: "item", "item.date | date: '%Y'" -%}
43            {% for item in releases %}
44                <h3>{{ item.name }}<!--year--></h3>
45                {%- for release in item.items -%}
46                    <div class="music-project-release-info">
47                        <h4>
48                            {{ release.title }} <span class="music-project-release-type">
49                            ({{ release.type }})</span>
50                            {%- if release.bandcamp -%}
51                                <a href="{{ release.bandcamp }}"
52                                   title="listen on bandcamp">
53                                    <img src="/assets/img/bandcamp-icon.png"
54                                         alt="listen on bandcamp"
55                                         width="24px" height="24px">
56                                </a>
57                            {%- endif -%}
58                        </h4>
59
60                        <p>released {{ release.date | date_to_string }}
61                            | <em>{{ release.style }}</em>
62                        </p>
63
64                        {{ release.content }}
65
66                    </div>
67                {%- endfor -%}
68            {%- endfor -%}
69        </div>
70    </div>
71</div>