Merge branch 'master' of http://git.choozmo.com:3000/choozmo/New-Bhouse-Web

content/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/index.md

@@ -19,6 +19,8 @@ budget: "111.9萬"
 construction: "昂峰謙若樹"
 collection_description: "原先房子格局其實是三房，但在預售屋客變階段，我們跟建商溝通，把本來一房的空間，變成現在的開放式餐廳，也分了一些給主臥、次臥，家裡的空間變得更寬裕了。
 這個家跟別人最不一樣的地方，就是客廳、餐廳、廚房是在一個空間裡，煮飯、看電視、玩耍、工作、寫作業，無論做什麼，一家人都在一個空間裡陪伴彼此，所以特別設計了一個工作、用餐都很合適的餐桌，偶爾媽媽在餐廳工作、廚房煮飯，還可以看到爸爸跟孩子在客廳玩耍。風格上，一開始想要簡單舒適的北歐風，又覺得溫馨的日式風格很吸引人。後來考慮到屋外很多建案正在進行，風景並不美觀，也有很多粉塵，選擇安裝了VAF全室空氣清淨系統，加上媽媽很喜歡的白色木百葉，整個家有了一點點美式鄉村的風味，加上開放式的空間，家有了舒適又自在的生活感。成家的過程像是一關關的選擇遊戲，在追求理想生活與美好的堅持下，我們全家人都很滿意的這個溫馨舒適的家。"
