3 年之前 · 52c105afa8
--- a/layouts/home-ad/single.html
+++ b/layouts/home-ad/single.html
@@ -0,0 +1,97 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="{{ .Site.LanguageCode }}">
			
 
				+
			
 
				+  {{ partial "head.html" . }}
			
 
				+  <!-- Start of HubSpot Embed Code -->
			
 
				+  <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/9082955.js"></script>
			
 
				+  <!-- End of HubSpot Embed Code -->
			
 
				+
			
 
				+  <body>
			
 
				+
			
 
				+    <div id="all" style="overflow-x:hidden;">
			
 
				+
			
 
				+        {{ partial "nav.html" . }}
			
 
				+
			
 
				+        {{ partial "LP_components/hero.html" . }}
			
 
				+
			
 
				+       {{ partial "LP_components/use_cases.html" . }}
			
 
				+
			
 
				+       {{ partial "LP_components/steps.html" . }}
			
 
				+
			
 
				+       {{ partial "LP_components/features.html" . }}
			
 
				+
			
 
				+       {{ partial "LP_components/blogs_tab.html" . }}
			
 
				+
			
 
				+       {{ partial "LP_components/action.html" . }}
			
 
				+
			
 
				+       {{ partial "LP_components/Footer.html" . }}
			
 
				+
			
 
				+       {{ partial "LP_components/news.html" . }}
			
 
				+
			
 
				+    </div>
			
 
				+    <!-- /#all -->
			
 
				+
			
 
				+    {{ partial "scripts.html" . }}
			
 
				+    <script>
			
 
				+      function tabLP () {
			
 
				+            console.log('pass');
			
 
				+            if(('.m-tabs').length){
			
 
				+                  // Show the first tab by default
			
 
				+              $('.blog-tabs-stage>div').hide();
			
 
				+              $('.blog-tabs-stage>div:first').show();
			
 
				+              $('.blog-tabs-nav li:first').addClass('blog-tab-active');
			
 
				+
			
 
				+              // Change tab class and display content
			
 
				+              $('.blog-tabs-nav a').on('click', function(event){
			
 
				+                  event.preventDefault();
			
 
				+                  $('.blog-tabs-nav li').removeClass('blog-tab-active');
			
 
				+                  $(this).parent().addClass('blog-tab-active');
			
 
				+                  $('.blog-tabs-stage>div').hide();
			
 
				+                  $($(this).attr('href')).show();
			
 
				+              });
			
 
				+            }
			
 
				+        }
			
 
				+        tabLP();
			
 
				+
			
 
				+        function debounce(func, wait = 20, immediate = true) {
			
 
				+          var timeout;
			
 
				+          return function() {
			
 
				+            var context = this, args = arguments;
			
 
				+            var later = function() {
			
 
				+              timeout = null;
			
 
				+              if (!immediate) func.apply(context, args);
			
 
				+            };
			
 
				+            var callNow = immediate && !timeout;
			
 
				+            clearTimeout(timeout);
			
 
				+            timeout = setTimeout(later, wait);
			
 
				+            if (callNow) func.apply(context, args);
			
 
				+          };
			
 
				+      };
			
 
				+      const featuresBlock = document.querySelectorAll('.features-block');
			
 
				+      const featuresRow = document.querySelectorAll('.sec-features .row');
			
 
				+      function checkSlide() {
			
 
				+        console.log('pass');
			
 
				+        featuresRow.forEach((block, i) => {
			
 
				+        // half way through the image
			
 
				+        const slideInAt = (window.scrollY + window.innerHeight) - block.offsetHeight / 2;
			
 
				+        console.log(slideInAt);
			
 
				+        console.log(block.offsetTop);
			
 
				+        // bottom of the image
			
 
				+        const isHalfShown = slideInAt > block.offsetTop;
			
 
				+        if (isHalfShown) {
			
 
				+          console.log('active');
			
 
				+          featuresBlock[i].classList.add('active');
			
 
				+        }
			
 
				+      });
			
 
				+      }
			
 
				+      window.addEventListener('scroll', debounce(checkSlide));
			
 
				+
			
 
				+      $('.navbar-nav .dropdown:nth-of-type(2)').click(function() {
			
 
				+        $('html, body').animate({
			
 
				+            scrollTop: $("#sec-features").offset().top
			
 
				+        }, 1000);
			
 
				+      })
			
 
				+    </script>
			
 
				+
			
 
				+  </body>
			
 
				+</html>
			
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -2,6 +2,9 @@
 
				 <html lang="{{ .Site.LanguageCode }}">
			
 
				 
			
 
				   {{ partial "head.html" . }}
			
 
				+  <!-- Start of HubSpot Embed Code -->
			
 
				+  <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
			
 
				+  <!-- End of HubSpot Embed Code -->  
			
 
				 
			
 
				   <body>
			
 
				 
			
