better Chinese translation (both Traditional and Simplified)

.gitignore

@@ -3,3 +3,5 @@ build
 __pycache__
 node_modules
 yarn.lock
+dist/*.js
+dist/*.css

dist/assets/styles.css

@@ -127,4 +127,17 @@ h1.title {
 
 .container.features, .container.getting-started {
     margin-top: 20px;
+}
+
+.tabs ul ul {
+    display: none;
+}
+.tabs ul ul li {
+    background-color: #209cee;
+    box-shadow: 0 8px 16px rgba(10,10,10,.1);
+    border: none;
+}
+.tabs ul li:hover ul{
+    display: block;
+    position: absolute;
 }

dist/config.js

@@ -166,6 +166,15 @@ var klaroConfig = {
                 styling: 'Styling',
             },
         },
+        zh:{
+            purposes: {
+                analytics: '訪客統計',
+                security: '系統安全',
+                livechat: '即時對話',
+                advertising: '廣告展示',
+                styling: '介面美化',
+            },
+        },
         en: {
             consentModal: {
                 title: '<u>test</u>',

dist/index.html

@@ -84,11 +84,17 @@
 
             var translations = klaro.defaultTranslations;
             var langs = Array.from(translations.keys());
+            var navbarMenuLanguage = document.getElementById('navbarMenu-language');
             for(var i=0;i<langs.length;i++){
                 var lang = langs[i];
                 var option = document.createElement('option', {value: lang});
                 option.innerHTML = lang;
                 languageSelect.appendChild(option);
+                var li = document.createElement('li');
+                // var a = document.createElement('a', {href: `javascript:document.documentElement.setAttribute('lang', '${lang}');`});
+                // a.innerHTML = lang;
+                li.innerHTML = (`<a href="javascript:document.documentElement.setAttribute('lang', '${lang.replace('_','-')}'); klaro.show();">${lang}</a>`);
+                navbarMenuLanguage.appendChild(li)
             }
         })
     </script>
@@ -137,6 +143,9 @@
                         <div class="navbar-end">
                             <div class="tabs is-right">
                                 <ul>
+                                    <li><a href="javascript:;">Language</a>
+<ul id="navbarMenu-language"></ul>
+                                    </li>
                                     <li><a href="#features">Features</a></li>
                                     <li><a href="#getting-started">Getting Started</a></li>
                                     <li><a href="#help">Help</a></li>