update

layouts/aboutus/single_back.html

@@ -77,7 +77,7 @@
             <span class="followus-txt">關注我們</span>
             <a href="https://www.youtube.com/channel/UCi3jHOCCmx0Zyl2ZvoHzHQg" class="followus-img"><img
                 src="/imgs/youtube-new-flat-logo-1.png" alt="" width="32px" height="32px"></a>
-            <a href="https://line.me/R/ti/p/@choozmo?from=page" class="followus-img"><img src="/imgs/line.png"
+            <a href="https://page.line.me/417lsxlz?oat_content=url&openQrModal=true" class="followus-img"><img src="/imgs/line.png"
                 alt=""></a>
             <br>
             <a href="" class="followus__btn">訂閱電子報<i class="fas fa-envelope"></i></a>

layouts/ai-training/single.html

@@ -177,7 +177,7 @@
     crossorigin="anonymous"></script>
   <script>
     function gotoForm() {
-      window.open('https://line.me/R/ti/p/@choozmo?from=page');
+      window.open('https://page.line.me/417lsxlz?oat_content=url&openQrModal=true');
     }
   </script>
 </body>

layouts/index.html

@@ -10,10 +10,17 @@
 
   <div id="all" style="overflow: hidden;">
 
-    {{ partial "components/nav.html" . }}
+    <div class="home-cn">
+      {{ partial "components/nav.html" . }}
+    </div>
+
+    <div class="home-en">
+      {{ partial "components/en/nav.html" . }}
+    </div>
 
     <div id="home">
       {{ partial "components/carousel.html" . }}
+
       <div class="home-cn">
         <!-- {{ partial "components/main.html" . }} -->
         <!-- {{ partial "components/serve.html" . }} -->
@@ -27,6 +34,7 @@
         {{ partial "LP_components/action.html" . }}
         {{ partial "footer.html" . }}
       </div>
+
       <div class="home-en">
         <!-- {{ partial "components/en/main.html" . }} -->
         <!-- {{ partial "components/en/serve.html" . }} -->

layouts/partials/LP_components/Footer.html

@@ -8,7 +8,7 @@
                 <div class="footer-socials">
                     <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px"></a>
                     <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px" height="48px"></a>
-                    <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px"></a>
+                    <a href="https://page.line.me/417lsxlz?oat_content=url&openQrModal=true"><img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px"></a>
                     <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
                     <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt="" width="48px" height="48px"></a>
                     <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px" height="32px"></a>

layouts/partials/components/en/footer.html

@@ -6,22 +6,22 @@
         <div class="footer-aigirl">ChoozMo AIGV</div>
         <div class="footer-follow">Follow us</div>
         <div class="footer-socials">
-          <a href="https://www.linkedin.com/company/choozmo/">
+          <a href="https://www.linkedin.com/company/choozmo/" target="_blank">
             <img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px">
             </a>
-          <a href="https://www.facebook.com/choozmo/">
+          <a href="https://www.facebook.com/choozmo/" target="_blank">
             <img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px" height="48px">
             </a>
-          <a href="https://line.me/R/ti/p/@choozmo?from=page">
+          <a href="https://page.line.me/417lsxlz?oat_content=url&openQrModal=true" target="_blank">
             <img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px">
           </a>
-          <a href="https://www.instagram.com/choozmo_cmm/">
+          <a href="https://www.instagram.com/choozmo_cmm/" target="_blank">
             <img src="https://i.imgur.com/pdJPY7m.png" alt="" width="60px" height="60px" style="margin-left: -6px; margin-right: -8px;">
           </a>
-          <a href="https://twitter.com/ai_cmm">
+          <a href="https://twitter.com/ai_cmm" target="_blank">
             <img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px" height="28px" style="margin-right: 3px;">
           </a>
-          <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg">
+          <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg" target="_blank">
             <img src="https://i.imgur.com/zn6DUY8.png" alt="" width="38px" height="38px">
           </a>
         </div>

layouts/partials/components/en/nav.html