--- a/layouts/partials/LP_components/features.html
+++ b/layouts/partials/LP_components/features.html
@@ -2,11 +2,11 @@
 
				     <div class="container text-center">
			
 
				         <h2 class="features-title"><strong>5</strong>大特色</h2>
			
 
				         <div class="row" style="position: relative;">
			
 
				-            <img src="img/背景-橘霧.png" alt="" width="300px" class="features-orangel">
			
 
				+            <img src="/img/背景-橘霧.png" alt="" width="300px" class="features-orangel">
			
 
				             <div class="col-xs-12 col-md-6">
			
 
				                 <div class="features-imgfr">
			
 
				                     <video autoplay muted loop>
			
 
				-                        <source src="img/官網1_加速.mp4" type="video/mp4">
			
 
				+                        <source src="/img/官網1_加速.mp4" type="video/mp4">
			
 
				                     </video>
			
 
				                 </div>
			
 
				             </div>
			
@@ -25,11 +25,11 @@
 
				             </div>
			
 
				         </div>
			
 
				         <div class="row" style="position: relative;">
			
 
				-            <img src="img/背景-紫霧.png" alt="" width="300px" class="features-purpler">
			
 
				+            <img src="/img/背景-紫霧.png" alt="" width="300px" class="features-purpler">
			
 
				             <div class="col-xs-12 col-md-6 d-block">
			
 
				                 <div class="features-imgfr">
			
 
				                     <video autoplay muted loop>
			
 
				-                        <source src="img/官網2.mp4" type="video/mp4">
			
 
				+                        <source src="/img/官網2.mp4" type="video/mp4">
			
 
				                     </video>
			
 
				                 </div>
			
 
				             </div>
			
@@ -49,17 +49,17 @@
 
				             <div class="col-xs-12 col-md-6 d-md-block">
			
 
				                 <div class="features-imgfr">
			
 
				                     <video autoplay muted loop>
			
 
				-                        <source src="img/官網2.mp4" type="video/mp4">
			
 
				+                        <source src="/img/官網2.mp4" type="video/mp4">
			
 
				                     </video>
			
 
				                 </div>
			
 
				             </div>
			
 
				         </div>
			
 
				         <div class="row" style="position: relative;">
			
 
				-            <img src="img/背景-紫霧.png" alt="" width="300px" class="features-purplel">
			
 
				+            <img src="/img/背景-紫霧.png" alt="" width="300px" class="features-purplel">
			
 
				             <div class="col-xs-12 col-md-6">
			
 
				                 <div class="features-imgfr">
			
 
				                     <video autoplay muted loop>
			
 
				-                        <source src="img/官網3.mp4" type="video/mp4">
			
 
				+                        <source src="/img/官網3.mp4" type="video/mp4">
			
 
				                     </video>
			
 
				                 </div>
			
 
				             </div>
			
@@ -79,11 +79,11 @@
 
				             </div>
			
 
				         </div>
			
 
				         <div class="row" style="position: relative;">
			
 
				-            <img src="img/背景-橘霧.png" alt="" width="300px" class="features-oranger">
			
 
				+            <img src="/img/背景-橘霧.png" alt="" width="300px" class="features-oranger">
			
 
				             <div class="col-xs-12 col-md-6 d-block">
			
 
				                 <div class="features-imgfr">
			
 
				                     <video autoplay muted loop>
			
 
				-                        <source src="img/官網4.mp4" type="video/mp4">
			
 
				+                        <source src="/img/官網4.mp4" type="video/mp4">
			
 
				                     </video>
			
 
				                 </div>
			
 
				             </div>
			
