lp&template

layouts/partials/vtuber.html

@@ -1,20 +1,48 @@
 <div id="block-vtuber">
-    <div class="container">
-        <div class="row sec01">
-            <div class="col-md-6">
-                <div class="txt-block">
-                    <h2>What is VTuber?<br>VTuber 101</h2>
-                    <p>全名為「Virtual YouTuber」簡稱為「Vtuber」，其意思為「虛擬的」Youtuber。是以虛擬的人物進行Youtube相關的影音創作，藉此讓動畫人物如真正的人一樣生動且真實。</p>
+    <section class="row sec sec01">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-6">
+                    <div class="txt-block">
+                        <h2>What is VTuber?<br>VTuber 101</h2>
+                        <p>全名為「Virtual YouTuber」簡稱為「Vtuber」，其意思為「虛擬的」Youtuber。是以虛擬的人物進行Youtube相關的影音創作，藉此讓動畫人物如真正的人一樣生動且真實。</p>
+                    </div>
+                </div>
+                <div class="col-md-6">
+                    <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//IzHhpC_bD6g?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
                 </div>
-            </div>
-            <div class="col-md-6">
-                <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//IzHhpC_bD6g?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
             </div>
         </div>
-        <div class="row sec02">
-            <div class="col-md-12">
-                
+    </section>
+    <section class="row sec sec02">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-6">
+                    <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//9vrkENKrWeA?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
+                </div>
+                <div class="col-md-6">
+                    <div class="txt-block">
+                        <h2>Top Vtuber</h2>
+                        <div class="owl-carousel owl-carousel-topvtuber">
+                            <ul class="item">
+                                <li>No1. Kizuna AI</li>
+                                <li>No2. Gawr Gura </li>
+                                <li>No3. Inugami Korone </li>
+                            </ul>
+                            <ul class="item">
+                                <li>No1. Kizuna AI</li>
+                                <li>No2. Gawr Gura </li>
+                                <li>No3. Inugami Korone </li>
+                            </ul>
+                            <ul class="item">
+                                <li>No1. Kizuna AI</li>
+                                <li>No2. Gawr Gura </li>
+                                <li>No3. Inugami Korone </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
             </div>
         </div>
-    </div>
+    </section>
 </div>

layouts/trends/single.html

@@ -74,7 +74,7 @@
                     <div class="col-md-4">
                         <div class="card card__rank">
                             <span class="top3__num">1</span>
-                            <strong class="card__rank__word">{{ .Params.no1 }}</strong>
+                            <strong class="card__rank__word">{{ .Params.no01 }}</strong>
                             <hr>
                             <div class="card__rank__goto">
                                 <a href="" class="card__rank__link">看新聞 ></a>
@@ -84,7 +84,7 @@
                     <div class="col-md-4">
                         <div class="card card__rank">
                             <span class="top3__num">2</span>
-                            <strong class="card__rank__word">{{ .Params.no2 }}</strong>
+                            <strong class="card__rank__word">{{ .Params.no02 }}</strong>
                             <hr>
                             <div class="card__rank__goto">
                                 <a href="" class="card__rank__link">看新聞 ></a>
@@ -94,7 +94,7 @@
                     <div class="col-md-4">
                         <div class="card card__rank">
                             <span class="top3__num">3</span>
-                            <strong class="card__rank__word">{{ .Params.no3 }}</strong>
+                            <strong class="card__rank__word">{{ .Params.no03 }}</strong>
                             <hr>
                             <div class="card__rank__goto">
                                 <a href="" class="card__rank__link">看新聞 ></a>
@@ -111,7 +111,7 @@
                         <div class="card card__rank">
                             <div class="d-flex align-items-center">
                                 <span class="top20__num">4</span>
-                                <strong class="card__rank__word">{{ .Params.no4 }}</strong>
+                                <strong class="card__rank__word">{{ .Params.no04 }}</strong>
                             </div>
                             <hr>
                             <div class="card__rank__goto">
@@ -123,7 +123,7 @@
                         <div class="card card__rank">
                             <div class="d-flex align-items-center">
                                 <span class="top20__num">5</span>
