Home Explore Help
Register Sign In
choozmo
/
AI_Anchor_Demo
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

lan switch

huai-sian 3 years ago
parent
df9661481b
commit
6a150bc6ff
9 changed files with 109 additions and 111 deletions
Split View Show Diff Stats
  1. 13 26
      about.html
  2. 25 12
      demo.html
  3. 15 26
      features.html
  4. 11 0
      js/lan.js
  5. 16 24
      steps.html
  6. 10 0
      style.css
  7. 0 0
      style.css.map
  8. 4 0
      style.scss
  9. 15 23
      usecases.html

+ 13 - 26
about.html
View File 

@@ -16,38 +16,25 @@
 
 </head>
 
 
 <body>
 
-    <nav class="navbar navbar-expand-lg navbar-light d-block">
 
-        <div class="container-fluid px-5">
 
-            <!-- <a class="navbar-brand d-block d-md-none" href="index.html">AI Spokesgirl</a> -->
 
-            <a class="navbar-brand" href="index.html"></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" id="navbarSupportedContent">
 
-                <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
 
-                    <li class="nav-item dropdown">
 
-                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
 
-                            中/En
 
-                        </a>
 
-                        <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
 
-                            <li><button class="nav-link lan-switch" aria-current="page" set-lan="html:en" onclick="changeLan(this)" value="en">English</button></li>
 
-                            <li><button class="nav-link lan-switch" aria-current="page" set-lan="html:zh" onclick="changeLan(this)" value="zh">中文</button></li>
 
-                        </ul>
 
-                    </li>
 
-                </ul>
 
-            </div>
 
-        </div>
 
-    </nav>
 
     <section class="sec01">
 
         <div class="card border-0">
 
             <!-- <img src="./img/T1.png" class="card-img img-fluid" alt="..."> -->
 
             <div class="card-img-overlay pb-0">
 
-                <div>
 
+                <div class="ai-spokesgril">
 
                     <a style="text-decoration: none;color:#000; font-size: 32px;font-weight: 900;"
 
                         href="./index.html"><img class="me-3" style="width: 60px;" src="./img/home-button.png" alt="">AI
 
                         Spokesgirl</a>
 
+                    <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
 
+                        <li class="nav-item dropdown">
 
+                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
 
+                                中/En
 
+                            </a>
 
+                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
 
+                                <li><button class="nav-link lan-switch" aria-current="page" set-lan="html:en" onclick="changeLan(this)" value="en">English</button></li>
 
+                                    <li><button class="nav-link lan-switch" aria-current="page" set-lan="html:zh" onclick="changeLan(this)" value="zh">中文</button></li>
 
+                            </ul>
 
+                        </li>
 
+                    </ul>
 
                 </div>
 
                 <section class="sec-hero" style="margin-top: 10px;">
 
                     <div class="container">
 
@@ -57,7 +44,7 @@
 
                                 <p class="hero-txt"><lan set-lan="html:hero_txt1">輸入文字素材，即速產生影片</lan><br>
 
                                     <lan set-lan="html:hero_txt2">創作影片，不再需要錄影機、演員、麥克風繁雜器材。</lan><br>
 
                                     <lan set-lan="html:hero_txt3">大幅省下時間、人力、器材成本。</lan></p>
 
-                                <button class="hero-btn" onclick="window.location.href=`https://video.choozmo.com/register.html`"><lan set-lan="html:try_it_out">立即開始</lan></button>
 
+                                <button class="hero-btn" onclick="direct()"><lan set-lan="html:try_it_out">立即開始</lan></button>
 
                             </div>
 
                             <div class="col-md-6 col-left" style="position: relative;">
 
                                 <img src="img/背景紫.png" alt="" class="hero-purple">

+ 25 - 12
demo.html
View File 

@@ -14,15 +14,31 @@
 
 </head>
 
 
 <body>
 
+    <div class="ai-spokesgril">
 
+      <a style="text-decoration: none;color:#000; font-size: 32px;font-weight: 900;"
 