@@ -102,13 +102,13 @@
 
				             <div class="col-xs-12 col-md-6 d-md-block">
			
 
				                 <div class="features-imgfr">
			
 
				                     <video autoplay muted loop>
			
 
				-                        <source src="img/官網4.mp4" type="video/mp4">
			
 
				+                        <source src="/img/官網4.mp4" type="video/mp4">
			
 
				                     </video>
			
 
				                 </div>
			
 
				             </div>
			
 
				         </div>
			
 
				-        <div class="row" style="position: relative;">
			
 
				-            <img src="img/背景-紫霧.png" alt="" width="300px" class="features-purplel">
			
 
				+        <!-- <div class="row" style="position: relative;">
			
 
				+            <img src="/img/背景-紫霧.png" alt="" width="300px" class="features-purplel">
			
 
				             <div class="col-xs-12 col-md-6 d-block">
			
 
				                 <div class="features-imgfr">
			
 
				                     <img src="/img/blockchain.jpg" alt="" style="width: 100%;">
			
@@ -132,7 +132,7 @@
 
				                     </div>
			
 
				                 </div>
			
 
				             </div>
			
 
				-        </div>
			
 
				+        </div> -->
			
 
				         <button class="btn-dark" onclick="window.location.href=`https://video.choozmo.com/register.html`">立即開始</button>
			
 
				     </div>
			
 
				 </section>
			
--- a/layouts/partials/LP_components/hero.html
+++ b/layouts/partials/LP_components/hero.html
@@ -11,13 +11,13 @@
 
				                 <button class="hero-btn" onclick="window.location.href=`https://video.choozmo.com/register.html`">立即開始</button>
			
 
				             </div>
			
 
				             <div class="col-md-6 col-left" style="position: relative;">
			
 
				-                <img src="img/背景紫.png" alt="" class="hero-purple">
			
 
				+                <img src="/img/背景紫.png" alt="" class="hero-purple">
			
 
				                 <!-- <img src="img/背景-橘.png" alt="" width="150px" class="hero-orange"> -->
			
 
				-                <img src="img/背景橘.png" alt="" class="hero-orange-s">
			
 
				-                <img src="img/textgrp3.png" alt="" class="hero-textgrp">
			
 
				-                <img src="img/video.png" alt="" class="hero-video">
			
 
				-                <img src="img/放大鏡.png" alt="" class="hero-amplify">
			
 
				-                <div class="hero-imgfr"><img src="img/2222.png" alt=""></div>
			
 
				+                <img src="/img/背景橘.png" alt="" class="hero-orange-s">
			
 
				+                <img src="/img/textgrp3.png" alt="" class="hero-textgrp">
			
 
				+                <img src="/img/video.png" alt="" class="hero-video">
			
 
				+                <img src="/img/放大鏡.png" alt="" class="hero-amplify">
			
 
				+                <div class="hero-imgfr"><img src="/img/2222.png" alt=""></div>
			
 
				             </div>
			
 
				         </div>
			
 
				     </div>
			
--- a/layouts/partials/LP_components/steps.html
+++ b/layouts/partials/LP_components/steps.html
@@ -4,7 +4,7 @@
 
				         <div class="row">
			
 
				             <div class="col-xs-12 col-sm-4">
			
 
				                 <div class="steps-block">
			
 
				-                    <div class="steps-imgfr"><img src="img/aigirls.png" alt=""></div>
			
 
				+                    <div class="steps-imgfr"><img src="/img/aigirls.png" alt=""></div>
			
 
				                     <div class="steps-txt">
			
 
				                         <span>1</span>
			
 
				                         <h3 class="steps-sub">選擇AI人物</h3>
			
@@ -13,7 +13,7 @@
 
				             </div>
			
 
				             <div class="col-xs-12 col-sm-4">
			
 
				                 <div class="steps-block">
			
 
				-                    <div class="steps-imgfr"><img src="img/textgrp.png" alt=""></div>
			
 
				+                    <div class="steps-imgfr"><img src="/img/textgrp.png" alt=""></div>
			
 
				                     <div class="steps-txt">
			
 
				                         <span>2</span>
			
 
				                         <h3 class="steps-sub">輸入腳本文字</h3>
			
@@ -22,7 +22,7 @@
 
				             </div>
			
 
				             <div class="col-xs-12 col-sm-4">
			
 
				                 <div class="steps-block">
			
 
				-                    <div class="steps-imgfr"><img src="img/imagesgrp.png" alt=""></div>
			
 
				+                    <div class="steps-imgfr"><img src="/img/imagesgrp.png" alt=""></div>
			
 
				                     <div class="steps-txt">
			
 
				                         <span>3</span>
			
 
				                         <h3 class="steps-sub">輸入背景圖片素材</h3>
			
