group pages and tagged detail pages

juliecogley · Feb 15, 2025 · c4b67ce · c4b67ce
1 parent 8e24908
commit c4b67ce
Show file tree

Hide file tree

Showing 8 changed files with 98 additions and 5 deletions.
diff --git a/src/showcase/group1.vto b/src/showcase/group1.vto
@@ -0,0 +1,36 @@
+---
+layout: layouts/base.vto
+indextitle: "コグレー珠里 ポートフォリオ: ウェブデザイン"
+indeximage: /assets/website-igor-miske-JVSgcV8_vb4-unsplash.jpg
+category: GROUP
+date: Git Last Modified
+description: "Group index page of the site, showing a list of web design works with a link to a bio page."
+priority: 0.9
+metas:
+  title: "コグレー珠里 ポートフォリオ: ウェブデザイン"
+  description: "Group index page of the site, showing a list of web design works with a link to a bio page."
+  image: /assets/website-igor-miske-JVSgcV8_vb4-unsplash.jpg
+---
+<!-- ===== START LAYOUT: HOME ===== -->
+
+<article class="fl w-100 bg-white">
+<h1 class="pl4 text-100">{{ indextitle }}</h1>
+{{ for item of search.pages(`type=showcase website`, "order=asc") }}
+<div class="fl w-100 w-50-m w-25-l pa4">
+  {{ if !item.hidelink }}<a href="{{ item.url }}" target="_blank">{{ /if }}
+    <div class="aspect-ratio aspect-ratio--1x1 shadow-1 br4">
+      <span style="background-image:url({{ item.indeximage }});" class="dt cover bg-center aspect-ratio--object grow hide-child br4">
+        <span class="white dtc v-mid w-100 h-100 child bg-black-40 pa5 br4"><em><span class="bg-white-40">{{ item.category }}
+        {{if item.url.includes("/private/")}}
+        <span class="dark-red">&nbsp;{{ "lock-laminated" |> phosphor("duotone") }}{{ "password" |> phosphor("duotone") }}</span>
+        {{/if}}
+        </span><br>{{ item.indextitle }}</em></span>
+      </span>
+    </div>
+  {{ if !item.hidelink }}</a>{{ /if }}
+</div>
+{{ /for }}
+</article>
+<div class="cf pa3 mw9 center"><!-- Needed to balance footer spacing --></div>
+
+<!-- ===== END LAYOUT: HOME ===== -->
diff --git a/src/index2.vto → src/showcase/group2.vto b/src/index2.vto → src/showcase/group2.vto
@@ -1,13 +1,20 @@
 ---
 layout: layouts/base.vto
-title: コグレー珠里 ポートフォリオ サイトのトップ
+indextitle: "コグレー珠里 ポートフォリオ: フライヤー"
+indeximage: /assets/flyer-jean-carlo-emer-Vz78ZGZJ9kI-unsplash.jpg
+category: GROUP
 date: Git Last Modified
-description: "Top page of the site, showing a list of works with a link to a bio page."
+description: "Group index page of the site, showing a list of flyer works with a link to a bio page."
 priority: 0.9
+metas:
+  title: "コグレー珠里 ポートフォリオ: フライヤー"
+  description: "Group index page of the site, showing a list of flyer works with a link to a bio page."
+  image: /assets/flyer-jean-carlo-emer-Vz78ZGZJ9kI-unsplash.jpg
 ---
 <!-- ===== START LAYOUT: HOME ===== -->
 
 <article class="fl w-100 bg-white">
+<h1 class="pl4 text-100">{{ indextitle }}</h1>
 {{ for item of search.pages(`type=showcase flyer`, "order=asc") }}
 <div class="fl w-100 w-50-m w-25-l pa4">
   {{ if !item.hidelink }}<a href="{{ item.url }}" target="_blank">{{ /if }}