@@ -0,0 +1,86 @@
+<nav class="navbar navbar-expand-xl navbar-light bg-light">
+  <div class="container-fluid justify-content-between justify-content-xl-start">
+    <a class="navbar-brand home p-0" href="/">
+      <img src="{{ .Site.Params.logo | relURL }}" alt="{{ .Title }} logo" class="logo">
+      <!-- <img src="{{ .Site.Params.logo_small | relURL }}" alt="{{ .Title }} logo" class="d-block d-lg-none logo-sm"> -->
+      <span class="sr-only">{{ .Title }} - {{ i18n "navHome" }}</span>
+    </a>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
+      aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse w-100" id="navbarSupportedContent">
+
+      <ul class="navbar-nav me-auto mb-2 mb-lg-0 mt-4 mt-lg-0">
+        {{ $currentPage := . }}
+        {{ range .Site.Menus.main }}
+        {{ if .HasChildren }}
+
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
+            aria-expanded="false">
+            {{ .Pre }}
+            <span>{{ .Params.name_en }}</span>
+          </a>
+          <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+            {{ range .Children }}
+            <li class="{{ if $currentPage.IsMenuCurrent " main" . }}active{{ end }}">
+              <a class="dropdown-item" href="{{ .URL }}">{{ .Params.name_en }}</a>
+            </li>
+            {{ end }}
+          </ul>
+        </li>
+        {{ else }}
+        <li class="nav-item">
+          <a class="nav-link" href="{{ .URL }}">
+            {{ .Pre }}
+            <span>{{ .Params.name_en }}</span>
+          </a>
+        </li>
+        {{ end }}
+        {{ end }}
+      </ul>
+
+      <ul class="nav navbar-nav navbar-right flex-column flex-xl-row ms-auto mb-3 mb-xl-0">
+        <li class="me-2 mb-3 mb-xl-0">
+          <button class="language-btn" onclick="toggleLang()">
+            中 / en
+          </button>
+        </li>
+        <li class="me-2 mb-4 mb-xl-0 pb-1 pb-xl-0">
+          <a href="/virtual-host-solution/" class="solution-link">AI Presenter Quote</a>
+        </li>
+        <li>
+          <a href="https://crm.choozmo.com/#/" target="_blank" class="signin-link">Use AI Platform</a>
+        </li>
+        <!-- <li><a href="https://video.choozmo.com/register.html" class="signup-link">註冊</a></li> -->
+      </ul>
+      <!-- <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item">
+          <a class="nav-link active" aria-current="page" href="#">Home</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="#">Link</a>
+        </li>
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+            Dropdown
+          </a>
+          <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+            <li><a class="dropdown-item" href="#">Action</a></li>
+            <li><a class="dropdown-item" href="#">Another action</a></li>
+            <li><hr class="dropdown-divider"></li>
+            <li><a class="dropdown-item" href="#">Something else here</a></li>
+          </ul>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link disabled">Disabled</a>
+        </li>
+      </ul> -->
+      <!-- <form class="d-flex">
+        <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
+        <button class="btn btn-outline-success" type="submit">Search</button>
+      </form> -->
+    </div>
+  </div>
+</nav>

layouts/partials/footer.html

@@ -6,23 +6,23 @@
         <div class="footer-aigirl">ChoozMo AIGV</div>
         <div class="footer-follow">關注我們</div>
         <div class="footer-socials">
-          <a href="https://www.linkedin.com/company/choozmo/">
+          <a href="https://www.linkedin.com/company/choozmo/" target="_blank">
             <img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px">
           </a>
-          <a href="https://www.facebook.com/choozmo/">
+          <a href="https://www.facebook.com/choozmo/" target="_blank">
             <img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px" height="48px">
           </a>
-          <a href="https://line.me/R/ti/p/@choozmo?from=page">
+          <a href="https://page.line.me/417lsxlz?oat_content=url&openQrModal=true" target="_blank">
             <img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px">
           </a>
-          <a href="https://www.instagram.com/choozmo_cmm/">
+          <a href="https://www.instagram.com/choozmo_cmm/" target="_blank">
             <img src="https://i.imgur.com/pdJPY7m.png" alt="" width="60px" height="60px"
               style="margin-left: -6px; margin-right: -8px;">
           </a>
-          <a href="https://twitter.com/ai_cmm">
+          <a href="https://twitter.com/ai_cmm" target="_blank">
             <img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px" height="28px" style="margin-right: 3px;">
           </a>
-          <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg">
+          <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg" target="_blank">
             <img src="https://i.imgur.com/zn6DUY8.png" alt="" width="38px" height="38px">
           </a>
         </div>

layouts/partials/footer_default.html

@@ -9,7 +9,7 @@
             <div class="followus">
                 <span class="followus-txt">關注我們</span>
                 <a href="https://www.youtube.com/channel/UCi3jHOCCmx0Zyl2ZvoHzHQg" class="followus-img"><img src="img/youtube.png" alt=""></a>
-                <a href="https://line.me/R/ti/p/@choozmo?from=page" class="followus-img"><img src="img/line.png" alt=""></a>
+                <a href="https://page.line.me/417lsxlz?oat_content=url&openQrModal=true" class="followus-img"><img src="img/line.png" alt=""></a>
                 <a href="">訂閱電子報<i class="fas fa-envelope"></i></a>
             </div>
             <hr class="hidden-md hidden-lg hidden-sm">

static/css/style.css

@@ -3,6 +3,10 @@
   letter-spacing: 1px;
 }
 
