all repos — aaoth.xyz @ 9dcaf807a98362a708136284534ee343dd3f2742

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="/assets/img/{{ page.title }}-logo.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-releases">
39            <h2>releases</h2>
40
41            {%- assign releases = site.music_releases | where: "author", page.title
42            | 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-release">
47                        <h4>
48                            {{ release.title }} ({{ release.type }})
49                            {%- if release.bandcamp -%}
50                                <a href="{{ release.bandcamp }}"
51                                   title="listen on bandcamp">
52                                    <img src="/assets/img/bandcamp-icon.png"
53                                         alt="listen on bandcamp"
54                                         width="24px" height="24px">
55                                </a>
56                            {%- endif -%}
57                        </h4>
58
59                        <p>released {{ release.date | date_to_string }}
60                            | <em>{{ release.style }}</em>
61                        </p>
62
63                        {{ release.content }}
64
65                    </div>
66                {%- endfor -%}
67            {%- endfor -%}
68        </div>
69    </div>
70</div>