Merge branch 'master' of http://git.choozmo.com:3000/choozmo/AI_Anchor_2

html/index_eng.html

@@ -49,6 +49,8 @@
   <div class="container-fluid">
     <div id="mySidenav" class="sidenav">
       <!-- <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a> -->
+      <div class="sidenav-content">
+
       <div class="text-start mt-3">
           <h2 class="fw-bold ps-0" href="index.html"><a class="nav-link active ps-1" aria-current="page" href="index.html">AI Spokesgirl</a></h2>
       </div>
@@ -76,6 +78,7 @@
               <lan>History</lan>
           </li>
       </ul>
+      </div>
       <div class="right-text">
           <a target="_blank" href="https://www.linkedin.com/company/choozmo/mycompany/"><img
                   style="width: 20px;" src="./static/img/contactus/linkedin-logo-copy.png" alt=""></a>

html/make_video.html

@@ -79,6 +79,7 @@
             </div> -->
             <div id="mySidenav" class="sidenav">
                 <!-- <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a> -->
+                <div class="sidenav-content">
                 <div class="text-start mt-3">
                     <h2 class="fw-bold ps-0" href="index.html"><a class="nav-link active ps-1" aria-current="page" href="index.html">AI Spokesgirl</a></h2>
                 </div>
@@ -110,6 +111,7 @@
                         <lan set-lan="html:history">歷史紀錄</lan>
                     </li>
                 </ul>
+                </div>
                 <div class="right-text">
                     <a target="_blank" href="http://www.choozmo.com/">| 官網 |</a>
                     <a target="_blank" href="https://www.linkedin.com/company/choozmo/mycompany/"><img

html/make_video_long.html

@@ -79,6 +79,7 @@
             </div> -->
             <div id="mySidenav" class="sidenav">
                 <!-- <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a> -->
+                <div class="sidenav-content">
                 <div class="text-start mt-3">
                     <h2 class="fw-bold ps-0" href="index.html"><a class="nav-link active ps-1" aria-current="page" href="index.html">AI Spokesgirl</a></h2>
                 </div>
@@ -110,22 +111,23 @@
                         <lan set-lan="html:history">歷史紀錄</lan>
                     </li>
                 </ul>
-                <div class="right-text">
-                    <a target="_blank" href="http://www.choozmo.com/">| 官網 |</a>
-                    <a target="_blank" href="https://www.linkedin.com/company/choozmo/mycompany/"><img
-                            style="width: 20px;" src="./static/img/contactus/linkedin-logo-copy.png" alt=""></a>
-                    <a target="_blank" href="https://www.facebook.com/choozmo/"><img style="width: 20px;"
-                            src="./static/img/contactus/facebook_logos_PNG19753.png" alt=""></a>
-                    <a target="_blank" href="https://www.instagram.com/choozmo_cmm/"><img style="width: 20px;"
-                            src="./static/img/contactus/IG.png" alt=""></a>
-                    <a target="_blank" href="https://line.me/R/ti/p/@choozmo?from=page"><img style="width: 20px;"
-                            src="./static/img/contactus/LINE_logo.svg.png" alt=""></a>
-                    <a target="_blank" href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img
-                            style="width: 20px;" src="./static/img/contactus/youtube.png" alt=""></a>
-                    <a target="_blank" href="https://twitter.com/ai_cmm"><img style="width: 20px;"
-                            src="./static/img/contactus/twitter.png" alt=""></a>
-                    <p class="Reserved text-white text-start mt-3 ps-2">Choozmo All Rights Reserved</p>
-                </div>
+            </div>
+            <div class="right-text">
+                <a target="_blank" href="http://www.choozmo.com/">| 官網 |</a>
+                <a target="_blank" href="https://www.linkedin.com/company/choozmo/mycompany/"><img
+                        style="width: 20px;" src="./static/img/contactus/linkedin-logo-copy.png" alt=""></a>
+                <a target="_blank" href="https://www.facebook.com/choozmo/"><img style="width: 20px;"
+                        src="./static/img/contactus/facebook_logos_PNG19753.png" alt=""></a>
+                <a target="_blank" href="https://www.instagram.com/choozmo_cmm/"><img style="width: 20px;"
+                        src="./static/img/contactus/IG.png" alt=""></a>
+                <a target="_blank" href="https://line.me/R/ti/p/@choozmo?from=page"><img style="width: 20px;"
+                        src="./static/img/contactus/LINE_logo.svg.png" alt=""></a>
+                <a target="_blank" href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img
+                        style="width: 20px;" src="./static/img/contactus/youtube.png" alt=""></a>
+                <a target="_blank" href="https://twitter.com/ai_cmm"><img style="width: 20px;"
+                        src="./static/img/contactus/twitter.png" alt=""></a>
+                <p class="Reserved text-white text-start mt-3 ps-2">Choozmo All Rights Reserved</p>
+            </div>
             </div>
             <!-- <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776; 過去紀錄</span> -->
             <div class="content ms-auto">

