collection update

content/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/index.md

@@ -21,71 +21,76 @@ collection_description: "原先房子格局其實是三房，但在預售屋客
 這個家跟別人最不一樣的地方，就是客廳、餐廳、廚房是在一個空間裡，煮飯、看電視、玩耍、工作、寫作業，無論做什麼，一家人都在一個空間裡陪伴彼此，所以特別設計了一個工作、用餐都很合適的餐桌，偶爾媽媽在餐廳工作、廚房煮飯，還可以看到爸爸跟孩子在客廳玩耍。風格上，一開始想要簡單舒適的北歐風，又覺得溫馨的日式風格很吸引人。後來考慮到屋外很多建案正在進行，風景並不美觀，也有很多粉塵，選擇安裝了VAF全室空氣清淨系統，加上媽媽很喜歡的白色木百葉，整個家有了一點點美式鄉村的風味，加上開放式的空間，家有了舒適又自在的生活感。成家的過程像是一關關的選擇遊戲，在追求理想生活與美好的堅持下，我們全家人都很滿意的這個溫馨舒適的家。"
 collection_slider: [
     {
-        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/78dfc1195b8a4038a0bdff06bd530352.webp",
+        "slide_img":"img/78dfc1195b8a4038a0bdff06bd530352.webp",
     "slide_text":"▲客廳維持整潔乾淨的秘訣，就是東西要有地方收，除了電視牆右邊的大收納櫃，我們挑選的沙發跟熟成吐司茶几都有收納功能。"
     },
     {
-        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/5a3b5bcb45114fe1819ab5e7a4641ffb.webp","slide_text":"▲房子原本的格局從玄關進屋後，廚房就在左側的動線上，右側是開放式的客餐廳。"
+        "slide_img":"img/5a3b5bcb45114fe1819ab5e7a4641ffb.webp","slide_text":"▲房子原本的格局從玄關進屋後，廚房就在左側的動線上，右側是開放式的客餐廳。"
     },
     {
-        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/04a642ce965644a2b09b25eb49a4a5ad.webp",
+        "slide_img":"img/04a642ce965644a2b09b25eb49a4a5ad.webp",
         "slide_text":"▲設計師利用牆面規劃了鞋櫃、隨手置物區、客廳收納、冰箱的位置，解決了原先擔心的收納問題。"
     },
     {
-        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/03984f382a1141769596a40d7fd886e9.webp",
+        "slide_img":"img/03984f382a1141769596a40d7fd886e9.webp",
         "slide_text":"▲兩座收納櫃對一家三口來說很充裕，除了鞋櫃、外出用品之外，也會收納一些生活備品。"
     },
     {
-        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/617c7c155b8940c9a7db1333c65b8cb1.webp",
+        "slide_img":"img/617c7c155b8940c9a7db1333c65b8cb1.webp",
         "slide_text":"▲客變時，自己跟建商溝通格局的調整，減少一道隔間後，多了一個可以放餐桌的地方。"
     },
      {
-        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/056bfff9283a4c65b5c370aaeea8f049.webp",
+        "slide_img":"img/056bfff9283a4c65b5c370aaeea8f049.webp",
         "slide_text":"▲很喜歡沙發後面就是餐桌的格局，這樣的設計全家人坐在餐桌上也能看電視，家人都很樂意在餐桌上一起用餐。"
     },
     {
-        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/7092849b423442c0afac90e9a06c9098.webp",
+        "slide_img":"img/7092849b423442c0afac90e9a06c9098.webp",
         "slide_text":"▲電視牆刷上灰色的特殊漆，簡單之中多了一些細節的層次，層板跟電視櫃創造很多展示空間，可以放紀念品、小比作品跟獎盃。"
     },
      {
-        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/ad3de65dbc694e2c9e44c1397f8153b2.webp",
+        "slide_img":"img/ad3de65dbc694e2c9e44c1397f8153b2.webp",
         "slide_text":"▲客餐廳中間，用木作搭了一道矮牆作為沙發的依靠，也把地面的插座延伸到牆面，可以在沙發上使用；同時也增加了小餐櫃，補充廚房不夠的電器櫃收納。"
     },
      {
-        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/1f73d97818644e96a8137f0282d3ae86.webp",
+        "slide_img":"img/1f73d97818644e96a8137f0282d3ae86.webp",
         "slide_text":"▲這個餐櫃是家中的小吧台，悠閒的假日，在這泡上一杯咖啡，全家人在這裡享受悠閒的時光。"
     },
      {
-        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/8b30f285fa3140a28f3814d62d1a023e.webp",
+        "slide_img":"img/8b30f285fa3140a28f3814d62d1a023e.webp",
         "slide_text":"▲餐桌是用中島調整高度修改的，這樣既可以有中島的收納功能，也可以有一般餐桌使用高度，孩子可以很容易的坐上餐桌，平時除了用餐，我們也會在這辦公、寫作業。"
     },
      {
-        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/95f496af99674bfea7e78b64ab667c3d.webp",
+        "slide_img":"img/95f496af99674bfea7e78b64ab667c3d.webp",
         "slide_text":"▲屋外有許多正在進行的建案，考慮到空氣品質跟景觀，家裡幾乎不開窗，後來挑選了木百葉取代窗簾，沒想到超級加分，保留了光線，也讓生活有了另一種風格。"
     },
      {
-        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/8cddab489f39481884974c4fef20db65.webp",
+        "slide_img":"img/8cddab489f39481884974c4fef20db65.webp",
         "slide_text":"▲大部分的時間全家人都在客廳，所以臥室以簡單的睡眠、收納機能為主。"
     },
      {
-        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/b0306dc95f49443d88da49583a0d57b4.webp",
+        "slide_img":"img/b0306dc95f49443d88da49583a0d57b4.webp",
         "slide_text":"▲因為客變時的調整，主臥室的衣櫥、生活動線都更寬裕了！小寶的設計師把衣櫃剩下的小角落也做收納，不浪費空間，也不會因為衣櫃的厚度而感受到壓迫。"
     },
      {
-        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/850c9857237140c09f24d719220d4a8c.webp",
+        "slide_img":"img/850c9857237140c09f24d719220d4a8c.webp",
         "slide_text":"▲粉灰色是兩人都很喜歡的顏色，搭配白色的圓滑處事化妝桌，跟窗戶灑下來的日光，有一種歲月靜好的感覺。"
     },
      {
-        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/5cc4c3aef90f4326a475ff4f2cae9400.webp",
+        "slide_img":"img/5cc4c3aef90f4326a475ff4f2cae9400.webp",
         "slide_text":"▲小比的房間當然選了最愛的粉紅色，現在我們還會輪流來陪小比睡覺，長大後這就是小比一個人的空間。"
     },
      {
-        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/3d9bd3c90fc741fcb5f9aa62f3d2bba6.webp",
+        "slide_img":"img/3d9bd3c90fc741fcb5f9aa62f3d2bba6.webp",
         "slide_text":"▲設計時，把從小到大的機能都考慮進去了，一整面的書櫃結合書桌，以及床頭的三斗櫃，讓小比的私人物品都可以好好收納。"
     },
      {
-        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/0b916b2d9c2141968bea142d9ebf58e5.webp",
+        "slide_img":"img/0b916b2d9c2141968bea142d9ebf58e5.webp",
         "slide_text":"▲衣櫃依照床的寬度設計，由於直接面向床，設計師特別把吊衣桿的高度做了調整，坐在床上順手就可以方便吊掛；上方的抽屜跟門片，也可以站在床上使用。"
     },
 ]
