Browse Source

修改登入/註冊介面 & 英文化

Mike 3 năm trước cách đây
mục cha
commit
0a26438bd7
4 tập tin đã thay đổi với 18 bổ sung9 xóa
  1. 2 2
      html/index.html
  2. 2 2
      html/login.html
  3. 8 5
      html/register.html
  4. 6 0
      html/static/lan.js

+ 2 - 2
html/index.html

@@ -98,7 +98,7 @@
                             </ul>
                     </div>
                     <div class="col-12 col-lg-4">
-                        <a href="./pricing.html"><img style="width: 128px;" src="./static/img//transfer.png" alt=""></a>                    
+                        <a href="./pricing.html"><img style="width: 128px;" src="./static/img/transfer.png" alt=""></a>                    
                         <h2 set-lan="html:pricing_content">畫面素材支援: 圖檔 | 影檔 | 簡報</h2>
                         <ul class="price-text ms-1">
                             <li set-lan="html:index_li3_1">可上傳圖片或是影片作為背景</li>
@@ -109,7 +109,7 @@
              
                 <!-- <h1 class="mt-5 d-inline pe-5">$1200/7min</h1> -->
                 <p class="mt-5" set-lan="html:index_action">想要快速製作影音內容?立即註冊,開始創作!</p>
-                <a href="./pricing.html"><button class="get-started my-3" set-lan="html:pricing_checkout">立即查看</button></a>
+                <a href="./register.html"><button class="get-started my-3" set-lan="html:pricing_checkout">立即查看</button></a>
             </div>
         </div>
     </div>

+ 2 - 2
html/login.html

@@ -109,7 +109,7 @@
                 <div class="login-content">
                     <!-- 已登入 {% if success %} -->
                   <!-- 未登入 {% endif %} -->
-                    <h2 class="my-3 title">LOGIN</h2>
+                    <h2 class="my-3 title" set-lan="html:login">LOGIN</h2>
                     <div class="tab-content" id="myTabContent">
                         <div class="tab-pane fade p-lg-3 show active" id="login" role="tabpanel" aria-labelledby="login-tab">
                             
@@ -126,7 +126,7 @@
                                     <a class="ms-1" set-lan="html:goRegister" href="register.html">註冊</a>
                                 </div>
                                 <div class="d-flex justify-content-center">
-                                    <button id="btn_login" class="">Login</button>
+                                    <button id="btn_login" set-lan="html:login_link">立即登入</button>
                                 </div>
                         </div>
                         <!-- <div class="tab-pane fade p-lg-3" id="register" role="tabpanel" aria-labelledby="register-tab">

+ 8 - 5
html/register.html

@@ -108,7 +108,7 @@
                 <div class="login-content">
                     <!-- 已登入 {% if success %} -->
                   <!-- 未登入 {% endif %} -->
-                    <h2 class="my-3 title">REGISTER</h2>
+                    <h2 class="my-3 title" set-lan="html:goRegister">REGISTER</h2>
                     <div class="tab-content" id="myTabContent">
                         <div class="tab-pane fade p-lg-3 show active" id="register" role="tabpanel" aria-labelledby="register-tab">
                             <form>
@@ -124,14 +124,17 @@
                                     <input type="password" class="form-control" id="password" name="password"  placeholder="Password" required>
                                     <label for="password"><i class="fas fa-lock me-2"></i>Password</label>
                                 </div>
-                                <div class="mb-3">
+                                <!-- <div class="mb-3">
                                     <input type="checkbox" id="privacy" name="privacy" checked required>
                                     <label for="privacy"><a href="privacy.html" class="link_privacy" target="_blank" set-lan="html:privacy_term">同意隱私政策及使用條款</a></label>
-                                </div>
+                                </div> -->
                                 <div class="d-flex justify-content-center">
-                                    <button type="button" class="btn btn-primary align-items-center btn-register">Register</button>
+                                    <p set-lan="html:oldHere">已經有帳號?</p>
+                                    <a class="ms-1" href="login.html" set-lan="html:login">登入</a>
+                                </div>
+                                <div class="mb-3 d-flex justify-content-center">
+                                    <button type="button" class="btn btn-primary align-items-center btn-register" set-lan="html:goRegister_link">立即註冊</button>
                                 </div>
-        
                             </form>
                         </div>
                     </div>

+ 6 - 0
html/static/lan.js

@@ -54,6 +54,7 @@ var zh = {
     "make_video_long": "長影片製作",
     "make_video_eng": "英文影片製作",
     "login" : "登入",
+    "login_link" : "立即登入",
     "user_profile": "會員資料",
     "logout": "登出",
     "en": "English",
@@ -76,7 +77,9 @@ var zh = {
     "submit": "送出",
     "privacy_term": "同意隱私政策及使用條款",
     "newHere": "還沒有帳號?",
+    "oldHere": "已經有帳號?",
     "goRegister": "註冊",
+    "goRegister_link": "立即註冊",
     "pricing" : "早鳥方案",
     "errorEmail": "請輸入正確E-mail",
     "errorPsd": "密碼至少為4個字元",
@@ -133,6 +136,7 @@ var en = {
     "make_video_long": "Make Long Videos",
     "make_video_eng": "Make English Video",
     "login" : "Login",
+    "login_link" : "Login",
     "user_profile": "User Profile",
     "logout": "Logout",
     "en": "English",
@@ -155,7 +159,9 @@ var en = {
     "submit": "Submit",
     "privacy_term": "I Agree to privacy policy and terms of use.",
     "newHere": "New here?",
+    "oldHere": "Already have an account?",
     "goRegister": "REGISTER",
+    "goRegister_link": "REGISTER",
     "pricing" : "Pricing",
     "errorEmail": "Please enter valid Email format.",
     "errorPsd": "Passwords must be at least 4 characters long.",