-                                <strong class="card__rank__word">{{ .Params.no5 }}</strong>
+                                <strong class="card__rank__word">{{ .Params.no05 }}</strong>
                             </div>
                             <hr>
                             <div class="card__rank__goto">
@@ -135,7 +135,7 @@
                         <div class="card card__rank">
                             <div class="d-flex align-items-center">
                                 <span class="top20__num">6</span>
-                                <strong class="card__rank__word">{{ .Params.no6 }}</strong>
+                                <strong class="card__rank__word">{{ .Params.no06 }}</strong>
                             </div>
                             <hr>
                             <div class="card__rank__goto">
@@ -146,8 +146,8 @@
                     <div class="col-md-4">
                         <div class="card card__rank">
                             <div class="d-flex align-items-center">
-                                <span class="top20__num">4</span>
-                                <strong class="card__rank__word">{{ .Params.no7 }}</strong>
+                                <span class="top20__num">7</span>
+                                <strong class="card__rank__word">{{ .Params.no07 }}</strong>
                             </div>
                             <hr>
                             <div class="card__rank__goto">
@@ -158,8 +158,8 @@
                     <div class="col-md-4">
                         <div class="card card__rank">
                             <div class="d-flex align-items-center">
-                                <span class="top20__num">5</span>
-                                <strong class="card__rank__word">{{ .Params.no8 }}</strong>
+                                <span class="top20__num">8</span>
+                                <strong class="card__rank__word">{{ .Params.no08 }}</strong>
                             </div>
                             <hr>
                             <div class="card__rank__goto">
@@ -170,8 +170,8 @@
                     <div class="col-md-4">
                         <div class="card card__rank">
                             <div class="d-flex align-items-center">
-                                <span class="top20__num">6</span>
-                                <strong class="card__rank__word">{{ .Params.no9 }}</strong>
+                                <span class="top20__num">9</span>
+                                <strong class="card__rank__word">{{ .Params.no09 }}</strong>
                             </div>
                             <hr>
                             <div class="card__rank__goto">
@@ -182,7 +182,7 @@
                     <div class="col-md-4">
                         <div class="card card__rank">
                             <div class="d-flex align-items-center">
-                                <span class="top20__num">4</span>
+                                <span class="top20__num">10</span>
                                 <strong class="card__rank__word">{{ .Params.no10 }}</strong>
                             </div>
                             <hr>
@@ -194,7 +194,7 @@
                     <div class="col-md-4">
                         <div class="card card__rank">
                             <div class="d-flex align-items-center">
-                                <span class="top20__num">5</span>
+                                <span class="top20__num">11</span>
                                 <strong class="card__rank__word">{{ .Params.no11 }}</strong>
                             </div>
                             <hr>
@@ -206,7 +206,7 @@
                     <div class="col-md-4">
                         <div class="card card__rank">
                             <div class="d-flex align-items-center">
-                                <span class="top20__num">6</span>
+                                <span class="top20__num">12</span>
                                 <strong class="card__rank__word">{{ .Params.no12 }}</strong>
                             </div>
                             <hr>
@@ -218,7 +218,7 @@
                     <div class="col-md-4">
                         <div class="card card__rank">
                             <div class="d-flex align-items-center">
-                                <span class="top20__num">4</span>
+                                <span class="top20__num">13</span>
                                 <strong class="card__rank__word">{{ .Params.no13 }}</strong>
                             </div>
                             <hr>
@@ -230,7 +230,7 @@
                     <div class="col-md-4">
                         <div class="card card__rank">
                             <div class="d-flex align-items-center">
-                                <span class="top20__num">5</span>
+                                <span class="top20__num">14</span>
                                 <strong class="card__rank__word">{{ .Params.no14 }}</strong>
                             </div>
                             <hr>
@@ -242,7 +242,7 @@
                     <div class="col-md-4">
                         <div class="card card__rank">
                             <div class="d-flex align-items-center">
-                                <span class="top20__num">6</span>
+                                <span class="top20__num">15</span>
                                 <strong class="card__rank__word">{{ .Params.no15 }}</strong>
                             </div>
                             <hr>