+remark_budget : "<table class='table table-bordered border-dark table1'><tbody><tr><th scope='row'>預算說明</th><td><p>成家總預算：111.9萬</p><P>（家具系統櫃：61.2萬；裝修裝潢估價：50.7萬)</P><P>＊裝修裝潢未使用小寶優居安心裝修服務</P><P>＊為提供更精準的預算說明，本案預算依照現時價格調整</P></td></tr></tbody></table>"
+design_space_img : "img/35ab3cdff640422a9f6f865ea8fbb01d.webp"
+Comment: "<p>還記得每次到門市，設計師們都會陪小比玩，小比後來還吵著要去找設計師哥哥姐姐呢！<p><br><p>一開始滿心期待有新家，許許多多對家的憧憬一一浮現，簡單溫馨的北歐風、日系那種窗明几淨的空間感、充裕的收納、玄關美美的花磚、客廳整面的百葉窗，還有最重要的：為了全家人的健康，我們想安裝一台VAF大型空淨機。感謝Chinnie在過程中，將我們腦海中的設計一一實現在設計圖上，並依照我們的使用習慣，改變系統櫃的機能、中島餐桌的高度…，才有了現在這個很適合我們的家。</p><br><p>有點可惜，這次統包沒有選擇小寶優居的安心裝修服務廠商，裝修是由朋友推薦的統包師傅施工，有些細節成果不太滿意，溝通上也滿費力的，如果有下次，會考慮用小寶優居推薦的安心裝修服務廠商，讓小寶優居幫忙把關、監工，我們也可以更省事。</p>"
+furniture_table : "<table class='table table-bordered border-dark table2'><tr><td style='width: 15%;'>空間</td><td>使用的家具、系統櫃</td></tr><tr><td style='width: 15%;'>客餐廳</td><td>把鞋子吊起來鞋櫃、今晚餐櫃、平安鞋櫃、樂高疊櫃、海天視聽櫃、忘憂架、熟成吐司、太空沙發、幸福雙人長凳、愛家中島、幸福餐椅、今晚餐櫃、小寶心情凳</td></tr><tr><td style='width: 15%;'>主臥</td><td>今晚餐櫃、樂高疊櫃、我愛三門衣櫃（我愛家庭）、格子抽屜、旋轉鏡架、雙人枕頭床頭6尺、玩色可掀式床架6尺、圓滑處事化妝桌、幸福餐椅</td></tr><tr><td style='width: 15%;'>次臥</td><td>靜思書桌、我愛衣櫃（我愛甘丹）、穿雲櫃、樂高疊櫃</td></tr></table>"
+decoration_list_table : "<table class='table table-bordered border-dark table2'><tr><td style='width: 15%;'>類別</td><td>裝修項目</td></tr><tr><td style='width: 15%;'>木工</td><td>客廳窗簾盒、電視牆上方包梁、沙發背牆、客廳平釘天花板、主臥窗簾盒、主臥平釘天花板、次臥包梁、次臥窗簾盒、次臥平釘天花板</td></tr><tr><td style='width: 15%;'>水電</td><td>打牆遷移電位、延伸電位、弱電延伸換新線、補迴路、嵌燈、偵煙</td></tr><tr><td style='width: 15%;'>油漆</td><td>打牆修補、跳色油漆、司曼特油漆、踢腳板拆除＋油漆修補</td></tr><tr><td style='width: 15%;'>地板</td><td>全室卡扣地板、門片修改高度</td></tr><tr><td style='width: 15%;'>泥作</td><td>玄關六角磚</td></tr><tr><td style='width: 15%;'>窗簾</td><td>木百葉</td></tr><tr><td style='width: 15%;'>保護清潔</td><td>梯廳、室內保護工程、細部清潔</td></tr><tr><td style='width: 15%;'>監工保固</td><td>--</td></tr></table>"
 ---