+meta_title :
+meta_description: 
 collection_slider: [
     {
         "slide_img":"img/78dfc1195b8a4038a0bdff06bd530352.webp",
@@ -89,9 +91,9 @@ collection_slider: [
         "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>"
+remark_budget : "<table class='table table-bordered 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>"
+furniture_table : "<table class='table table-bordered 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  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>"
 ---

content/maincategories/pre-sale_tenants_become_lazy_packs/index.md

@@ -7,6 +7,7 @@ url: "/maincategories/pre-sale_tenants_become_lazy_packs/"
 image: "/img/blog/boutique_hotel_slightly_drunk_chill_house_2.webp"
 categories: ["認識裝修裝潢"]
 description: "「我買了預售屋，有很多客變的想法！建設公司通知我要客變了，但我不知道這樣做好不好？」"
+uestion_box_intro : 小寶優居的客變懶人包將幫你解決以下客變問題"
 ---
 <img class="w-100" src="/img/collection/boutique_hotel_slightly_drunk_chill_house_2.webp" alt="">
 <div class="img-text">

layouts/collection/single.html

@@ -1,7 +1,7 @@
 {{ define "main" }}
 <section class="bhouseweb_loc_banner d-md-none d-block">
     <div class="card bg-transparent text-white border-0 rounded-0">
-        <img src="{{ .Params.cover_img}}" class="banner-img card-img" alt="...">
+        <img src="/img/bn_portfolio2x.png" class="banner-img card-img" alt="...">
     </div>
 </section>
 <div class="style_house_ads">
@@ -47,14 +47,14 @@
         <div class="style_house_sec01_box">
             <div class="style_house_sec01_box-1">
                 <div class="row px-0 mx-0">
-                    <div class="col-4 ol-md-6 d-flex align-items-end justify-content-center">
+                    <div class="col-4 ol-md-4 d-flex align-items-end justify-content-center px-0">
                         <div>
                             <h3 class="fw-bold">{{ .Params.space | safeHTML}}</h3>
                             <!-- <h3 class="fw-bold">書房 主臥</h3> -->
                             <p>設計空間</p>
                         </div>
                     </div>
-                    <div class="col-8 col-md-6 d-flex align-items-end justify-content-center px-0">
+                    <div class="col-8 col-md-8 d-flex align-items-end justify-content-center px-0">
                         <div>
                             <h3 class="fw-bold">{{ .Params.budget}}</h3>
                             <p>總預算(含設計/裝修/裝潢/系統櫃/家具)</p>

layouts/maincategories/single.html

@@ -1,40 +1,48 @@
 {{ define "main" }}
 <div class="container-fluid blog_article p-0">
-  <section class="bhouseweb_loc_banner">
-    <img src="/img/banner/bn_blog@2x.png" class="banner-img card-img" alt="...">
-  </section>
-  <div class="content">
-
-    <h3>{{ .Title }}</h3>
-    <div class="d-flex justify-content-between align-items-center">
-      <span>{{ .PublishDate.Format "2006-01-02" }}</span>
-      <div class="icon-box">
-        <a href=""><img src="/img/icon_fb@2x.png" alt=""></a>
-        <a href=""><img src="/img/icon_line@2x.png" alt=""></a>
+    <section class="bhouseweb_loc_banner">
+      <img src="/img/banner/bn_blog@2x.png" class="banner-img card-img" alt="...">
+    </section>
+    <div class="content">
+      
+        <h3>{{ .Title }}</h3>
+        <div class="d-flex justify-content-between align-items-center">
+          <span>{{ .PublishDate.Format "2006-01-02" }}</span>
+          <div class="icon-box">
+            <a href=""><img src="/img/icon_fb@2x.png" alt=""></a>
+            <a href=""><img src="/img/icon_line@2x.png" alt=""></a>
+          </div>
+        </div>
+        <span class="line"></span>
+        <p>「我買了預售屋，有很多客變的想法！建設公司通知我要客變了，但我不知道這樣做好不好？」</p>
+      <br>
+      <p>「客變」是許多人在成家過程中遇到的第一個考題，對新手買房的屋主來說，要在短時間決定影響未來生活機
+        能的客變項目，甚至在對格局、生活需求沒有想像時，決定要做哪些更動，是有難度的。</p>
+      <br>
+      <div class="question-box">
+        {{ .Params.question_box_intro }}
+        {{ .TableOfContents }}
       </div>
-    </div>
-    <span class="line"></span>
-    <p>「我買了預售屋，有很多客變的想法！建設公司通知我要客變了，但我不知道這樣做好不好？」</p>
-    <br>
-    <p>「客變」是許多人在成家過程中遇到的第一個考題，對新手買房的屋主來說，要在短時間決定影響未來生活機
-      能的客變項目，甚至在對格局、生活需求沒有想像時，決定要做哪些更動，是有難度的。</p>
-    <br>
-    <div class="question-box">
-      <!-- <ul>
-          <li>小寶優居的客變懶人包將幫你解決以下客變問題：</li>
-          <li>1. <a href="">客變是什麼？為什麼要客變？</a></li>
-          <li>2. <a href="">客變可更變的內容有哪些？</a></li>
-          <li>3. <a href="">客變到底是省錢還是花錢？客變怎麼省錢？會產生哪些費用？</a></li>
-          <li>4. <a href="">常見的客變需求與建議？我想這樣客變好不好？</a></li>
-          <li>5. <a href="">設計師協助客變的流程？</a></li>
-        </ul> -->
-      {{ .TableOfContents }}
-    </div>
-
-    <div class="blog-content">
-      <div class="container-fluid blog_article p-0">
+     
+      <div class="blog-content">
         {{ .Content }}
       </div>
+      
+      <a class="nav-link" href="/maincategories">
+        <p class="readMore text-center">
+          <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到成家知識庫
+        </p>
+      </a>
+
+
+      <ul class="read-more-list">
+        <li>你可能會喜歡的，延伸閱讀點擊標題，看更多設計專欄！</li>
+        <li><a href="">【居家風格】 60萬以下 ↓ 超有氛圍的成家夢想</a></li>
+        <li><a href="">【認識裝潢裝修】 模組系統櫃板材等級挑選5攻略</a></li>
+        <li><a href="">【認識裝潢裝修】 11-20坪 小坪數裝潢裝修，規劃師教你小宅打造大空間</a></li>
+        <li><a href="">【認識裝潢裝修】 什麼是輕裝修？輕裝修的定義是什麼？輕裝修包含什麼呢？</a></li>
+        <li><a href="">【規劃師服務】 什麼是規劃師？連室內設計師都推薦的「規劃師服務」</a></li>
+      </ul>
     </div>
 
     <a class="nav-link" href="/maincategories">

themes/hugo-universal-theme-master/static/css/style.bhouse.css

@@ -1101,6 +1101,15 @@ img {
   background: #fff;
 }
 
+<<<<<<< HEAD
+=======
+@media screen and (max-width: 991px) {
+  .style_house_ads {
+    padding-top: 13px;
+  }
+}
+
+>>>>>>> 1c609b02ee19bc3828a818bc1da2ad8aaf04e8d3
 .style_house_ads .style_house_text {
   width: 80.5%;
   margin: 0 auto;
@@ -1140,7 +1149,7 @@ img {
   color: #4c660b;
   font-size: 1.4rem;
   letter-spacing: 3px;
-  margin-bottom: 50px;
+  margin-bottom: 25px;
   font-family: NSJP-700;
 }
 
@@ -1216,8 +1225,15 @@ img {
 }
 
 .style_house_sec01 .style_house_sec01_box-1 {
-  width: 90%;
-  margin: 0 auto;
+  width: 71%;
+  margin-left: 20%;
+}
+
+@media screen and (max-width: 767px) {
+  .style_house_sec01 .style_house_sec01_box-1 {
+    margin-left: 4%;
+    width: 90%;
+  }
 }
 
 .style_house_sec02 {
@@ -1259,7 +1275,7 @@ img {
 
 @media screen and (max-width: 767px) {
   .style_house_sec02 p {
-    font-size: 0.6rem;
+    font-size: 1rem;
   }
 }
 
@@ -1283,6 +1299,8 @@ img {
   margin-top: 30px;
   margin-bottom: 50px;
   font-weight: 600;
+  border-color: grey;
+  border-spacing: 2px;
 }
 
 .style_house_sec03 .table1 th {
@@ -1290,23 +1308,31 @@ img {
   width: 15%;
   padding-left: 15px;
   padding-top: 10px;
+  font-family: NSJP-400;
 }
 
 @media screen and (max-width: 767px) {
   .style_house_sec03 .table1 th {
-    width: 25%;
-    font-size: 0.6rem;
+    width: 15%;
+    font-size: 1rem;
   }
 }
 
 .style_house_sec03 .table1 td {
+  font-weight: 600;
   padding: 15px;
 }
 
+.style_house_sec03 .table1 td p {
+  font-weight: 600;
+  font-family: NSJP-400 !important;
+}
+
 @media screen and (max-width: 767px) {
   .style_house_sec03 .table1 td {
     padding: 5px;
-    font-size: 0.6rem;
+    font-size: 1rem;
+    font-family: NSJP-500 !important;
   }
 }
 
@@ -1314,29 +1340,39 @@ img {
   margin-top: 30px;
   margin-bottom: 50px;
   font-weight: 600;
+  border-color: grey;
+  border-spacing: 2px;
 }
 
 .style_house_sec03 .table2 th {
   width: 15%;
   padding-left: 15px;
   padding-top: 10px;
+  font-family: NSJP-500 !important;
+}
+
+.style_house_sec03 .table2 td {
+  font-family: NSJP-400;
 }
 
 @media screen and (max-width: 767px) {
   .style_house_sec03 .table2 th {
     width: 25%;
-    font-size: 0.6rem;
+    font-size: 1rem;
+    font-family: NSJP-500 !important;
   }
 }
 
 .style_house_sec03 .table2 td p {
   margin-bottom: 0;
   line-height: 2;
+  font-weight: 600;
+  font-family: NSJP-500 !important;
 }
 
 @media screen and (max-width: 767px) {
   .style_house_sec03 .table2 td p {
-    font-size: 0.6rem;
+    font-size: 1rem;
   }
 }
 

themes/hugo-universal-theme-master/static/css/style.bhouse.scss

@@ -1118,9 +1118,15 @@ img {
 .style_house_ads {
   padding: 15px;
   background: #fff;
+<<<<<<< HEAD
   // @media screen and (max-width: 991px) {
   //   padding-top: 100px;
   // }
+=======
+  @media screen and (max-width: 991px) {
+    padding-top: 13px;
+  }
+>>>>>>> 1c609b02ee19bc3828a818bc1da2ad8aaf04e8d3
 }
 
 .style_house_ads .style_house_text {
@@ -1162,7 +1168,7 @@ img {
   color: #4c660b;
   font-size: 1.4rem;
   letter-spacing: 3px;
-  margin-bottom: 50px;
+  margin-bottom: 25px;
   font-family: NSJP-700;
 }
 
@@ -1238,8 +1244,12 @@ img {
 }
 
 .style_house_sec01 .style_house_sec01_box-1 {
+  width: 71%;
+ margin-left: 20%;
+ @media screen and (max-width: 767px) {
+  margin-left: 4%;
   width: 90%;
-  margin: 0 auto;
+ }
 }
 
 .style_house_sec02 {
@@ -1290,7 +1300,7 @@ img {
 
 @media screen and (max-width: 767px) {
   .style_house_sec02 p {
-    font-size: 0.6rem;
+    font-size: 1rem;
   }
 }
 
@@ -1314,6 +1324,8 @@ img {
   margin-top: 30px;
   margin-bottom: 50px;
   font-weight: 600;
+  border-color: grey;
+  border-spacing: 2px;
 }
 
 .style_house_sec03 .table1 th {
@@ -1321,23 +1333,30 @@ img {
   width: 15%;
   padding-left: 15px;
   padding-top: 10px;
+  font-family: NSJP-400;
 }
 
 @media screen and (max-width: 767px) {
   .style_house_sec03 .table1 th {
-    width: 25%;
-    font-size: 0.6rem;
+    width: 15%;
+    font-size: 1rem;
   }
 }
 
 .style_house_sec03 .table1 td {
+  font-weight: 600;
   padding: 15px;
 }
+.style_house_sec03 .table1 td p{
+  font-weight: 600;
+  font-family: NSJP-400 !important;
+}
 
 @media screen and (max-width: 767px) {
   .style_house_sec03 .table1 td {
     padding: 5px;
-    font-size: 0.6rem;
+    font-size: 1rem;
+    font-family: NSJP-500 !important;
   }
 }
 
@@ -1345,29 +1364,40 @@ img {
   margin-top: 30px;
   margin-bottom: 50px;
   font-weight: 600;
+  border-color: grey;
+  border-spacing: 2px;
 }
 
 .style_house_sec03 .table2 th {
   width: 15%;
   padding-left: 15px;
   padding-top: 10px;
+  font-family: NSJP-500 !important;
+}
+
+.style_house_sec03 .table2 td{
+  font-family: NSJP-400 ;
 }
 
 @media screen and (max-width: 767px) {
   .style_house_sec03 .table2 th {
     width: 25%;
-    font-size: 0.6rem;
+    font-size:1rem;
+  font-family: NSJP-500 !important;
+
   }
 }
 
 .style_house_sec03 .table2 td p {
   margin-bottom: 0;
   line-height: 2;
+  font-weight: 600;
+  font-family: NSJP-500 !important;
 }
 
 @media screen and (max-width: 767px) {
   .style_house_sec03 .table2 td p {
-    font-size: 0.6rem;
+    font-size: 1rem;
   }
 }
 

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

@@ -69,6 +69,7 @@ $('.style_house_sec02 .slider-nav').slick({
   slidesToScroll: 3,
   asNavFor: '.slider-for',
   dots: false,
+  arrows: false,
   // centerMode: true,
   focusOnSelect: true
 });