all repos — aaoth.xyz @ e3fa69262e3dbf65f92580f3600540393308587d

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 sound for albums that aren't available on bandcamp -->
 8<!-- TODO: maybe add search by tag for music projects -->
 9
10<div class="music-project">
11
12    <div class="music-project-titlebar">
13        {% include title-with-backlink.html title=page.title backlink="/music/" %}
14    </div>
15
16    <div class="music-project-sidebar">
17        <a href="/art/logos/{{ page.url | split: "/" | last }}-logo.png">
18            <img id="logo"
19                 src="/art/logos/thumbs/{{ page.url | split: "/" | last }}-logo_thumb.png"
20                 alt="{{ page.title }} logo">
21        </a>
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>
40
41    {%- assign releases = site.music_releases | where: "author",
42    page.title | group_by_exp: "item", "item.date | date: '%Y'" -%}
43    {%- assign releases_size = releases | size %}
44    {%- if releases_size > 0 -%}
45        <div class="music-project-release-list">
46            <h2>releases</h2>
47
48            {% for item in releases %}
49                <div class="music-project-release-by_year"
50                     id="{{ item.name }}">
51                    <h3 class="music-project-release-year"
52                        id="{{ item.name }}">{{ item.name }}</h3>
53                    {%- for release in item.items -%}
54                        <div class="music-project-release-info"
55                             id="{{ release.title | slugify }}">
56                            <h4>{{ release.title }}
57                                <span class="music-project-release-type">
58                                    ({{ release.type }})</span>
59                                {%- if release.bandcamp -%}
60                                    <a href="{{ release.bandcamp }}"
61                                       title="listen on bandcamp">
62                                        <img src="/assets/img/bandcamp-icon.png"
63                                             alt="listen on bandcamp"
64                                             width="24px" height="24px">
65                                    </a>
66                                {%- endif -%}
67                            </h4>
68
69                            <p>released {{ release.date | date_to_string }}
70                                / <em>{{ release.style }}</em>
71                            </p>
72
73                            {{ release.content }}
74
75                        </div>
76                    {%- endfor -%}
77                </div>
78            {%- endfor -%}
79        </div>
80    {%- endif -%}
81</div>