layouts/collection/single.html

@@ -103,7 +103,7 @@
             <div class="slider slider-for style_house_sec02_slide">
                 {{ range .Params.collection_slider }}
                 <div>
-                    <img class="img-fluid slide_single_img" src="{{ .slide_img | relURL }}" alt="">
+                    <img class="img-fluid slide_single_img" src="./{{ .slide_img }}" alt="">
                     <div class="slide_item_text">
                         <p> {{ .slide_text }} </p>
                         <!-- <p>圖說NotoJPMedium14級字行距28pt</p> -->
@@ -156,7 +156,7 @@
             <div class="slider slider-nav" style="margin-top: -10px;">
                 {{ range .Params.collection_slider }}
                 <div class="sec02_slide_item">
-                    <img class="img-fluid slide_img" src="{{ .slide_img | relURL }}" alt="">
+                    <img class="img-fluid slide_img" src="./{{ .slide_img }}" alt="">
                 </div>
                 {{ end }}
                 <!-- <div class="sec02_slide_item">
@@ -188,8 +188,10 @@
         <hr class="style_house_line">
     </div>
     <div class="style_house_sec03">
+        <h1 class="style_house_title">空間平面圖</h1>
+        <img class="img-fluid" src="./{{ .Params.design_space_img }}" alt="">
         <h1 class="style_house_title">成家預算</h1>
-        <table class="table table-bordered border-dark table1">
+        <!-- <table class="table table-bordered border-dark table1">
             <tbody>
                 <tr>
                     <th scope="row">預算說明</th>
@@ -200,9 +202,10 @@
                     </td>
                 </tr>
             </tbody>
-        </table>
+        </table> -->
+        {{ .Params.remark_budget | safeHTML}}
         <h1 class="style_house_title">系統櫃與家具一覽表</h1>
-        <table class="table table-bordered border-dark table2">
+        <!-- <table class="table table-bordered border-dark table2">
             <tbody>
                 <tr>
                     <th scope="row">空間</th>
@@ -236,9 +239,10 @@
                     </td>
                 </tr>
             </tbody>
-        </table>
+        </table> -->
+        {{ .Params.furniture_table | safeHTML}}
         <h1 class="style_house_title">裝修項目清單</h1>
-        <table class="table table-bordered border-dark table2">
+        <!-- <table class="table table-bordered border-dark table2">
             <tbody>
                 <tr>
                     <th scope="row">類別</th>
@@ -283,12 +287,14 @@
                     </td>
                 </tr>
             </tbody>
-        </table>
+        </table> -->
+        {{ .Params.decoration_list_table | safeHTML}}
+        
     </div>
     <hr class="style_house_line">
     <div class="style_house_sec04">
         <h1 class="style_house_title">屋主的話</h1>
-        <p>(圖片)</p>
+        <p class="fw-bold">{{ .Params.Comment | safeHTML }}</p>
     </div>
     <hr class="style_house_line">
     <div class="style_house_sec05">

themes/hugo-universal-theme-master/static/js/bhouse.js

@@ -38,7 +38,7 @@ $(".responsive").slick({
 // img_size();
 // };
 
-window.onload = () => {
+// window.onload = () => {
   // 直式輪播圖動態更改高度
   function changeHeight() {
     let firstImg = $('.style_house_sec02_slide div:first-child img');
@@ -105,7 +105,7 @@ window.onload = () => {
     // centerMode: true,
     focusOnSelect: true
   });
-};
+// };
 $(document).on("click", ".article__readMore", function (event) {
   $('.bhouseweb_loc_sec02').css('height', 'auto');
   $('.article__readMore').hide();