all repos — aaoth.xyz @ 5dade15bc9063352cd711bec0b7220924d2fd13d

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<!-- TODO: make haelsorisk projects' links start with /haelsorisk/* -->
10
11<div class="music-project">
12
13    <div class="music-project-sidebar">
14        <h1>{{ page.title }}</h1>
15        <img id="logo"
16             {%- if page.logo -%}
17             src="{{ page.logo }}"
18             {%- else -%}
19             src="/assets/img/{{ page.title }}-logo.png"
20             {%- endif -%}
21             alt="{{ page.title }} logo">
22        <p>{{ page.start_date | date_to_string }}&ndash;
23            {%- if page.end_date -%}
24                {{ page.end_date | date_to_string }}
25            {%- else -%}
26                &hellip;
27            {%- endif -%}
28            {%- if page.status -%}
29                &ensp;({{ page.status }})
30            {%- endif -%}
31        </p>
32        <p>tags: {{ page.tags | join: ", " }}</p>
33    </div>
34
35    <div class="music-project-info">
36
37        {{ page.content | markdownify }}
38
39        <div class="music-releases">
40            <h2>releases</h2>
41
42            {%- assign releases = site.music_releases | where: "author", page.title
43            | group_by_exp: "item", "item.date | date: '%Y'" -%}
44            {% for item in releases %}
45                <h3>{{ item.name }}<!--year--></h3>
46                {%- for release in item.items -%}
47                    <div class="music-release">
48                        <h4>
49                            {{ release.title }} ({{ release.type }})
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>