From a7a43fa5e99ebda7905604306ec2cf0b03c425f7 Mon Sep 17 00:00:00 2001
From: la-ninpre <leobrekalini@gmail.com>
Date: Fri, 20 Aug 2021 22:39:54 +0300
Subject: make music project list page look like art menu

also snippet that makes art menu is now separated as mixin (very
powerful thing, btw).
---
 _includes/art-menu.html            |  6 +++---
 _includes/music-projects-list.html | 20 ++++++++++++++++++++
 _includes/navigation.html          | 16 ++++++++++++----
 3 files changed, 35 insertions(+), 7 deletions(-)
 create mode 100644 _includes/music-projects-list.html

(limited to '_includes')

diff --git a/_includes/art-menu.html b/_includes/art-menu.html
index 0d35b96..9e7f928 100644
--- a/_includes/art-menu.html
+++ b/_includes/art-menu.html
@@ -3,9 +3,9 @@
     {%- include pic-path.html -%}
     {%- assign pagedir = page.dir | remove_first: "/" | split: "/" -%}
     {%- if pagedir.first == "art" and pagedir.size > 1 -%}
-    <li class="art-category">
-        <a class="link-mask" href="{{ page.url }}">{{ page.title }}</a>
-        <div class="thumbnail">
+    <li class="art-menu-item">
+        <a class="art-menu-item-mask" href="{{ page.url }}">{{ page.title }}</a>
+        <div class="art-menu-item-img">
             <img src="{{ artthumbs.first }}">
         </div>
     </li>
diff --git a/_includes/music-projects-list.html b/_includes/music-projects-list.html
new file mode 100644
index 0000000..d9a8595
--- /dev/null
+++ b/_includes/music-projects-list.html
@@ -0,0 +1,20 @@
+<ul class="music-project-list">
+{% for project in projects %}
+    <li class="music-project-list-item">
+        <a class="music-project-list-item-mask"
+           href="{{ project.url }}">
+            <span class="music-project-list-item-text">
+                {{ project.title }}
+            </span>
+            <strong>{{ project.description }}</strong>
+            {%- if project.roles -%}
+            <em>({{ project.roles | split: " " | join: ", "}})</em>
+            {%- endif -%}
+        </a>
+        <div class="music-project-list-item-img">
+            <img src="/art/logos/thumbs/{{ project.logo }}_thumb.png"
+            alt="{{ project.title }} logo">
+       </div>
+    </li>
+{% endfor %}
+</ul>
diff --git a/_includes/navigation.html b/_includes/navigation.html
index 0069ec8..ff9e372 100644
--- a/_includes/navigation.html
+++ b/_includes/navigation.html
@@ -1,8 +1,16 @@
 <nav>
 	<ul>
-		{% for item in site.data.navigation %}
-		<li><a href="{{ item.link }}" {% if page.url == item.link %}class="current"{% endif %}>{{ item.name }}</a></li>
-		{% endfor %}
+		{%- for item in site.data.navigation -%}
+			<li>
+				<a href="{{ item.link }}"
+				   {%- if page.url == item.link -%}
+				   class="current"
+				   {%- endif -%}>
+					{{ item.name }}
+				</a>
+			</li>
+		{%- endfor -%}
 	</ul>
-	<img src="/assets/img/aaoth-logo.png" alt="aaoth" width="376px" height="auto">
+	<img src="/assets/img/aaoth-logo.png" alt="aaoth"
+		 width="376px" height="auto">
 </nav>
-- 
cgit v1.2.3