make music project list page look like art menu

also snippet that makes art menu is now separated as mixin (very
powerful thing, btw).

1 files changed, 20 insertions, 14 deletions

diff --git a/music.md b/music.md
index b87cc88..b8d3408 100644
--- a/music.md
+++ b/music.md
@@ -1,26 +1,32 @@
 ---
 title: music
-layout: default
+permalink: /music/
 ---
 
-## [hälsorisk][1]
+# [hälsorisk][1]
 
-**hälsorisk** (swedish for *health hazard*) is small web-label focused on dark
-underground music. here's a list of projects in which i took part:
+**hälsorisk** (swedish for '*health hazard*') is small web-label focused on dark
+underground music.
+here's a list of projects in which i took part:
 
-{%- assign haelsorisk_projects = site.music_projects | where: "other", nil -%}
+{% comment %}
+    haelsorisk projects
+{% endcomment %}
+{% assign projects = site.music_projects | where: "other", nil %}
 
-{% for h_project in haelsorisk_projects %}
-* [{{ h_project.title }}]({{ h_project.url }})
--- {{ h_project.description }} ({{ h_project.roles | split: " " | join: ", " }})
-{% endfor %}
+<div class="haelsorisk-projects-list">
+{% include music-projects-list.html %}
+</div>
 
 [1]:/haelsorisk
 
-## other projects
+# other projects
 
-{%- assign other_projects = site.music_projects | where: "other", true -%}
+{% comment %}
+    other projects
+{% endcomment %}
+{% assign projects = site.music_projects | where: "other", true %}
 
-{% for project in other_projects %}
-* [{{ project.title }}]({{ project.url }}) -- {{ project.description }}
-{% endfor %}
+<div class="other-projects-list">
+{% include music-projects-list.html %}
+</div>