Merge branch 'master' of http://git.choozmo.com:3000/choozmo/AI_Video_LP into master

layouts/_default/list.html

@@ -9,8 +9,6 @@
 
         {{ partial "nav.html" . }}
 
-        {{ partial "vtuber.html" . }}
-
         {{ partial "breadcrumbs.html" . }}
 
         <div id="content">

layouts/_default/taxonomy.html

@@ -10,14 +10,7 @@
         {{ partial "nav.html" . }}
 
 <div id="content">
-    <h1>taxonomy</h1>
-    <h1>taxonomy</h1>
-
-    <div id="post-content">
-        {{ .Content }}
-      </div>
-
-
+    {{ .Content }}
     <div class="container">
                 <div class="row">
                     <!-- *** LEFT COLUMN *** -->

layouts/shortcodes/vtuber.html

@@ -0,0 +1,49 @@
+<div id="block-vtuber">
+    <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>
+    </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 project">
+                            <ul class="item rankblock">
+                                <li><span>No1.</span> Kizuna AI</li>
+                                <li><span>No2.</span> Gawr Gura </li>
+                                <li><span>No3.</span> Inugami Korone </li>
+                            </ul>
+                            <ul class="item rankblock">
+                                <li>No4. Kizuna AI</li>
+                                <li>No5. Gawr Gura </li>
+                                <li>No6. Inugami Korone </li>
+                            </ul>
+                            <ul class="item rankblock">
+                                <li>No7. Kizuna AI</li>
+                                <li>No8. Gawr Gura </li>
+                                <li>No9. Inugami Korone </li>
+                                <li>No10. Inugami Korone </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+</div>

webSite/content/tags/vtuber/_index.md

@@ -3,8 +3,5 @@ title = "Vtuber Cover Story"
 date = "2021-07-23T12:27:12+08:00"
 +++
 
-# Jared's test
-
-test
-
+{{< vtuber >}}