Fixed css bug

- Fixed menu become transport on mobile view
- Fixed css font not correctly loaded on page initiate

Author: tobychui

docs/index.html

@@ -30,7 +30,6 @@
     <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
     <script src="dom-i18n.min.js"></script>
     <link href="main.css" rel="stylesheet">
-    <script src="main.js" defer></script>
 
     <!-- Css stuffs-->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.9.3/semantic.min.js" integrity="sha512-gnoBksrDbaMnlE0rhhkcx3iwzvgBGz6mOEj4/Y5ZY09n55dYddx6+WYc72A55qEesV8VX2iMomteIwobeGK1BQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
@@ -57,7 +56,7 @@
        <i class="ui arrow up icon"></i>
     </div>
     <button id="rwdmenubtn" class="ui black big icon button"><i class="ui bars icon"></i></button>
-    <div id="mainmenu" class="ui segment" style="background: transparent !important;">
+    <div id="mainmenu" class="ui segment">
         <div class="ui container">
             <div class="ui small stackable secondary menu">
                 <div class="item">
@@ -594,5 +593,7 @@ <h1 i18n>Learn More
             openModal($(this).attr('src'));
         });
     </script>
+    <!-- Locales -->
+    <script src="main.js" defer></script>
   </body>
 </html>

docs/main.css

@@ -66,6 +66,7 @@ body.zh-cn *:not(i){
     border-radius: 0;
     margin-bottom: 0;
     margin-top: 0;
+    background: transparent !important;
 }
 
 #slideshowBanner .ui.basic.white.button{
@@ -85,6 +86,9 @@ body.zh-cn *:not(i){
 #rwdmenubtn{
     display:none;
     position: absolute;
+    background: white;
+    border: 1px solid #6cacff;
+    color: #6cacff;
 }
 
 #mainmenu .ui.secondary.inverted.menu .link.item:not(.disabled), .ui.secondary.inverted.menu a.item:not(.disabled){
@@ -332,6 +336,7 @@ body.zh-cn *:not(i){
         top: 0;
         left: 0;
         width: 100%;
+        background: #fdfdfd !important;
     }
 
     #rwdmenubtn{

docs/main.js

@@ -25,13 +25,16 @@ var i18n = domI18n({
     defaultLanguage: 'en'
 });
 
-let userLang = navigator.language || navigator.userLanguage;
-console.log("User language: " + userLang);
-userLang = userLang.split("-")[0];
-if (!languages.includes(userLang)) {
-    userLang = 'en';
-}
-i18n.changeLanguage(userLang);
+$(document).ready(function(){
+    let userLang = navigator.language || navigator.userLanguage;
+    console.log("User language: " + userLang);
+    userLang = userLang.split("-")[0];
+    if (!languages.includes(userLang)) {
+        userLang = 'en';
+    }
+    i18n.changeLanguage(userLang);
+    $("body").attr("class", userLang);
+});
 
 
 /* Main Menu */