add categories to art page

whooah!

there is some tough liquid-tagging involved.

19 files changed, 80 insertions, 10 deletions

diff --git a/_config.yml b/_config.yml
index 6cb69dd..a74072f 100644
--- a/_config.yml
+++ b/_config.yml
@@ -27,6 +27,6 @@ defaults:
       image: true
 
   - scope:
-      path: "assets/img/art"
+      path: "art"
     values:
       art: true
diff --git a/_includes/art-menu.html b/_includes/art-menu.html
new file mode 100644
index 0000000..08a50d8
--- /dev/null
+++ b/_includes/art-menu.html
@@ -0,0 +1,22 @@
+<div class="art-menu">
+{%- for page in site.pages -%}
+    {%- assign pagedir = page.dir | remove_first: "/" | split: "/" -%}
+    {%- capture arts -%}
+    {%- for file in site.static_files -%}
+        {%- if file.art and file.path contains page.title -%}
+            {{ file.path }}
+        {%- endif -%}
+    {%- endfor -%}
+    {%- endcapture -%}
+    {% assign artpics = arts | strip_newlines | split: " " %}
+    {%- if pagedir.first == "art" and pagedir.size > 1 -%}
+    <div class="art-category">
+        <a href="{{ page.url }}">
+            {{ page.title }}
+            <br>
+            <img src="{{ artpics.first }}">
+        </a> 
+    </div>
+    {% endif %}
+{%- endfor -%}
+</div>
diff --git a/_includes/pic-path.html b/_includes/pic-path.html
new file mode 100644
index 0000000..fed2367
--- /dev/null
+++ b/_includes/pic-path.html
@@ -0,0 +1,8 @@
+{%- capture arts -%}
+{%- for file in site.static_files -%}
+    {%- if file.art and file.path contains page.title -%}
+        {{ file.path }}
+    {% endif %}
+{%- endfor -%}
+{%- endcapture -%}
+{% assign artpics = arts | split: " " %}
diff --git a/_layouts/art-category.html b/_layouts/art-category.html
new file mode 100644
index 0000000..fb70a11
--- /dev/null
+++ b/_layouts/art-category.html
@@ -0,0 +1,18 @@
+---
+layout: default
+---
+
+<h1>{{ page.title }}</h1>
+
+{{ content }}
+
+{%- include pic-path.html -%} <!-- provides artpics array -->
+
+<div class="art">
+{%- for imgpath in artpics -%}
+    {% assign imgname = imgpath | split: "/" | last | split: "." | first %}
+    <div class="art-img">
+        <img src="{{ imgpath }}" alt="{{ imgname }}">
+    </div>
+{% endfor %}
+</div>
diff --git a/_sass/main.scss b/_sass/main.scss
index 9182e59..cdb979d 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -160,6 +160,19 @@ ul {
     }
 }
 
+.art-menu {
+    display: flex;
+    flex-flow: row wrap;
+    align-items: flex-start;
+    justify-content: space-around;
+    .art-category {
+        img {
+           width: 100%;
+           height: auto;
+        }
+    }
+}
+
 .art {
     display: flex;
     flex-flow: row wrap;
diff --git a/art.md b/art.md
index a541b2b..c18ff00 100644
--- a/art.md
+++ b/art.md
@@ -3,16 +3,8 @@ title: art
 permalink: /art/
 ---
 
-{% assign image_files = site.static_files | where: "art", true %}
-
 here are some photos and pictures.
 
 feel free to use them if and as you wish (don't forget to attribute).
 
-<div class="art">
-{% for img in image_files %}
-    <div class="art-img">
-        <img src="{{ img.path }}" alt="{{ img.name }}">
-    </div>
-{% endfor %}
-</div>
+{% include art-menu.html %}
diff --git a/art/photos.md b/art/photos.md
new file mode 100644
index 0000000..6f5728d
--- /dev/null
+++ b/art/photos.md
@@ -0,0 +1,9 @@
+---
+title: photos
+permalink: /art/photos/
+layout: art-category
+---
+
+photos taken in different times and various circumstances.
+
+i'm not a professional photographer, but i have something to show.
diff --git a/assets/img/art/20180219_164315-01.jpeg b/art/photos/botany.jpeg
index f2c7889..f2c7889 100644
--- a/assets/img/art/20180219_164315-01.jpeg
+++ b/art/photos/botany.jpeg
diff --git a/assets/img/art/20180513_173750-1.jpg b/art/photos/forest_ray.jpg
index 56845c7..56845c7 100644
--- a/assets/img/art/20180513_173750-1.jpg
+++ b/art/photos/forest_ray.jpg
diff --git a/assets/img/art/20180824_182003.jpg b/art/photos/pyramid.jpg
index d439f6f..d439f6f 100644
--- a/assets/img/art/20180824_182003.jpg
+++ b/art/photos/pyramid.jpg
diff --git a/assets/img/art/20180708_165013.jpg b/art/photos/snail.jpg
index 35b3175..35b3175 100644
--- a/assets/img/art/20180708_165013.jpg
+++ b/art/photos/snail.jpg
diff --git a/assets/img/art/20180422_170414.jpg b/art/photos/sunken_wood.jpg
index 4b03ae5..4b03ae5 100644
--- a/assets/img/art/20180422_170414.jpg
+++ b/art/photos/sunken_wood.jpg
diff --git a/art/renders.md b/art/renders.md
new file mode 100644
index 0000000..8426957
--- /dev/null
+++ b/art/renders.md
@@ -0,0 +1,8 @@
+---
+title: renders
+permalink: /art/renders/
+layout: art-category
+---
+
+computer graphics is small part of my life too.
+i'm working primarily in [blender](https://blender.org).
diff --git a/art/renders/cat-model.jpg b/art/renders/cat-model.jpg
new file mode 100644
index 0000000..89eb3e2
--- /dev/null
+++ b/art/renders/cat-model.jpg
diff --git a/art/renders/grb-pic.jpg b/art/renders/grb-pic.jpg
new file mode 100644
index 0000000..d45be9a
--- /dev/null
+++ b/art/renders/grb-pic.jpg
diff --git a/art/renders/heads.jpg b/art/renders/heads.jpg
new file mode 100644
index 0000000..09c0bc8
--- /dev/null
+++ b/art/renders/heads.jpg
diff --git a/art/renders/partyofthedead.jpg b/art/renders/partyofthedead.jpg
new file mode 100644
index 0000000..729ce02
--- /dev/null
+++ b/art/renders/partyofthedead.jpg
diff --git a/art/renders/proc_cake_cgmatter.gif b/art/renders/proc_cake_cgmatter.gif
new file mode 100644
index 0000000..6d527e5
--- /dev/null
+++ b/art/renders/proc_cake_cgmatter.gif
diff --git a/art/renders/rayfield.jpg b/art/renders/rayfield.jpg
new file mode 100644
index 0000000..49957f7
--- /dev/null
+++ b/art/renders/rayfield.jpg