From 97c19c29cd3b9d7d69e103b6b78cd299a6428086 Mon Sep 17 00:00:00 2001
From: la-ninpre <leobrekalini@gmail.com>
Date: Tue, 23 Feb 2021 14:23:15 +0300
Subject: add categories to art page

whooah!

there is some tough liquid-tagging involved.
---
 _config.yml                            |   2 +-
 _includes/art-menu.html                |  22 ++++++++++++++++++++++
 _includes/pic-path.html                |   8 ++++++++
 _layouts/art-category.html             |  18 ++++++++++++++++++
 _sass/main.scss                        |  13 +++++++++++++
 art.md                                 |  10 +---------
 art/photos.md                          |   9 +++++++++
 art/photos/botany.jpeg                 | Bin 0 -> 1650147 bytes
 art/photos/forest_ray.jpg              | Bin 0 -> 1794012 bytes
 art/photos/pyramid.jpg                 | Bin 0 -> 2578973 bytes
 art/photos/snail.jpg                   | Bin 0 -> 1595652 bytes
 art/photos/sunken_wood.jpg             | Bin 0 -> 1545167 bytes
 art/renders.md                         |   8 ++++++++
 art/renders/cat-model.jpg              | Bin 0 -> 219858 bytes
 art/renders/grb-pic.jpg                | Bin 0 -> 384254 bytes
 art/renders/heads.jpg                  | Bin 0 -> 4550189 bytes
 art/renders/partyofthedead.jpg         | Bin 0 -> 220366 bytes
 art/renders/proc_cake_cgmatter.gif     | Bin 0 -> 1704524 bytes
 art/renders/rayfield.jpg               | Bin 0 -> 438965 bytes
 assets/img/art/20180219_164315-01.jpeg | Bin 1650147 -> 0 bytes
 assets/img/art/20180422_170414.jpg     | Bin 1545167 -> 0 bytes
 assets/img/art/20180513_173750-1.jpg   | Bin 1794012 -> 0 bytes
 assets/img/art/20180708_165013.jpg     | Bin 1595652 -> 0 bytes
 assets/img/art/20180824_182003.jpg     | Bin 2578973 -> 0 bytes
 24 files changed, 80 insertions(+), 10 deletions(-)
 create mode 100644 _includes/art-menu.html
 create mode 100644 _includes/pic-path.html
 create mode 100644 _layouts/art-category.html
 create mode 100644 art/photos.md
 create mode 100644 art/photos/botany.jpeg
 create mode 100644 art/photos/forest_ray.jpg
 create mode 100644 art/photos/pyramid.jpg
 create mode 100644 art/photos/snail.jpg
 create mode 100644 art/photos/sunken_wood.jpg
 create mode 100644 art/renders.md
 create mode 100644 art/renders/cat-model.jpg
 create mode 100644 art/renders/grb-pic.jpg
 create mode 100644 art/renders/heads.jpg
 create mode 100644 art/renders/partyofthedead.jpg
 create mode 100644 art/renders/proc_cake_cgmatter.gif
 create mode 100644 art/renders/rayfield.jpg
 delete mode 100644 assets/img/art/20180219_164315-01.jpeg
 delete mode 100644 assets/img/art/20180422_170414.jpg
 delete mode 100644 assets/img/art/20180513_173750-1.jpg
 delete mode 100644 assets/img/art/20180708_165013.jpg
 delete mode 100644 assets/img/art/20180824_182003.jpg

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/art/photos/botany.jpeg b/art/photos/botany.jpeg
new file mode 100644
index 0000000..f2c7889
Binary files /dev/null and b/art/photos/botany.jpeg differ
diff --git a/art/photos/forest_ray.jpg b/art/photos/forest_ray.jpg
new file mode 100644
index 0000000..56845c7
Binary files /dev/null and b/art/photos/forest_ray.jpg differ
diff --git a/art/photos/pyramid.jpg b/art/photos/pyramid.jpg
new file mode 100644
index 0000000..d439f6f
Binary files /dev/null and b/art/photos/pyramid.jpg differ
diff --git a/art/photos/snail.jpg b/art/photos/snail.jpg
new file mode 100644
index 0000000..35b3175
Binary files /dev/null and b/art/photos/snail.jpg differ
diff --git a/art/photos/sunken_wood.jpg b/art/photos/sunken_wood.jpg
new file mode 100644
index 0000000..4b03ae5
Binary files /dev/null and b/art/photos/sunken_wood.jpg differ
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
Binary files /dev/null and b/art/renders/cat-model.jpg differ
diff --git a/art/renders/grb-pic.jpg b/art/renders/grb-pic.jpg
new file mode 100644
index 0000000..d45be9a
Binary files /dev/null and b/art/renders/grb-pic.jpg differ
diff --git a/art/renders/heads.jpg b/art/renders/heads.jpg
new file mode 100644
index 0000000..09c0bc8
Binary files /dev/null and b/art/renders/heads.jpg differ
diff --git a/art/renders/partyofthedead.jpg b/art/renders/partyofthedead.jpg
new file mode 100644
index 0000000..729ce02
Binary files /dev/null and b/art/renders/partyofthedead.jpg differ
diff --git a/art/renders/proc_cake_cgmatter.gif b/art/renders/proc_cake_cgmatter.gif
new file mode 100644
index 0000000..6d527e5
Binary files /dev/null and b/art/renders/proc_cake_cgmatter.gif differ
diff --git a/art/renders/rayfield.jpg b/art/renders/rayfield.jpg
new file mode 100644
index 0000000..49957f7
Binary files /dev/null and b/art/renders/rayfield.jpg differ
diff --git a/assets/img/art/20180219_164315-01.jpeg b/assets/img/art/20180219_164315-01.jpeg
deleted file mode 100644
index f2c7889..0000000
Binary files a/assets/img/art/20180219_164315-01.jpeg and /dev/null differ
diff --git a/assets/img/art/20180422_170414.jpg b/assets/img/art/20180422_170414.jpg
deleted file mode 100644
index 4b03ae5..0000000
Binary files a/assets/img/art/20180422_170414.jpg and /dev/null differ
diff --git a/assets/img/art/20180513_173750-1.jpg b/assets/img/art/20180513_173750-1.jpg
deleted file mode 100644
index 56845c7..0000000
Binary files a/assets/img/art/20180513_173750-1.jpg and /dev/null differ
diff --git a/assets/img/art/20180708_165013.jpg b/assets/img/art/20180708_165013.jpg
deleted file mode 100644
index 35b3175..0000000
Binary files a/assets/img/art/20180708_165013.jpg and /dev/null differ
diff --git a/assets/img/art/20180824_182003.jpg b/assets/img/art/20180824_182003.jpg
deleted file mode 100644
index d439f6f..0000000
Binary files a/assets/img/art/20180824_182003.jpg and /dev/null differ
-- 
cgit v1.2.3