@@ -254,7 +254,7 @@
                     <div class="col-md-4">
                         <div class="card card__rank">
                             <div class="d-flex align-items-center">
-                                <span class="top20__num">4</span>
+                                <span class="top20__num">16</span>
                                 <strong class="card__rank__word">{{ .Params.no16 }}</strong>
                             </div>
                             <hr>
@@ -266,7 +266,7 @@
                     <div class="col-md-4">
                         <div class="card card__rank">
                             <div class="d-flex align-items-center">
-                                <span class="top20__num">5</span>
+                                <span class="top20__num">17</span>
                                 <strong class="card__rank__word">{{ .Params.no17 }}</strong>
                             </div>
                             <hr>
@@ -278,7 +278,7 @@
                     <div class="col-md-4">
                         <div class="card card__rank">
                             <div class="d-flex align-items-center">
-                                <span class="top20__num">6</span>
+                                <span class="top20__num">18</span>
                                 <strong class="card__rank__word">{{ .Params.no18 }}</strong>
                             </div>
                             <hr>
@@ -290,7 +290,7 @@
                     <div class="col-md-4">
                         <div class="card card__rank">
                             <div class="d-flex align-items-center">
-                                <span class="top20__num">4</span>
+                                <span class="top20__num">19</span>
                                 <strong class="card__rank__word">{{ .Params.no19 }}</strong>
                             </div>
                             <hr>
@@ -302,7 +302,7 @@
                     <div class="col-md-4">
                         <div class="card card__rank">
                             <div class="d-flex align-items-center">
-                                <span class="top20__num">5</span>
+                                <span class="top20__num">20</span>
                                 <strong class="card__rank__word">{{ .Params.no20 }}</strong>
                             </div>
                             <hr>
@@ -311,18 +311,6 @@
                             </div>
                         </div>
                     </div>
-                    <div class="col-md-4">
-                        <div class="card card__rank">
-                            <div class="d-flex align-items-center">
-                                <span class="top20__num">6</span>
-                                <strong class="card__rank__word">{{ .Params.no21 }}</strong>
-                            </div>
-                            <hr>
-                            <div class="card__rank__goto">
-                                <a href="" class="card__rank__link">看新聞 ></a>
-                            </div>
-                        </div>
-                    </div>
                 </div>
             </div>
           </section>

static/css/custom.css

@@ -389,7 +389,7 @@
 }
 
 #block-vtuber {
-  padding: 20px 0;
+  padding: 30px 0;
   margin-bottom: 40px;
   font-family: "Proxima Nova",sans-serif;
 }
@@ -406,7 +406,7 @@
 }
 
 .txt-block {
-  padding: 5rem 0;
+  padding: 4rem 0;
 }
 
 .embed-container::after{
@@ -416,9 +416,19 @@
   top: 3rem;
   width: 100%;
   height: 100%;
-  background: url("https://pixabay.com/get/g429f3dae72cb0be8dd348c3a5fcc041e19c6577b6a05f5f86d1a351c9bbd3841b828184e3e063fa39ce129dd51e8e950_640.jpg");
+  background: url("https://i.imgur.com/hm0lc6X.jpg");
   z-index: -2;
 }
 
+.sec {
+  padding: 9rem 0;
+}
+
+.sec02 {
+  background-color: #f3f3f9;
+  /* clip-path: polygon(0% -10%, 100% 0%, 110% 100%, 0% 100%); */
+}
+
+
 
 

static/js/front.js

