aboutsummaryrefslogtreecommitdiffstats
path: root/_includes
diff options
context:
space:
mode:
authorla-ninpre <leobrekalini@gmail.com>2021-08-20 22:39:54 +0300
committerla-ninpre <leobrekalini@gmail.com>2021-08-20 22:39:54 +0300
commita7a43fa5e99ebda7905604306ec2cf0b03c425f7 (patch)
treeb64934abbfe55d8a177fbda0987329d0b395d6f5 /_includes
parent5dade15bc9063352cd711bec0b7220924d2fd13d (diff)
downloadaaoth.xyz-a7a43fa5e99ebda7905604306ec2cf0b03c425f7.tar.gz
aaoth.xyz-a7a43fa5e99ebda7905604306ec2cf0b03c425f7.zip
make music project list page look like art menu
also snippet that makes art menu is now separated as mixin (very powerful thing, btw).
Diffstat (limited to '_includes')
-rw-r--r--_includes/art-menu.html6
-rw-r--r--_includes/music-projects-list.html20
-rw-r--r--_includes/navigation.html16
3 files changed, 35 insertions, 7 deletions
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>