template

layouts/_default/taxonomy.html

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

layouts/partials/breadcrumbs.html

@@ -1,4 +1,5 @@
 <div id="heading-breadcrumbs">
+    <span class="decor"></span>
     <div class="container">
         <div class="row">
             <div class="col-md-12">
@@ -6,4 +7,31 @@
             </div>
         </div>
     </div>
+    <div class="container">
+        <div class="row">
+            <div class="col-md-8">
+                <div class="row">
+                    <div class="col-xs-3 col-md-3">
+                        <a href="/tags/vtuber">VTUBER</a>
+                    </div>
+                    <div class="col-xs-3 col-md-3">
+                        <a href="/tags/text-to-speech">TEXT-TO-SPEECH</a>
+                    </div>
+                    <div class="col-xs-3 col-md-3">
+                        <a>AUTO CONTENT CREATION</a>
+                    </div>
+                    <div class="col-xs-3 col-md-3">
+                        <a>FINTECH</a>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-4 blog_social">
+                <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/u2MFY3U.png" alt=""></a>
+                <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/LNAJtkO.png" alt=""></a>
+                <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/ImYZfgI.png" alt=""></a>
+                <a href="https://www.youtube.com/channel/UCi3jHOCCmx0Zyl2ZvoHzHQg"><img src="https://i.imgur.com/A8EG8wf.png" width="32" height="32" alt=""></a>
+                <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/0t496B3.png"></a>
+            </div>
+        </div>
+    </div>
 </div>

layouts/shortcodes/vtuber.html

@@ -103,8 +103,8 @@
                             <div class="row">
                                 <div class="col-md-7">
                                     <div class="txt-block">
-                                        <h2>Kizuna AI キズナアイ</h2>
-                                        <p>絆愛（日語：キズナアイ；英語：Kizuna AI）是一個日本虛擬偶像、影音部落客，經營有YouTube頻道「A.I.Channel」和「A.I.Games」，也是公認的第一個虛擬YouTuber</p>
+                                        <h2>Hololive Vtuber 練習生</h2>
+                                        <p>日本 Vtuber 公司 HoloLive，往全球開始拓展，HoloLive印尼第一期生相當成功，因此也推出了二期生，在二期生當中，Kureiji Ollie已達74萬訂閱。</p>
                                     </div>
                                 </div>
                                 <div class="col-md-5">
@@ -134,7 +134,7 @@
                                 <div class="col-md-7">
                                     <div class="txt-block">
                                         <h2>企業形象VTuber</h2>
-                                        <p>各企業也紛紛推出VTuber，Netflix推出N子黑野明擔任宣傳大使。樂敦製藥與三得利也皆推出VTuber，茨城縣則由VTuber擔任形象大使</p>
+                                        <p>各企業也紛紛推出VTuber，Netflix推出N子黑野明擔任宣傳大使。樂敦製藥與三得利也皆推出VTuber，茨城縣則由VTuber擔任形象大使。</p>
                                     </div>
                                 </div>
                                 <div class="col-md-5">

static/css/custom.css

@@ -1,5 +1,7 @@
 /* your styles go here */
-
+#content .container {
+  margin-top: 50px;
+}
 .box-image-text .image {
   min-height: 200px;
   max-height: 200px;
@@ -64,16 +66,16 @@
 }
 
 .btn {
-  border: 2px solid #38a7bb;
+  border: 2px solid #181c47;
 }
 
 .btn:hover {
-  background-color: #38a7bb;
+  background-color: #181c47;
   color: white;
 }
 
 .box-steps {
-  border: 1px solid #38a7bb;
+  border: 1px solid #181c47;
   padding: 1rem;
   border-radius: 5rem;
   position: relative;
@@ -392,6 +394,7 @@
   padding: 30px 0;
   margin-bottom: 40px;
   font-family: "Proxima Nova",sans-serif;
+  color: #181c47;
 }
 
 #block-vtuber h2 {
@@ -409,7 +412,16 @@
   padding: 4rem 0;
 }
 
-.embed-container::after{
+.sec {
+  padding: 9rem 0;
+  margin-bottom: 0;
+}
+
+.sec01 {
+  padding-top: 2rem;
+}
+
+.sec01 .embed-container::after{
   position: absolute;
   content: " ";
   left: 3rem;
@@ -420,11 +432,6 @@
   z-index: -2;
 }
 
-.sec {
-  padding: 9rem 0;
-  margin-bottom: 0;
-}
-
 .sec02 {
   background-color: #f3f3f9;
   position: relative;
@@ -524,6 +531,24 @@
   padding-top: 6px;
 }
 
+.btn-template-main {
+  color: #181c47;
+}
+
+.btn {
+  color: #181c47;
+  border: 2px solid #181c47;
+}
+
+.btn:hover {
+  background-color: #181c47;
+  border: 2px solid #181c47;
+}
+
+#blog-listing-medium .post{
+  color: #181c47;
+}
+
 #blog-listing-medium .tag-post .image {
   position: relative;
   overflow: visible;
@@ -536,7 +561,6 @@
   bottom: 2rem;
   width: 100%;
   height: 100%;
-  background-color: thistle;
   z-index: -1;
 }
 
@@ -544,6 +568,18 @@
   border: 5px solid white;
 }
 
+#blog-listing-medium .tag-post:nth-of-type(3n+1) .image::after {
+  background-color: thistle;
+}
+
+#blog-listing-medium .tag-post:nth-of-type(3n+2) .image::after {
+  background-color: #f3f3f9;
+}
+
+#blog-listing-medium .tag-post:nth-of-type(3n) .image::after {
+  background-color: #eba764;
+}
+
 .v-tabs {
   max-width: 100%;
 }