+          href="./index.html"><img class="me-3" style="width: 60px;" src="./img/home-button.png" alt="">AI
 
+          Spokesgirl</a>
 
+      <ul class="navbar-nav ms-auto mb-2 mb-lg-0 me-2">
 
+          <li class="nav-item dropdown">
 
+              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
 
+                  中/En
 
+              </a>
 
+              <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
 
+                  <li><button class="nav-link lan-switch" aria-current="page" set-lan="html:en" onclick="changeLan(this)" value="en">English</button></li>
 
+                  <li><button class="nav-link lan-switch" aria-current="page" set-lan="html:zh" onclick="changeLan(this)" value="zh">中文</button></li>
 
+              </ul>
 
+          </li>
 
+      </ul>
 
+    </div>
 
     <section class="sec-usecase">
 
       <div class="container">
 
           <div class="row my-5">
 
-              <div class="col-12 col-md-6 m-4">
 
-                <a href="./make_video.html">
 
-                  <h3 class="usecase-sub"><i class="fas fa-circle"></i> 手動製作影片</h3>
 
+              <div class="col m-2">
 
+                <a onclick="direct()">
 
+                  <h3 class="usecase-sub"><i class="fas fa-circle"></i> <lan set-lan="html:make_video_hand">手動製作影片</lan></h3>
 
                 </a>
 
               </div>
 
-              <div class="col-12 col-md-6 m-4">
 
+              <div class="col m-2">
 
                 <a href="#">
 
                   <h3 class="usecase-sub"><i class="fas fa-circle"></i> 自動影片製作</h3>
 
                 </a>
 
@@ -31,17 +47,14 @@
 
       </div>
 
 
     </section>
 
-
 
-
 
-
 
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js"
 
-        integrity="sha384-W8fXfP3gkOKtndU4JGtKDvXbO53Wy8SZCQHczT5FMiiqmQfUpWbYdTil/SxwZgAN"
 
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
 
+        integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
 
         crossorigin="anonymous"></script>
 
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.min.js"
 
-        integrity="sha384-skAcpIdS7UcVUC05LJ9Dxay8AXcDYfBJqt1CJ85S/CFujBsIzCIv+l9liuYLaMQ/"
 
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
 
+        integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
 
         crossorigin="anonymous"></script>
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
 
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
 
+    <script src="js/lan.js"></script>
 
 </body>
 
 
 </html>

+ 15 - 26
features.html
View File 

@@ -16,35 +16,24 @@
 
 
 <body>
 
 <div style="overflow: hidden;">
 
-    <nav class="navbar navbar-expand-lg navbar-light d-block">
 
-        <div class="container-fluid px-5">
 
-            <!-- <a class="navbar-brand d-block d-md-none" href="index.html">AI Spokesgirl</a> -->
 
-            <a class="navbar-brand" href="index.html"></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" id="navbarSupportedContent">
 
-                <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
 
-                    <li class="nav-item dropdown">
 
-                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
 
-                            中/En
 
-                        </a>
 
-                        <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
 
-                            <li><button class="nav-link lan-switch" aria-current="page" set-lan="html:en" onclick="changeLan(this)" value="en">English</button></li>
 
-                            <li><button class="nav-link lan-switch" aria-current="page" set-lan="html:zh" onclick="changeLan(this)" value="zh">中文</button></li>
 
-                        </ul>
 
-                    </li>
 
-                </ul>
 
-            </div>
 
-        </div>
 
-    </nav>
 
     <div class="ai-spokesgril"> 
-        <a style="text-decoration: none;color:#000; font-size: 32px;font-weight: 900; margin-top: 100px; margin-left: 15px;" href="./index.html">
 
+        <a style="text-decoration: none;color:#000; font-size: 32px;font-weight: 900; margin-left: 15px;" href="./index.html">
 
             <img class="me-5" style="width: 60px; margin-right: 15px;" src="./img/home-button.png" alt="">
 
             AI Spokesgirl
 
         </a>
 
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+            <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
 
+                <li class="nav-item dropdown">
 
+                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
 
+                        中/En
 
