add blocks

layouts/_default/taxonomy.html

@@ -12,7 +12,7 @@
 
 <div id="content">
     {{ .Content }}
-    <div class="container">
+    <div class="container container_list">
                 <div class="row">
                     <!-- *** LEFT COLUMN *** -->
                     <div class="col-md-9" id="blog-listing-medium">

layouts/partials/hero.html

@@ -0,0 +1,16 @@
+<section class="sec-hero">
+    <div class="container">
+        <div class="row">
+            <div class="col-md-6">
+                <h2>製作影片 一鍵合成</h2>
+                <p>輸入文字素材，即速產生影片
+                    創作影片，不再需要錄影機、演員、麥克風繁雜器材。
+                    大幅省下時間、人力、器材成本。</p>
+                <button>立即合成</button>
+            </div>
+            <div class="col-md-6">
+                <img src="" alt="">
+            </div>
+        </div>
+    </div>
+</section>

layouts/partials/nav.html

@@ -1,12 +1,11 @@
 <header class="navbar-affixed-top" data-spy="affix" data-offset-top="62">
     <div class="navbar navbar-default yamm" role="navigation" id="navbar">    
-        <div class="container">
+        <div class="container-fluid">
             <div class="navbar-header">
                 <a class="navbar-brand home" href="{{ "/" | relURL }}">
                     <img src="{{ .Site.Params.logo | relURL }}" alt="{{ .Title }} logo" class="hidden-xs hidden-sm logo">
                     <img src="{{ .Site.Params.logo_small | relURL }}" alt="{{ .Title }} logo" class="visible-xs visible-sm logo-sm">
                     <span class="sr-only">{{ .Title }} - {{ i18n "navHome" }}</span>
-                    <span class="logo_text">AI Video</span>
                 </a>
                 <div class="navbar-buttons">
                     <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">

layouts/shortcodes/vtuber.html

@@ -175,8 +175,19 @@
             </div>
         </div>
     </section>
+    <section class="row sec sec06">
+        <div class="container">
+            <h2 class="grow_title">How to promote your VTuber Channel</h2>
+            <p class="grow_txt">ChoozMo support Virtual YouTuber/Influencer digital marketing and fan growth strategy.
+                We have a powerful video marketing SEO solution for you.<br>Our AI Spokesgirl, the new software
+                service.It is driven by deep learning and other unique technology and we can even custom virtual 
+                presenter to say anything! Any language!</p>
+            <span class="grow_call">Optimize your VTuber Channel</span>
+            <a class="grow_btn" href="#">Grow Fans Now ! </a>
+            <img src="/img/browsing.svg" alt="" class='grow_img' width="80">
+        </div>
+    </section>
     <section class="row sec sec05">
-        <img src="/img/browsing.svg" alt="" class='img_decor' width="120">
         <div class="container">
             <h2>VTuber製作軟體</h2>
             <div class="row">
@@ -196,7 +207,7 @@
                                     </div>
                                 </div>
                                 <div class="col-md-5">
-                                    <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//QIbinFBjJxA?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
+                                    <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//6JVBDIM7zac?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
                                 </div>
                             </div>
                           </div>

static/css/custom.css

@@ -359,6 +359,11 @@
   font-weight: 500;
 }
 
+
+#content .container_list {
+  margin-top: 100px;
+}
+
 #post-content img {
   width: 100%;
   box-shadow: 0 11px 21px 0 rgba(194, 194, 194, 0.644);
@@ -481,6 +486,20 @@
   position: relative;
   padding-top: 0;
   padding-bottom: 4rem;
+  background-color: #f3f3f9;
+}
+
+.sec05::after {
+  content: "";
+    position: absolute;
+    bottom: -66px;
+    left: 0;
+    display: block;
+    width: 100%;
+    height: 66px;
+    background-image: url("https://animoto.com/static/desktop-wiggle-6af922ddb441fd9fda898e14ecad1127.svg");
+    background-size: 3840px 66px;
+    background-position: 0 0;
 }
 
 .img_decor {
@@ -692,7 +711,7 @@
   color: black;
 }
 .m-tab-active a {
-  background: #fff;
+  background: #f3f3f9;
   border-bottom: 2px solid #23408c;
   color: #2db34a;
   cursor: default;
@@ -709,7 +728,52 @@
   font-size: 2.5rem;
 }
 
+.sec06 {
+  text-align: center;
+  padding: 2rem 0;
+}
+
+.grow_title {
+  text-align: center;
+}
+
+.grow_txt {
+  font-size: 1.2rem;
+}
+
+.grow_call {
+  font-weight: 700;
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 2.3rem;
+  display: block;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+
+.grow_btn {
+  padding: 1.2rem 7rem;
+  font-size: 2.5rem;
+  border: 2px solid #181c47;
+  background: transparent;
+  outline: none;
+  border-radius: 5rem;
+  transition: all .3s;
+  display: inline-block;
+  color: #181c47;
+  text-decoration: none;
+}
+
+.grow_btn:hover {
+  color: white;
+  background: #181c47;
+  text-decoration: none;
+}
 
+.grow_img {
+  display: block;
+  margin: 0 auto;
+  margin-top: 1rem;
+}
 
 
 

webSite/config.toml

@@ -35,7 +35,7 @@ page = ["HTML"]
 
 [[menu.main]]
     identifier="blog"
-    name = "Blog"
+    name = "部落格"
     url  = "/blog/"
     weight = 2