@@ -93,6 +93,7 @@ function sliderHomepage () {
 
 /* sliders */
 function sliders () {
+
   if ($('.owl-carousel').length) {
     $('.customers').owlCarousel({
       items: 6,
@@ -137,6 +138,12 @@ function sliders () {
         // animationsSlider()
       }
     })
+    $(".owl-carousel-topvtuber").owlCarousel({
+      items: 1,
+      loop:true,
+      margin:10,
+      nav:true,
+    });
   }
 }
 

webSite/content/trenddetail/20210729_04.md

@@ -603,7 +603,7 @@ link75 = "news.google.com/./articles/CBMi7AFodHRwczovL3R3LnNwb3J0cy55YWhvby5jb20
 img75 = "https://lh3.googleusercontent.com/proxy/25FNgPCecIqvMsW4aeunw_6wqTllVvbu-b2MdENB4e6f_Yez8Yw1-T_YEHDE0pHjG3AfHDG7kCGr-4kKPCdw9ic6StQ20WS3NCX20_qVzpFpIon90YRa8cE4FAn--FjgfkIjLBU=-p-df-h100-w100"
 media75 = "None"
 site75 = "Yahoo奇摩運動"
-title76 = "楊勇緯"三次指導"獲銀牌 日本選手靠"戰術"取勝"
+title76 = "楊勇緯'三次指導'獲銀牌 日本選手靠'戰術'取勝"
 desc76 = "bookmark_border"
 date76 = "4 天前"
 datetime76 = "None"

webSite/content/trenddetail/20210729_10.md

@@ -355,7 +355,7 @@ link44 = "news.google.com/./articles/CBMi7wFodHRwczovL3d3dy5udGR0di5jb20udHcvYjU
 img44 = "https://lh5.googleusercontent.com/proxy/bglsM8rgiGkuDIhSYdDr8zeLwvWJL6BprUJIQ2_cbDMVJmqlN16dUwNd_uaqfnzZtHmb0xoj8YVltZDAZygi24xhAvUUJJVtzgiPZHBY4RJwzEPo9jnRtQ5-yLAsFvHxusv3r-1E3zby77Zhgfn-UzA=-p-df-h100-w100"
 media44 = "None"
 site44 = "新唐人亞太電視台"
-title45 = ""鞍馬王子"李智凱越挫越勇 再闖東奧"
+title45 = "'鞍馬王子'李智凱越挫越勇 再闖東奧"
 desc45 = "bookmark_border"
 date45 = "4 天前"
 datetime45 = "None"

webSite/content/trenddetail/20210729_11.md

@@ -539,7 +539,7 @@ link67 = "news.google.com/./articles/CBMiTmh0dHBzOi8vdWRuLmNvbS90b2t5bzIwMjAvc3R
 img67 = "https://lh5.googleusercontent.com/proxy/EIIGyeppyZV6QULyFrxT2qehHyPLfrG2R6m6K2y1pd4BRKkcgLlEgMdf5sZTkru-nENanSfHZioQyap3HP9wWaug2dTyVzX7tA5syVvKcv0ds1sS1gcqR13978rsb0OWrpdi1bZzBSugOn9SBRrLtoQIIL2vZnLCIuulXja2r6SyNOCIkOfXtIKJdga_0z0aV6ZI4QU=-p-df-h100-w100"
 media67 = "None"
 site67 = "UDN 聯合新聞網"
-title68 = ""鮮肉泳將"王星皓預賽止步 家人勉勵:再加油！"
+title68 = "'鮮肉泳將'王星皓預賽止步 家人勉勵:再加油！"
 desc68 = "bookmark_border"
 date68 = "6 小時前"
 datetime68 = "None"

webSite/content/trenddetail/20210729_14.md

@@ -675,7 +675,7 @@ link84 = "news.google.com/./articles/CAIiEEo1xC4-oVd4-Ppp606yY3sqFwgEKg4IACoGCAo
 img84 = "https://lh6.googleusercontent.com/proxy/J9kr3TruZPcdTxMfniBEsGyw589vLsN81SmEzzRs1HeyJrDjaOzMy7UPoDBc4StryCNSGvGnAeEU7lG_tRUo2Kb7_oH65do1W6fV=-p-df-h100-w100"
 media84 = "None"
 site84 = "ETtoday新聞雲"
-title85 = "【正常發揮PiMW下】解封降二級"指考.父親節"疫情再爆發?8月中AZ打完剛好8月下旬只剩高端? @正常發揮完整版下"
+title85 = "【正常發揮PiMW下】解封降二級'指考.父親節'疫情再爆發?8月中AZ打完剛好8月下旬只剩高端? @正常發揮完整版下"
 desc85 = "bookmark_border"
 date85 = "4 天前"
 datetime85 = "None"