+                    </a>
 
+                    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
 
+                        <li><button class="nav-link lan-switch" aria-current="page" set-lan="html:en" onclick="changeLan(this)" value="en">English</button></li>
 
+                        <li><button class="nav-link lan-switch" aria-current="page" set-lan="html:zh" onclick="changeLan(this)" value="zh">中文</button></li>
 
+                    </ul>
 
+                </li>
 
+            </ul>
 
+        </div>
 
     </div>
 
     <section class="sec-features" id="sec-features">
 
         <div class="container text-center">
 
@@ -156,7 +145,7 @@
 
                 </div>
 
             </div>
 
             <button class="btn-dark"
 
-                onclick="window.location.href=`https://video.choozmo.com/register.html`"><lan set-lan="html:try_it_out">立即開始</lan></button>
 
+                onclick="direct()"><lan set-lan="html:try_it_out">立即開始</lan></button>
 
         </div>
 
     </section>
 
 </div>

+ 11 - 0
js/lan.js
View File 

@@ -165,6 +165,7 @@ var zh = {
 
     "feature_no3_li2": "生成MP4檔",
 
     "feature_no4_li1": "支援中英文內容",
 
     "feature_no4_li2": "可加入字幕",
 
+    "make_video_hand": "手動製作影片",
 
 };
 
 
 var en = {
 
@@ -284,6 +285,7 @@ var en = {
 
     "feature_no3_li2": "Get downloadable MP4 video",
 
     "feature_no4_li1": "Support english & chinese content",
 
     "feature_no4_li2": "Caption included",
 
+    "make_video_hand": "Make Video",
 
 };
 
 
 function switchLanContent(val){
 
@@ -382,3 +384,12 @@ function get_lan(m)
 
 
     return t;
 
 }
 
+
 
+function direct() {
 
+    console.log(lang);
 
+    if(lang == 'en') {
 
+        window.location.href = './make_video_eng.html';
 
+    } else {
 
+        window.location.href = './make_video.html';
 
+    }
 
+}

+ 16 - 24
steps.html
View File 

@@ -14,30 +14,22 @@
 
 </head>
 
 
 <body>
 
-    <nav class="navbar navbar-expand-lg navbar-light d-block">
 
-        <div class="container-fluid px-5">
 
-            <!-- <a class="navbar-brand d-block d-md-none" href="index.html">AI Spokesgirl</a> -->
 
-            <a class="navbar-brand" href="index.html"></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" id="navbarSupportedContent">
 
-                <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
 
-                    <li class="nav-item dropdown">
 
-                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
 
-                            中/En
 
-                        </a>
 
-                        <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
 
-                            <li><button class="nav-link lan-switch" aria-current="page" set-lan="html:en" onclick="changeLan(this)" value="en">English</button></li>
 
-                            <li><button class="nav-link lan-switch" aria-current="page" set-lan="html:zh" onclick="changeLan(this)" value="zh">中文</button></li>
 
-                        </ul>
 
-                    </li>
 
+    <div class="ai-spokesgril">
 
+        <a style="text-decoration: none;color:#000; font-size: 32px;font-weight: 900;"
 
+            href="./index.html"><img class="me-3" style="width: 60px;" src="./img/home-button.png" alt="">AI
 
+            Spokesgirl</a>
 
+        <ul class="navbar-nav ms-auto mb-2 mb-lg-0 me-2">
 
+            <li class="nav-item dropdown">
 
+                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
 
+                    中/En
 
+                </a>
 
+                <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
 
+                    <li><button class="nav-link lan-switch" aria-current="page" set-lan="html:en" onclick="changeLan(this)" value="en">English</button></li>
 
+                    <li><button class="nav-link lan-switch" aria-current="page" set-lan="html:zh" onclick="changeLan(this)" value="zh">中文</button></li>
 
                 </ul>
 
-            </div>
 
-        </div>
 
-      </nav>
 
+            </li>
 
+        </ul>
 
+    </div>
 
     <section class="sec-steps my-5">
 
       <div class="container text-center">
 
         <h2 class="steps-title mb-5"><strong>3</strong><lan set-lan="html:steps_title">步驟快速合成影片</lan></h2>
 
@@ -70,7 +62,7 @@
 
                 </div>
 
             </div>
 
         </div>
 
-        <a class="btn-dark" set-lan="href:demo_link"><lan set-lan="html:try_it_out">立即開始</lan></a>
 
+        <a class="btn-dark" onclick="direct()"><lan set-lan="html:try_it_out">立即開始</lan></a>
 
         <div class="row my-5">
 
           <div class="col-12">
 
             <div class="step-videofr">

+ 10 - 0
style.css
View File 

@@ -452,6 +452,15 @@ p {
 
 /* sec-features */
 
 .ai-spokesgril {
 
   margin-top: 50px;
 
+  display: -webkit-box;
 
+  display: -ms-flexbox;
 
+  display: flex;
 
+  -webkit-box-align: center;
 
+      -ms-flex-align: center;
 
+          align-items: center;
 
+  -webkit-box-pack: justify;
 
+      -ms-flex-pack: justify;
 
+          justify-content: space-between;
 
 }
 
 
 .sec-features {
 
@@ -694,6 +703,7 @@ p {
 
   font-size: 2rem;
 
   text-decoration: none;
 
   padding: .8rem 0;
 
+  color: black;
 
 }
 
 
 @media (max-width: 992px) {

File diff suppressed because it is too large
+ 0 - 0
style.css.map


+ 4 - 0
style.scss
View File 

@@ -414,6 +414,9 @@ h6,
 
 /* sec-features */
 
 .ai-spokesgril{
 
   margin-top: 50px;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: space-between;
 
 }
 
 
 .sec-features {
 
@@ -640,6 +643,7 @@ h6,
 
   font-size: 2rem;
 
   text-decoration: none;
 
   padding: .8rem 0;
 
+  color: black;
 
 }
 
 
 @media (max-width: 992px) {

+ 15 - 23
usecases.html
View File 

@@ -14,30 +14,22 @@
 
 </head>
 
 
 <body>
 
-  <nav class="navbar navbar-expand-lg navbar-light d-block">
 
-    <div class="container-fluid px-5">
 
-        <!-- <a class="navbar-brand d-block d-md-none" href="index.html">AI Spokesgirl</a> -->
 
-        <a class="navbar-brand" href="index.html"></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" id="navbarSupportedContent">
 
-            <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
 
-                <li class="nav-item dropdown">
 
-                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
 
-                        中/En
 
-                    </a>
 
-                    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
 
-                        <li><button class="nav-link lan-switch" aria-current="page" set-lan="html:en" onclick="changeLan(this)" value="en">English</button></li>
 
-                        <li><button class="nav-link lan-switch" aria-current="page" set-lan="html:zh" onclick="changeLan(this)" value="zh">中文</button></li>
 
-                    </ul>
 
-                </li>
 
-            </ul>
 
-        </div>
 
+    <div class="ai-spokesgril">
 
+      <a style="text-decoration: none;color:#000; font-size: 32px;font-weight: 900;"
 
+          href="./index.html"><img class="me-3" style="width: 60px;" src="./img/home-button.png" alt="">AI
 
+          Spokesgirl</a>
 
+      <ul class="navbar-nav ms-auto mb-2 mb-lg-0 me-2">
 
+          <li class="nav-item dropdown">
 
+              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
 
+                  中/En
 
+              </a>
 
+              <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
 
+                  <li><button class="nav-link lan-switch" aria-current="page" set-lan="html:en" onclick="changeLan(this)" value="en">English</button></li>
 
+                  <li><button class="nav-link lan-switch" aria-current="page" set-lan="html:zh" onclick="changeLan(this)" value="zh">中文</button></li>
 
+              </ul>
 
+          </li>
 
+      </ul>
 
     </div>
 
-  </nav>
 
     <section class="sec-usecase">
 
       <div class="container">
 
           <div class="row my-5">

Some files were not shown because too many files changed in this diff