+.home-cn {
+  display: none;
+}
+
 .navbar {
   box-shadow: 0 2px 10px 2px rgb(204, 204, 204);
   background-color: white !important;
@@ -54,6 +58,18 @@
   border-radius: 3rem;
   transition: all 0.3s;
 }
+@media (max-width: 1300px) {
+  .navbar-nav .solution-link {
+    padding: 8px;
+    font-size: 14px;
+  }
+}
+@media (max-width: 1200px) {
+  .navbar-nav .solution-link {
+    padding: 8px 18px;
+    font-size: 16px;
+  }
+}
 .navbar-nav .solution-link:hover {
   opacity: 0.8;
 }
@@ -66,6 +82,18 @@
   border: 1px solid #ea5413;
   border-radius: 3rem;
 }
+@media (max-width: 1300px) {
+  .navbar-nav .signin-link {
+    padding: 8px;
+    font-size: 14px;
+  }
+}
+@media (max-width: 1200px) {
+  .navbar-nav .signin-link {
+    padding: 8px 18px;
+    font-size: 16px;
+  }
+}
 .navbar-nav .signup-link {
   padding: 8px 18px;
   margin: 13px;
@@ -83,6 +111,19 @@
   opacity: 0.8;
 }
 
+@media (max-width: 1300px) {
+  .nav-link {
+    padding-left: 0.3rem !important;
+    padding-right: 0.3rem !important;
+  }
+}
+@media (max-width: 1200px) {
+  .nav-link {
+    padding-left: 0.5rem !important;
+    padding-right: 0.5rem !important;
+  }
+}
+
 .header {
   margin-top: 70px;
   position: relative;

static/css/style.scss

@@ -2,6 +2,10 @@
   letter-spacing: 1px;
 }
 
+.home-cn {
+  display: none;
+}
+
 .navbar {
   box-shadow: 0 2px 10px 2px rgb(204, 204, 204);
   background-color: white !important;
@@ -59,6 +63,16 @@
     border-radius: 3rem;
     transition: all 0.3s;
 
+    @media (max-width: 1300px) {
+      padding: 8px;
+      font-size: 14px;
+    }
+
+    @media (max-width: 1200px) {
+      padding: 8px 18px;
+      font-size: 16px;
+    }
+
     &:hover {
       opacity: 0.8;
     }
@@ -72,6 +86,16 @@
     font-size: 16px;
     border: 1px solid #ea5413;
     border-radius: 3rem;
+
+    @media (max-width: 1300px) {
+      padding: 8px;
+      font-size: 14px;
+    }
+
+    @media (max-width: 1200px) {
+      padding: 8px 18px;
+      font-size: 16px;
+    }
   }
 
   .signup-link {
@@ -94,6 +118,18 @@
   }
 }
 
+.nav-link {
+  @media (max-width: 1300px) {
+    padding-left: .3rem !important;
+    padding-right: .3rem !important;
+  }
+
+  @media (max-width: 1200px) {
+    padding-left: .5rem !important;
+    padding-right: .5rem !important;
+  }
+}
+
 // .navbar {
 //   @media (max-width: 1400px) {
 //     font-size: 14px;

webSite/config.toml

@@ -37,18 +37,21 @@ page = ["HTML"]
     name = "首頁"
     url  = "/"
     weight = 1
+    params = { name_en = "Home" }
 
 [[menu.main]]
     identifier="AI 客服"
     name = "AI 客服"
     url  = "/virtual-host-solution/"
     weight = 2
+    params = { name_en = "AI Customer Service" }
 
 [[menu.main]]
     identifier="AI 擬真人"
     name = "AI 擬真人"
     url  = "/ai-presenter/info/"
     weight = 2
+    params = { name_en = "AI Presenter" }
     
 #[[menu.main]]
 #    identifier="AI 智能客服"
@@ -61,6 +64,7 @@ page = ["HTML"]
     name = "服務"
     url  = ""
     weight = 4
+    params = { name_en = "Serve" }
 
 [[menu.main]]
     identifier="genseo"
@@ -68,6 +72,7 @@ page = ["HTML"]
     url = "/genseo/"
     weight = 1
     parent = "home"
+    params = { name_en = "Gen SEO" }
 
 [[menu.main]]
     identifier="video-editing"
@@ -75,6 +80,7 @@ page = ["HTML"]
     url = "/video-editing/dm/"
     weight = 2
     parent = "home"
+    params = { name_en = "Video Editing" }
 
 [[menu.main]]
     identifier="ai-transform-video"
@@ -82,6 +88,7 @@ page = ["HTML"]
     url = "/ai-transform-video/dm/"
     weight = 3
     parent = "home"
+    params = { name_en = "AI Transform Video" }
 
 #[[menu.main]]
 #    identifier="seo-search"
