✨ Closed #148, add multiple lananguages support.

layouts/partials/footer.html

@@ -1,10 +1,23 @@
 {{ $ft := .Site.Params.footer }}
-{{ if $ft.translate }}
-<div id="gtranslate" class="google-translate">
+<div class="i18n-translate">
   <i class="fa fa-language"></i>
-  <div id="google_translate_element"></div>
+  <div id="lang-select" class="lang-select">
+    <div id="lang-selected" class="selected-option">
+      <span class="flag-icon flag-icon-{{$.Site.Language.Lang}}"></span>
+      <span class="selected-language">{{ .Site.Language.LanguageName }}</span>
+      <i class="fa fa-chevron-down"></i>
+    </div>
+    <div id="lang-options" class="lang-options">
+      {{ range .Site.Languages }}
+        <div class="lang-option" lang-code="{{ .Lang }}" lang-name="{{ .LanguageName }}">
+          <span class="flag-icon flag-icon-{{ .Lang }}"></span>
+          <span class="lang-name">{{ .LanguageName }}</span>
+        </div>
+      {{ end }}
+    </div>
+  </div>
+
 </div>
-{{ end }}
 <div class="copyright">
   &copy;
   <span itemprop="copyrightYear">

layouts/partials/head/script/global.html

@@ -105,11 +105,6 @@
     {{ $nextjs = $nextjs | append $lawt }}
   {{ end }}
 {{ end }}
-{{ if .Site.Params.footer.translate }}
-{{ $translate := resources.Get "js/3rd/others/translate.js" }}
-{{ $nextjs = $nextjs | append $translate }}
-{{ end }}
-
 
 {{ $nextjs = $nextjs | resources.Concat "js/main.js"}}
 {{ if hugo.IsProduction }}

layouts/partials/init.html

@@ -49,6 +49,7 @@
   "lazyload"    .Site.Params.lazyload
   "motion"      .Site.Params.motion
   "i18n"        (dict 
+    "enable"      .Site.Params.footer.translate
     "placeholder" (T "Search.placeholder")
     "empty"       (T "Search.empty")
     "hits_time"   (T "Search.time")

layouts/partials/widgets.html

@@ -4,11 +4,9 @@
     <i class="fas fa-comments"></i>
   </div>
   {{ end }}  
-  {{ if .Site.Params.footer.translate }}
   <div id="goto-gtranslate" class="button"  title="{{ T "ToolBtns.lang" }}">
     <i class="fas fa-globe"></i>
   </div> 
-  {{ end }}
   <div id="toggle-theme" class="button" title="{{ T "ToolBtns.theme" }}">
     <i class="fas fa-adjust"></i>
   </div>