diff --git a/src/showcase/group3.vto b/src/showcase/group3.vto
@@ -0,0 +1,36 @@
+---
+layout: layouts/base.vto
+indextitle: "コグレー珠里 ポートフォリオ: 絵画"
+indeximage: /assets/art-kelly-sikkema-Rq1MLxP5RgI-unsplash.jpg
+category: GROUP
+date: Git Last Modified
+description: "Group index page of the site, showing a list of art works with a link to a bio page."
+priority: 0.9
+metas:
+  title: "コグレー珠里 ポートフォリオ: 絵画"
+  description: "Group index page of the site, showing a list of art works with a link to a bio page."
+  image: /assets/art-kelly-sikkema-Rq1MLxP5RgI-unsplash.jpg
+---
+<!-- ===== START LAYOUT: HOME ===== -->
+
+<article class="fl w-100 bg-white">
+<h1 class="pl4 text-100">{{ indextitle }}</h1>
+{{ for item of search.pages(`type=showcase art`, "order=asc") }}
+<div class="fl w-100 w-50-m w-25-l pa4">
+  {{ if !item.hidelink }}<a href="{{ item.url }}" target="_blank">{{ /if }}
+    <div class="aspect-ratio aspect-ratio--1x1 shadow-1 br4">
+      <span style="background-image:url({{ item.indeximage }});" class="dt cover bg-center aspect-ratio--object grow hide-child br4">
+        <span class="white dtc v-mid w-100 h-100 child bg-black-40 pa5 br4"><em><span class="bg-white-40">{{ item.category }}
+        {{if item.url.includes("/private/")}}
+        <span class="dark-red">&nbsp;{{ "lock-laminated" |> phosphor("duotone") }}{{ "password" |> phosphor("duotone") }}</span>
+        {{/if}}
+        </span><br>{{ item.indextitle }}</em></span>
+      </span>
+    </div>
+  {{ if !item.hidelink }}</a>{{ /if }}
+</div>
+{{ /for }}
+</article>
+<div class="cf pa3 mw9 center"><!-- Needed to balance footer spacing --></div>
+
+<!-- ===== END LAYOUT: HOME ===== -->
diff --git a/src/showcase/hachijojima-sunset_watercolor.vto b/src/showcase/hachijojima-sunset_watercolor.vto
@@ -5,8 +5,11 @@ order: 900
 category: hobby
 indeximage: /assets/suisai2.jpg
 indextitle: 夕陽の八丈小島
-metas: 
+metas:
   title: 夕陽の八丈小島
   description: 「夕陽の八丈小島」を描いてみました
   image: /assets/suisai2.jpg
+tags:
+  - art
+  - watercolor
 ---
diff --git a/src/showcase/maruntain-top_tshirt.vto b/src/showcase/maruntain-top_tshirt.vto
@@ -8,6 +8,10 @@ metas:
   title: Tシャツのイラストデザイン
   description: 愛犬まるを山に見立てて描きました。山頂"マルンテン・トップ"には、旗が立てられています。
   image: /assets/maruntain-top.png
+tags:
+  - art
+  - illustration
+  - tshirt
 ---
 
 <div data-name="component">

diff --git a/src/showcase/nn-2024.vto b/src/showcase/nn-2024.vto
@@ -4,6 +4,8 @@ order: 100
 category: clientwork
 indeximage: /assets/nn2024-05kotobagaki.jpg
 indextitle: 美大生のポートフォリオサイト
+tags:
+  - website
 metas:
   title: 芸術家・中原菜海様ポートフォリオサイト
   description: 彫刻作品等を制作しているクライアント様のポートフォリオサイトを制作しました。『作品の世界観や魅力が伝わり、制作者の名前を覚えてもらえることを目的としたサイトです。

diff --git a/src/showcase/sea-turtle_painting.vto b/src/showcase/sea-turtle_painting.vto
@@ -5,8 +5,11 @@ order: 800
 category: hobby
 indeximage: /assets/uminohi.jpg
 indextitle: かめとこども
-metas: 
+metas:
   title: かめとこども
   description: 海の日ポスターコンクール2024応募作品『かめとこども』
   image: /assets/uminohi.jpg
+tags:
+  - art
+  - color-pencil
 ---
diff --git a/src/showcase/youtube-gadget_flyer.vto b/src/showcase/youtube-gadget_flyer.vto
@@ -5,10 +5,12 @@ order: 400
 category: classwork
 indeximage: /assets/youtube.jpg
 indextitle: YouTube Gadget サムネイル
-metas: 
+metas:
   title: YouTube Gadget サムネイル
   description: YouTube Gadget サムネイル
   image: /assets/youtube.jpg
+tags:
+  - flyer
 ---
 
 asdf