Sample page to filter tagged showcase items

src/index2.vto

@@ -0,0 +1,29 @@
+---
+layout: layouts/base.vto
+title: コグレー珠里 ポートフォリオ サイトのトップ
+date: Git Last Modified
+description: "Top page of the site, showing a list of works with a link to a bio page."
+priority: 0.9
+---
+<!-- ===== START LAYOUT: HOME ===== -->
+
+<article class="fl w-100 bg-white">
+{{ for item of search.pages(`type=showcase flyer`, "order=asc") }}
+<div class="fl w-100 w-50-m w-25-l pv3 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 ===== -->

src/showcase/fire-extinguisher_flyer.vto

@@ -8,6 +8,8 @@ metas:
   title: 自治体の消火器あっせん販売チラシ
   description: 現職の仕事で、家庭用消火器のあっせんチラシを制作しました。
   image: /assets/fire-extinguisher_flyer.jpg
+tags:
+  - flyer
 ---
 
 <div data-name="component">

src/showcase/kanshin-breaker-shikyuu_flyer.vto

@@ -4,6 +4,8 @@ order: 600
 category: work
 indeximage: /assets/kanshin-breaker-shikyuu_flyer.png
 indextitle: 感震ブレーカー無料支給チラシ
+tags:
+  - flyer
 metas:
   title: 感震ブレーカー無料支給チラシ
   description: 現職の仕事で、感震ブレーカーの無料支給事業に関するチラシを制作しました。

src/showcase/kanshin-breaker_flyer.vto

@@ -4,6 +4,8 @@ order: 500
 category: work
 indeximage: /assets/kanshin-breaker_flyer01.png
 indextitle: 自治体の感震ブレーカー普及啓発チラシ
+tags:
+  - flyer
 metas:
   title: 自治体の感震ブレーカー普及啓発チラシ
   description: 現職の仕事で、防災用品「感震ブレーカー」のチラシを制作しました。感震ブレーカーとは、分電盤に取り付けて、設定値以上の揺れを感知すると自動で電気を止める器具です。