html/make_video_slide.html

@@ -79,6 +79,8 @@
             </div> -->
             <div id="mySidenav" class="sidenav">
                 <!-- <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a> -->
+                <div class="sidenav-content">
+
                 <div class="text-start mt-3">
                     <h2 class="fw-bold ps-0" href="index.html"><a class="nav-link active ps-1" aria-current="page" href="index.html">AI Spokesgirl</a></h2>
                 </div>
@@ -110,6 +112,7 @@
                         <lan set-lan="html:history">歷史紀錄</lan>
                     </li>
                 </ul>
+                </div>
                 <div class="right-text">
                     <a target="_blank" href="http://www.choozmo.com/">| 官網 |</a>
                     <a target="_blank" href="https://www.linkedin.com/company/choozmo/mycompany/"><img

html/script_long.js

@@ -27,7 +27,7 @@ function checkRoute() {
       window.location.replace("login.html");
     }
     var userName='';
-    userName+=`<h2 class="user-name text-white mt-4 fw-bold">Hi ${res.data.user_info.userName}</h2>`;
+    userName+=`<h2 class="user-name text-white mt-lg-3 mt-xl-1 fw-bold">Hi ${res.data.user_info.userName}</h2>`;
     $('.userName').html(userName);
   }).catch(err => {
     console.log(err);

html/static/script_slides.js

@@ -2,7 +2,7 @@ checkRoute();
 
 let userBasics = JSON.parse(localStorage.getItem('user_profile')) || [];
 if(userBasics !== []){
-  $('.userName').html(`<h2 class="user-name text-white mt-4 fw-bold">Hi ${userBasics.user_info.userName}</h2>`);
+  $('.userName').html(`<h2 class="user-name text-white mt-lg-3 mt-xl-1 fw-bold">Hi ${userBasics.user_info.userName}</h2>`);
 }
 
 function checkRoute() {
@@ -23,7 +23,7 @@ function checkRoute() {
       window.location.replace("login.html");
     }
     var userName='';
-    userName+=' <h2 class="user-name text-white mt-4 fw-bold">Hi '+res.data.user_info.userName+'</h2>';
+    userName+=' <h2 class="user-name text-white mt-lg-3 mt-xl-1 fw-bold">Hi '+res.data.user_info.userName+'</h2>';
     $('.userName').html(userName);
   }).catch(err => {
     console.log(err);

html/static/script_util.js

@@ -4,7 +4,7 @@ let userBasics = JSON.parse(localStorage.getItem('user_profile')) || [];
 
 
 if(userBasics !== []){
-  $('.userName').html(`<h2 class="user-name text-white mt-4 fw-bold">Hi ${userBasics.user_info.userName}</h2>`);
+  $('.userName').html(`<h2 class="user-name text-white mt-lg-3 mt-xl-1 fw-bold">Hi ${userBasics.user_info.userName}</h2>`);
 }
 
 
@@ -26,7 +26,7 @@ function checkRoute() {
       window.location.replace("login.html");
     }
     var userName='';
-    userName+=`<h2 class="user-name text-white mt-4 fw-bold">Hi ${res.data.user_info.userName}</h2>`;
+    userName+=`<h2 class="user-name text-white mt-lg-3 mt-xl-1 fw-bold">Hi ${res.data.user_info.userName}</h2>`;
     $('.userName').html(userName);
   }).catch(err => {
     console.log(err);