static/css/style.blue.css

@@ -1736,6 +1736,13 @@ fieldset[disabled] .btn-template-primary.active {
   background: url('../img/texture-bw.png') center center repeat;
   padding: 20px 0;
   margin-bottom: 40px;
+  position: relative;
+}
+#heading-breadcrumbs .decor {
+  position: absolute;
+  height: 1.82857rem;
+  width: 5.68571rem;
+  background: url('https://animoto.com/static/PinkRedTopLeft-42f195470b381165d4626a5adce05837.svg');
 }
 #heading-breadcrumbs.no-mb {
   margin-bottom: 0;

static/css/style.default.css

@@ -545,18 +545,18 @@ ul.list-style-none {
   border-radius: 0;
 }
 .btn-template-main {
-  color: #38a7bb;
+  color: #181c47;
   background-color: #ffffff;
-  border-color: #38a7bb;
+  border-color: #181c47;
 }
 .btn-template-main:hover,
 .btn-template-main:focus,
 .btn-template-main:active,
 .btn-template-main.active,
 .open > .dropdown-toggle.btn-template-main {
-  color: #38a7bb;
+  color: #181c47;
   background-color: #e6e6e6;
-  border-color: #2a7d8c;
+  border-color: #181c47;
 }
 .btn-template-main:active,
 .btn-template-main.active,
@@ -888,11 +888,12 @@ fieldset[disabled] .btn-template-primary.active {
 .panel.sidebar-menu .panel-heading h4,
 .panel.sidebar-menu .panel-heading h5 {
   display: inline-block;
-  border-bottom: solid 5px #38a7bb;
+  border-bottom: solid 5px #181c47;
   line-height: 1.1;
   margin-bottom: 0;
   padding-bottom: 10px;
 }
+
 .panel.sidebar-menu .panel-heading .btn.btn-danger {
   color: #fff;
   margin-top: 5px;
@@ -975,7 +976,7 @@ fieldset[disabled] .btn-template-primary.active {
   padding: 5px;
   border: solid 1px #eeeeee;
   border-radius: 0;
-  color: #38a7bb;
+  color: #181c47;
   margin: 5px 5px 5px 0;
   text-transform: uppercase;
   letter-spacing: 0.08em;
@@ -984,12 +985,12 @@ fieldset[disabled] .btn-template-primary.active {
   text-decoration: none;
 }
 .panel.sidebar-menu ul.tag-cloud li a:hover {
-  color: #38a7bb;
-  border-color: #38a7bb;
+  color: #181c47;
+  border-color: #181c47;
 }
 .panel.sidebar-menu ul.tag-cloud li.active a {
   color: #FFFFFF;
-  background-color: #38a7bb;
+  background-color: #181c47;
 }
 .panel.sidebar-menu ul.tag-cloud li.active a:hover {
   color: #FFFFFF;
@@ -1733,10 +1734,45 @@ fieldset[disabled] .btn-template-primary.active {
   border: none;
 }
 #heading-breadcrumbs {
-  background: url('../img/texture-bw.png') center center repeat;
-  padding: 20px 0;
+  background: #f3f3f9;
+  padding: 0 0;
   margin-bottom: 40px;
+  text-align: center;
+  position: relative;
 }
+
+#heading-breadcrumbs .blog_social {
+  display: flex;
+  align-items: center;
+}
+#heading-breadcrumbs .blog_social a{
+  margin-right: 1rem;
+}
+
+#heading-breadcrumbs .container:nth-of-type(1) {
+  padding: 30px 0;
+}
+
+#heading-breadcrumbs .container:nth-of-type(2) {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  border-top: 1px solid rgb(206, 206, 206);
+  font-size: 1.8rem;
+}
+
+#heading-breadcrumbs .container:nth-of-type(2) a {
+  color: #181c47;
+}
+
+#heading-breadcrumbs .decor {
+  position: absolute;
+  height: 65px;
+  width: 210px;
+  top: 0;
+  left: 5rem;
+  background: url('https://animoto.com/static/PinkRedTopLeft-42f195470b381165d4626a5adce05837.svg') no-repeat;
+}
+
 #heading-breadcrumbs.no-mb {
   margin-bottom: 0;
 }
@@ -3167,6 +3203,9 @@ a {
   color: #38a7bb;
   text-decoration: none;
 }
+.panel.sidebar-menu .panel-body a {
+  color: #181c47;
+}
 a:hover,
 a:focus {
   color: #267280;
@@ -3274,14 +3313,15 @@ label {
 .pager li > a,
 .pager li > span {
   background-color: #ffffff;
-  border: 1px solid #38a7bb;
+  border: 1px solid #181c47;
   border-radius: 0;
+  color: #181c47;
 }
 .pager li > a:hover,
 .pager li > a:focus {
   text-decoration: none;
   color: #fff;
-  background-color: #38a7bb;
+  background-color: #181c47;
 }
 .pager .disabled > a,
 .pager .disabled > a:hover,

static/js/front.js

@@ -20,7 +20,6 @@ $(function () {
   counters()
   demo()
   contactFormAjax()
-  tab()
 })
 
 
@@ -140,6 +139,7 @@ function sliders () {
 
     $('.homepage').owlCarousel({
       navigation: false, // Show next and prev buttons
+      margin: 10,
       navigationText: ['<i class="fas fa-angle-left"></i>', '<i class="fas fa-angle-right"></i>'],
       slideSpeed: 2000,
       paginationSpeed: 1000,

webSite/config.toml

@@ -11,6 +11,7 @@ disqusShortname = "devcows"
 googleAnalytics = "UA-153100602-5"
 publishDir  = "/var/www/html"
 
+
 [taxonomies]
   category = "categories"
   tag = "tags"