all repos — aaoth.xyz @ d7118a8b627e1f5c7d7ebde49b5f52c364b37b32

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             src="/art/logos/thumbs/{{ page.url | split: "/" | last }}-logo_thumb.png"
16             alt="{{ page.title }} logo">
17        <p>{{ page.start_date | date_to_string }}&ndash;
18            {%- if page.end_date -%}
19                {{ page.end_date | date_to_string }}
20            {%- else -%}
21                &hellip;
22            {%- endif -%}
23            {%- if page.status -%}
24                &ensp;({{ page.status }})
25            {%- endif -%}
26        </p>
27        <p>tags: {{ page.tags | join: ", " }}</p>
28    </div>
29
30    <div class="music-project-info">
31
32        {{ page.content | markdownify }}
33
34        <div class="music-project-release-list">
35            <h2>releases</h2>
36
37            {%- assign releases = site.music_releases | where: "author",
38            page.title | group_by_exp: "item", "item.date | date: '%Y'" -%}
39            {% for item in releases %}
40                <h3>{{ item.name }}<!--year--></h3>
41                {%- for release in item.items -%}
42                    <div class="music-project-release-info">
43                        <h4>
44                            {{ release.title }} <span class="music-project-release-type">
45                            ({{ release.type }})</span>
46                            {%- if release.bandcamp -%}
47                                <a href="{{ release.bandcamp }}"
48                                   title="listen on bandcamp">
49                                    <img src="/assets/img/bandcamp-icon.png"
50                                         alt="listen on bandcamp"
51                                         width="24px" height="24px">
52                                </a>
53                            {%- endif -%}
54                        </h4>
55
56                        <p>released {{ release.date | date_to_string }}
57                            | <em>{{ release.style }}</em>
58                        </p>
59
60                        {{ release.content }}
61
62                    </div>
63                {%- endfor -%}
64            {%- endfor -%}
65        </div>
66    </div>
67</div>