--- a/layouts/partials/LP_components/use_cases.html
+++ b/layouts/partials/LP_components/use_cases.html
@@ -4,25 +4,25 @@
 
				         <div class="row">
			
 
				             <div class="col-xs-12 col-sm-6 col-md-3">
			
 
				                 <div class="usecase-block">
			
 
				-                    <div class="usecase-imgfr"><img src="img/產品介紹.png" alt=""></div>
			
 
				+                    <div class="usecase-imgfr"><img src="/img/產品介紹.png" alt=""></div>
			
 
				                     <h3 class="usecase-sub"><i class="fas fa-circle"></i> 產品介紹</h3>
			
 
				                 </div>
			
 
				             </div>
			
 
				             <div class="col-xs-12 col-sm-6 col-md-3">
			
 
				                 <div class="usecase-block">
			
 
				-                    <div class="usecase-imgfr"><img src="img/教育.png" alt=""></div>
			
 
				+                    <div class="usecase-imgfr"><img src="/img/教育.png" alt=""></div>
			
 
				                     <h3 class="usecase-sub"><i class="fas fa-circle"></i> 教育培訓</h3>
			
 
				                 </div>
			
 
				             </div>
			
 
				             <div class="col-xs-12 col-sm-6 col-md-3">
			
 
				                 <div class="usecase-block">
			
 
				-                    <div class="usecase-imgfr"><img src="img/A短影片_1.png" alt=""></div>
			
 
				+                    <div class="usecase-imgfr"><img src="/img/A短影片_1.png" alt=""></div>
			
 
				                     <h3 class="usecase-sub"><i class="fas fa-circle"></i> 資訊傳播</h3>
			
 
				                 </div>
			
 
				             </div>
			
 
				             <div class="col-xs-12 col-sm-6 col-md-3">
			
 
				                 <div class="usecase-block">
			
 
				-                    <div class="usecase-imgfr"><img src="img/內容創作.png" alt=""></div>
			
 
				+                    <div class="usecase-imgfr"><img src="/img/內容創作.png" alt=""></div>
			
 
				                     <h3 class="usecase-sub"><i class="fas fa-circle"></i> 個人內容創作</h3>
			
 
				                 </div>
			
 
				             </div>
			
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -46,9 +46,6 @@
 
				     <![endif]-->
			
 
				   ` | safeHTML }}
			
 
				 
			
 
				-  <!-- Start of HubSpot Embed Code -->
			
 
				-  <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
			
 
				-<!-- End of HubSpot Embed Code -->
			
 
				 
			
 
				   <!-- Favicon and Apple touch icons-->
			
 
				   <link rel="shortcut icon" href="{{ "img/favicon.ico" | relURL }}" type="image/x-icon" />
			
--- a/webSite/config.toml
+++ b/webSite/config.toml
@@ -1,6 +1,6 @@
 
				-baseurl = "https://ai.choozmo.com/"
			
 
				+baseurl = "https://example.org"
			
 
				 title = "AI Spokesgirl | 台灣第一個AI合成主播"
			
 
				-theme = "AI_Video_LP"
			
 
				+theme = "hugo-universal-theme"
			
 
				 themesDir = "../.."
			
 
				 languageCode = "zh-tw"
			
 
				 # Site language. Available translations in the theme's `/i18n` directory.
			
--- a/webSite/content/home-ad/dm.md
+++ b/webSite/content/home-ad/dm.md
@@ -0,0 +1,12 @@
 
				++++
			
 
				+title = "home-ad"
			
 
				+date = "2021-08-19T12:00:05+08:00"
			
 
				+tags = ["home-ad"]
			
 
				+categories = ["home-ad"]
			
 
				+layout = "home-ad"
			
 
				+banner = "/imgs/dm/dm_ip.png"
			
 
				+packageTitle = "IP授權AI虛擬角色 內容變現"
			
 
				+packageSub = "AI翻轉角色經濟創造IP價值普及化，IP虛擬角色成為用戶影片講解主播"
			
 
				+packageBg = "/imgs/dm/dm_ip.png"
			
 
				+description = "看準角色經濟商機及短影音市場趨勢爆發，集仕多集AI技術獨立研發SaaS快速影片創作平台，用戶輸入文稿即有虛擬代言角色在旁提供中、英文等多種語言講解，且自動上字幕，讓影片清晰易懂。瞄準新世代年輕人推出【虛擬角色客製建模方案】，透過AI變臉技術，讓IP角色模擬真人發音嘴形、生動代言主講攻佔用戶螢幕，其製作出的影片更易於讓消費者理解。"
			
 
				++++