add index title and bg image

src/showcase/nn-2024.vto

@@ -1,14 +1,16 @@
 ---
 url: /showcase/nn-2024/
 category: clientwork
+bgimage: /index_assets/nn2024-05kotobagaki.jpg
+indextitle: 美大生のポートフォリオサイト
 metas: 
   title: 芸術家・中原菜海様ポートフォリオサイト
   description: 彫刻作品等を制作しているクライアント様のポートフォリオサイトを制作しました。『作品の世界観や魅力が伝わり、制作者の名前を覚えてもらえることを目的としたサイトです。
   image: /index_assets/nn2024-01top.jpg
 ---
 <div data-name="component">
     <article class="cf pa4 mw9 center">
-      <img class="fl w-100  pv3 pa3-m pa4-l" src="../../index_assets/nn2024-01top.jpg" alt="thumbnail">
+      <img class="fl w-100  pv3 pa3-m pa4-l" src="/index_assets/nn2024-01top.jpg" alt="thumbnail">
       <header class="fl w-100 pa3-m pa4-l mb3 mb5-l">
         <div class="works-title">
           <span class="gray">clientwork/芸術家・中原菜海様</span><br><br>
@@ -34,17 +36,17 @@ metas:
       </header>
 
       <div>
-        <img class="fl w-100  pv3 pa3-m pa4-l" src="../../index_assets/nn2024-sp.jpg" alt="thumbnail">
+        <img class="fl w-100  pv3 pa3-m pa4-l" src="/index_assets/nn2024-sp.jpg" alt="thumbnail">
 
-        <img class="fl w-100 w-25-l pv3 pa3-m pa4-l" src="../../index_assets/nn2024-02profile.jpg"
+        <img class="fl w-100 w-25-l pv3 pa3-m pa4-l" src="/index_assets/nn2024-02profile.jpg"
           alt="thumbnail">
-        <img class="fl w-100   w-25-l pv3 pa3-m pa4-l" src="../../index_assets/nn2024-03works.jpg"
+        <img class="fl w-100   w-25-l pv3 pa3-m pa4-l" src="/index_assets/nn2024-03works.jpg"
           alt="thumbnail">
-        <img class="fl w-100  w-25-l pv3 pa3-m pa4-l" src="../../index_assets/nn2024-04works1.jpg"
+        <img class="fl w-100  w-25-l pv3 pa3-m pa4-l" src="/index_assets/nn2024-04works1.jpg"
           alt="thumbnail">
-        <img class="fl w-100   w-25-l pv3 pa3-m pa4-l" src="../../index_assets/nn2024-05kotobagaki.jpg"
+        <img class="fl w-100   w-25-l pv3 pa3-m pa4-l" src="/index_assets/nn2024-05kotobagaki.jpg"
           alt="thumbnail">
-          <img class="fl w-100   w-25-l pv3 pa3-m pa4-l" src="../../index_assets/nn2024-06contact.jpg"
+          <img class="fl w-100   w-25-l pv3 pa3-m pa4-l" src="/index_assets/nn2024-06contact.jpg"
           alt="thumbnail">
 
       </div>
@@ -79,8 +81,8 @@ metas:
             サイト利用のイメージを踏まえて、次のとおりペルソナを設定。</p>
           <br>
           <div class="fl w-100 w-50-m  pv3 pa3-m pa4-l">
-            <img src="../../index_assets/persona-a.svg" alt="thumbnail">
-            <img src="../../index_assets/persona-b.svg" alt="thumbnail">
+            <img src="/index_assets/persona-a.svg" alt="thumbnail">
+            <img src="/index_assets/persona-b.svg" alt="thumbnail">
           </div>
 
         </div>