@@ -96,6 +103,7 @@ page = ["HTML"]
     url = "/ai-balanced-news-reporting/"
     weight = 5
     parent = "home"
+    params = { name_en = "AI Balanced News Reporting" }
 
 [[menu.main]]
     identifier="ad-operation"
@@ -103,6 +111,7 @@ page = ["HTML"]
     url = "/ad-operation/dm/"
     weight = 6
     parent = "home"
+    params = { name_en = "AD Operation" }
 
 #[[menu.main]]
 #    identifier="youtube-views-zh"
@@ -110,6 +119,7 @@ page = ["HTML"]
 #    url = "/youtube-views-zh/dm/"
 #    weight = 7
 #    parent = "home"
+#    params = { name_en = "YouTube Views" }
 
 [[menu.main]]
     identifier="bigdata"
@@ -117,6 +127,7 @@ page = ["HTML"]
     url = "/bigdata/dm/"
     weight = 8
     parent = "home"
+    params = { name_en = "Big Data" }
 
 [[menu.main]]
     identifier="crawler"
@@ -124,6 +135,7 @@ page = ["HTML"]
     url = "/crawler/dm/"
     weight = 9
     parent = "home"
+    params = { name_en = "Crawler" }
 
 [[menu.main]]
     identifier="research"
@@ -131,6 +143,7 @@ page = ["HTML"]
     url = "/research/dm/"
     weight = 10
     parent = "home"
+    params = { name_en = "Research" }
     
 #[[menu.main]]
 #    identifier="video-making"
@@ -152,6 +165,7 @@ page = ["HTML"]
     url = "/llm-service"
     weight = 13
     parent = "home"
+    params = { name_en = "LLM Service" }
 
 #[[menu.main]]
 #    identifier="blog-traffic"
@@ -172,6 +186,7 @@ page = ["HTML"]
     name = "部落格"
     url  = "/blog/"
     weight = 5
+    params = { name_en = "Blog" }
 
 #[[menu.main]]
 #    identifier="main-news"
@@ -184,12 +199,14 @@ page = ["HTML"]
     name = "聯絡我們"
     url  = "/contact/service/"
     weight = 7
+    params = { name_en = "Contact Us" }
 
 #[[menu.main]]
 #    identifier="關於我們"
 #    name = "關於我們"
 #    url  = "/aboutus/info/"
 #    weight = 8
+#    params = { name_en = "About Us" }
 
 # Top bar social links menu
 

webSite/static/daily-trends/2021-06-18.html

@@ -359,7 +359,7 @@ a[x-apple-data-detectors='true'] {
       
 <!--[if (mso)|(IE)]><td align="center" width="600" style="width: 600px;padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;" valign="top"><![endif]-->
 <div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
-  <a href="https://line.me/R/ti/p/@choozmo?from=page" title="Line" target="_blank">
+  <a href="https://page.line.me/417lsxlz?oat_content=url&openQrModal=true" title="Line" target="_blank">
   <div style="width: 100% !important;">
 
   <!--[if (!mso)&(!IE)]><!--><div style="padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;"><!--<![endif]-->
@@ -429,7 +429,7 @@ a[x-apple-data-detectors='true'] {
     <!--[if (mso)|(IE)]><td width="32" style="width:32px; padding-right: 20px;" valign="top"><![endif]-->
     <table align="left" border="0" cellspacing="0" cellpadding="0" width="32" height="32" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;margin-right: 30px">
       <tbody><tr style="vertical-align: top"><td align="left" valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
-        <a href="https://line.me/R/ti/p/@choozmo?from=page" title="Line" target="_blank">
+        <a href="https://page.line.me/417lsxlz?oat_content=url&openQrModal=true" title="Line" target="_blank">
           <img src="http://edm.cmm.ai/images/line.png" alt="Line" title="Line" width="32" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border: none;height: auto;float: none;max-width: 32px !important">
         </a>
       </td></tr>

webSite/var/www/html/collaboration/index.html

@@ -598,7 +598,7 @@
                   width="32px" height="32px"></a>
               <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px"
                   height="48px"></a>
-              <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt=""
+              <a href="https://page.line.me/417lsxlz?oat_content=url&openQrModal=true"><img src="https://i.imgur.com/dNZ2aGW.png" alt=""
                   width="32px" height="32px"></a>
               <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img
                   src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>

webSite/var/www/html/collaboration/info/index.html

@@ -105,7 +105,7 @@
                 width="32px" height="32px"></a>
             <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px"
                 height="48px"></a>
-            <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt=""
+            <a href="https://page.line.me/417lsxlz?oat_content=url&openQrModal=true"><img src="https://i.imgur.com/dNZ2aGW.png" alt=""
                 width="32px" height="32px"></a>
             <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img
                 src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>