lan and sign in/up

html/login.html

@@ -85,14 +85,7 @@
                 <div class="login-content">
                     <!-- 已登入 {% if success %} -->
                   <!-- 未登入 {% endif %} -->
-                    <img src="static/img/undraw_male_avatar_323b.svg" alt="">
-                    <h2 class="my-3">WELCOME</h2>
-                    <ul class="nav nav-tabs justify-content-center" id="myTab" role="tablist">
-                        <li class="nav-item" role="presentation">
-                            <button class="nav-link active" id="login-tab" data-bs-toggle="tab" data-bs-target="#login"
-                                type="button" role="tab" aria-controls="login" aria-selected="true">Login</button>
-                        </li>
-                    </ul>
+                    <h2 class="my-3 title">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">
                             
@@ -104,8 +97,9 @@
                                     <input type="password" class="form-control" id="password" name="password" placeholder="Password">
                                     <label for="password"><i class="fas fa-lock me-2"></i>Password</label>
                                 </div>
-                                <div>
-                                    <p>New Here?<a href="register.html">REGISTER</a></p>
+                                <div class="d-flex justify-content-center">
+                                    <p set-lan="html:newHere">還沒有帳號？</p>
+                                    <a set-lan="html:goRegister" href="register.html">註冊</a>
                                 </div>
                                 <div class="d-flex justify-content-center">
                                     <button id="btn_login" class="">Login</button>

html/make_video.html

@@ -248,7 +248,6 @@
     <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.all.min.js"></script>
     <script src="static/owl.carousel.min.js"></script>
     <script src="static/script_util.js"></script>
-    <script src="script_index.js"></script>
     <script type="text/javascript" src="static/lan.js"></script>
     <script src="static/common.js"></script>
 </body>

html/register.html

@@ -85,14 +85,7 @@
                 <div class="login-content">
                     <!-- 已登入 {% if success %} -->
                   <!-- 未登入 {% endif %} -->
-                    <img src="static/img/undraw_male_avatar_323b.svg" alt="">
-                    <h2 class="my-3">WELCOME</h2>
-                    <ul class="nav nav-tabs justify-content-center" id="myTab" role="tablist">
-                        <li class="nav-item active" role="presentation">
-                            <button class="nav-link" id="register-tab" data-bs-toggle="tab" data-bs-target="#register" type="button"
-                                role="tab" aria-controls="register" aria-selected="false">New Here? Register</button>
-                        </li>
-                    </ul>
+                    <h2 class="my-3 title">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>

html/static/lan.js

@@ -41,7 +41,9 @@ var zh = {
     "submit_to_wait": "3. 點選“送出”之後需等待一段影片製作的時間，請您耐心等候，待製作完畢可於通知網址查看",
     "add_eng": "加入英文:",
     "submut": "送出",
-    "privacy_term": "同意隱私政策及使用條款"
+    "privacy_term": "同意隱私政策及使用條款",
+    "newHere": "還沒有帳號？",
+    "goRegister": "註冊"
 };
 
 var en = {
@@ -68,13 +70,15 @@ var en = {
     "submit_to_wait": "3. After Clicking Submit, You Will Need To Wait For A Period Of Time For The Production Of The Video. Please Wait Patiently. You Can Check It At The Notification URL When The Production Is Completed.",
     "add_eng": "Allow English Lines:",
     "submut": "Submit",
-    "privacy_term": "I Agree to privacy policy and terms of use."
+    "privacy_term": "I Agree to privacy policy and terms of use.",
+    "newHere": "New here?",
+    "goRegister": "REGISTER"
 };
 
 
 // 4. 轉換
 function changeLan(val) {
-    // var val = val.value;
+    var val = val.value;
     console.log(`val: ${val}`);
     setCookie('lan', val);
     $('[set-lan]').each(function(){

html/static/scss/style.scss

@@ -781,11 +781,27 @@ body {
 	justify-content: flex-start;
 	align-items: center;
 	text-align: center;
+	.title {
+		position: relative;
+		color: #052859;
+		&::after {
+			position: absolute;
+			content: "";
+			left: 45%;
+			top: 20%;
+			width: 10%;
+			height: 100%;
+			border-bottom: 4px solid #052859;
+		}
+	}
 }
 
 .login-content {
 	width: 80%;
 	min-width: 350px;
+	box-shadow: 0 0 12px 5px rgb(221, 221, 221);
+	padding: 1.5rem;
+	border-radius: 2rem;
 }
 
 .link_privacy {
@@ -826,6 +842,22 @@ body {
 	box-shadow: 0 0 0 2px white, 0 0 0 3px #1C7CE0;
 }
 
+.login-content .btn-register {
+	background: linear-gradient(90deg, #0162c8, #55e7fc);
+	font-weight: bold;
+	color: white;
+	border: 0 none;
+	border-radius: 40px;
+	cursor: pointer;
+	padding: 10px 50px;
+	margin: 10px auto;
+	display: block;
+}
+
+.login-content .btn-register:hover {
+	box-shadow: 0 0 0 2px white, 0 0 0 3px #1C7CE0;
+}
+
 .login-content .nav-tabs {
 	border-bottom: none;
 }