Merge pull request #3 from ryugibo/master

Enable Multilingual

43 files changed, 150 insertions, 76 deletions

diff --git a/exampleSite/static/assets/css/styles-2.css b/exampleSite/static/assets/css/styles-2.css
index 1187403..6839f97 100644
--- a/exampleSite/static/assets/css/styles-2.css
+++ b/exampleSite/static/assets/css/styles-2.css
@@ -131,7 +131,7 @@ p {
   font-weight: 500;
   margin-bottom: 0px;
 }
-.sidebar-wrapper .languages-container .lang-desc {
+.sidebar-wrapper .language-container .lang-desc {
   color: rgba(255, 255, 255, 0.6);
 }
 .sidebar-wrapper .languages-list {
diff --git a/exampleSite/static/assets/css/styles-3.css b/exampleSite/static/assets/css/styles-3.css
index 7080bc0..349e6cc 100644
--- a/exampleSite/static/assets/css/styles-3.css
+++ b/exampleSite/static/assets/css/styles-3.css
@@ -131,7 +131,7 @@ p {
   font-weight: 500;
   margin-bottom: 0px;
 }
-.sidebar-wrapper .languages-container .lang-desc {
+.sidebar-wrapper .language-container .lang-desc {
   color: rgba(255, 255, 255, 0.6);
 }
 .sidebar-wrapper .languages-list {
diff --git a/exampleSite/static/assets/css/styles-4.css b/exampleSite/static/assets/css/styles-4.css
index 3f5025d..1993aae 100644
--- a/exampleSite/static/assets/css/styles-4.css
+++ b/exampleSite/static/assets/css/styles-4.css
@@ -131,7 +131,7 @@ p {
   font-weight: 500;
   margin-bottom: 0px;
 }
-.sidebar-wrapper .languages-container .lang-desc {
+.sidebar-wrapper .language-container .lang-desc {
   color: rgba(255, 255, 255, 0.6);
 }
 .sidebar-wrapper .languages-list {
diff --git a/exampleSite/static/assets/css/styles-5.css b/exampleSite/static/assets/css/styles-5.css
index 6209f35..60e7101 100644
--- a/exampleSite/static/assets/css/styles-5.css
+++ b/exampleSite/static/assets/css/styles-5.css
@@ -131,7 +131,7 @@ p {
   font-weight: 500;
   margin-bottom: 0px;
 }
-.sidebar-wrapper .languages-container .lang-desc {
+.sidebar-wrapper .language-container .lang-desc {
   color: rgba(255, 255, 255, 0.6);
 }
 .sidebar-wrapper .languages-list {
diff --git a/exampleSite/static/assets/css/styles-6.css b/exampleSite/static/assets/css/styles-6.css
index cd1d9ad..4b9a35f 100644
--- a/exampleSite/static/assets/css/styles-6.css
+++ b/exampleSite/static/assets/css/styles-6.css
@@ -131,7 +131,7 @@ p {
   font-weight: 500;
   margin-bottom: 0px;
 }
-.sidebar-wrapper .languages-container .lang-desc {
+.sidebar-wrapper .language-container .lang-desc {
   color: rgba(255, 255, 255, 0.6);
 }
 .sidebar-wrapper .languages-list {
diff --git a/exampleSite/static/assets/css/styles.css b/exampleSite/static/assets/css/styles.css
index 5d50aac..6b9245b 100644
--- a/exampleSite/static/assets/css/styles.css
+++ b/exampleSite/static/assets/css/styles.css
@@ -131,7 +131,7 @@ p {
   font-weight: 500;
   margin-bottom: 0px;
 }
-.sidebar-wrapper .languages-container .lang-desc {
+.sidebar-wrapper .language-container .lang-desc {
   color: rgba(255, 255, 255, 0.6);
 }
 .sidebar-wrapper .languages-list {
diff --git a/exampleSite/static/assets/less/css/styles.css b/exampleSite/static/assets/less/css/styles.css
index 6181473..1e391ea 100644
--- a/exampleSite/static/assets/less/css/styles.css
+++ b/exampleSite/static/assets/less/css/styles.css
@@ -131,7 +131,7 @@ p {
   font-weight: 500;
   margin-bottom: 0px;
 }
-.sidebar-wrapper .languages-container .lang-desc {
+.sidebar-wrapper .language-container .lang-desc {
   color: rgba(255, 255, 255, 0.6);
 }
 .sidebar-wrapper .languages-list {
diff --git a/exampleSite/static/assets/less/default/base.less b/exampleSite/static/assets/less/default/base.less
index 9ebc6aa..d860e96 100644
--- a/exampleSite/static/assets/less/default/base.less
+++ b/exampleSite/static/assets/less/default/base.less
@@ -123,7 +123,7 @@ p {
             margin-bottom: 0px;
         }
     }
-    .languages-container {
+    .language-container {
         .lang-desc {
             color: rgba(256, 256, 256, 0.6);
         }
diff --git a/exampleSite/static/assets/less/theme-2/base.less b/exampleSite/static/assets/less/theme-2/base.less
index 9ebc6aa..d860e96 100644
--- a/exampleSite/static/assets/less/theme-2/base.less
+++ b/exampleSite/static/assets/less/theme-2/base.less
@@ -123,7 +123,7 @@ p {
             margin-bottom: 0px;
         }
     }
-    .languages-container {
+    .language-container {
         .lang-desc {
             color: rgba(256, 256, 256, 0.6);
         }
diff --git a/exampleSite/static/assets/less/theme-3/base.less b/exampleSite/static/assets/less/theme-3/base.less
index 9ebc6aa..d860e96 100644
--- a/exampleSite/static/assets/less/theme-3/base.less
+++ b/exampleSite/static/assets/less/theme-3/base.less
@@ -123,7 +123,7 @@ p {
             margin-bottom: 0px;
         }
     }
-    .languages-container {
+    .language-container {
         .lang-desc {
             color: rgba(256, 256, 256, 0.6);
         }
diff --git a/exampleSite/static/assets/less/theme-4/base.less b/exampleSite/static/assets/less/theme-4/base.less
index 9ebc6aa..d860e96 100644
--- a/exampleSite/static/assets/less/theme-4/base.less
+++ b/exampleSite/static/assets/less/theme-4/base.less
@@ -123,7 +123,7 @@ p {
             margin-bottom: 0px;
         }
     }
-    .languages-container {
+    .language-container {
         .lang-desc {
             color: rgba(256, 256, 256, 0.6);
         }
diff --git a/exampleSite/static/assets/less/theme-5/base.less b/exampleSite/static/assets/less/theme-5/base.less
index 9ebc6aa..d860e96 100644
--- a/exampleSite/static/assets/less/theme-5/base.less
+++ b/exampleSite/static/assets/less/theme-5/base.less
@@ -123,7 +123,7 @@ p {
             margin-bottom: 0px;
         }
     }
-    .languages-container {
+    .language-container {
         .lang-desc {
             color: rgba(256, 256, 256, 0.6);
         }
diff --git a/exampleSite/static/assets/less/theme-6/base.less b/exampleSite/static/assets/less/theme-6/base.less
index 9ebc6aa..d860e96 100644
--- a/exampleSite/static/assets/less/theme-6/base.less
+++ b/exampleSite/static/assets/less/theme-6/base.less
@@ -123,7 +123,7 @@ p {
             margin-bottom: 0px;
         }
     }
-    .languages-container {
+    .language-container {
         .lang-desc {
             color: rgba(256, 256, 256, 0.6);
         }
diff --git a/i18n/en.yaml b/i18n/en.yaml
new file mode 100644
index 0000000..66007b5
--- /dev/null
+++ b/i18n/en.yaml
@@ -0,0 +1,14 @@
+- id: education
+  translation: Education
+- id: experiences
+  translation: Experiences
+- id: interests
+  translation: Interests
+- id: language
+  translation: Languages
+- id: projects
+  translation: Projects
+- id: skills
+  translation: Skills & Proficiency
+- id: summary
+  translation: Career Profile
diff --git a/i18n/ja.yaml b/i18n/ja.yaml
new file mode 100644
index 0000000..d3adb59
--- /dev/null
+++ b/i18n/ja.yaml
@@ -0,0 +1,14 @@
+- id: education
+  translation: 学歴
+- id: experiences
+  translation: 経歴
+- id: interests
+  translation: 趣味
+- id: language
+  translation: 言語能力
+- id: projects
+  translation: プロジェクト
+- id: skills
+  translation: 技術 & 熟練度
+- id: summary
+  translation: 紹介
diff --git a/i18n/ko.yaml b/i18n/ko.yaml
new file mode 100644
index 0000000..482b091
--- /dev/null
+++ b/i18n/ko.yaml
@@ -0,0 +1,14 @@
+- id: education
+  translation: 학력
+- id: experiences
+  translation: 경력
+- id: interests
+  translation: 취미
+- id: language
+  translation: 언어능력
+- id: projects
+  translation: 프로젝트
+- id: skills
+  translation: 기술 & 숙련도
+- id: summary
+  translation: 소개
diff --git a/layouts/index.html b/layouts/index.html
index ef0e509..728fd60 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -26,13 +26,12 @@
     {{ if .Site.Params.skills.enable }}
 	{{ partial "skills.html" . }}
     {{ end }}
-	
+
 	</div><!--//main-body-->
     </div>
-    
+
 	{{ partial "footer.html" . }}
 
     {{ partial "scripts.html" . }}
 </body>
-</html> 
-
+</html>
diff --git a/layouts/partials/education.html b/layouts/partials/education.html
index 7bb716d..d9a91b3 100644
--- a/layouts/partials/education.html
+++ b/layouts/partials/education.html
@@ -1,5 +1,5 @@
             <div class="education-container container-block">
-                <h2 class="container-block-title">{{ .Site.Params.education.title }}</h2>
+                <h2 class="container-block-title">{{ i18n "education" }}</h2>
 				{{ range .Site.Params.education.list }}
                 <div class="item">
                     <h4 class="degree">{{ .degree }}</h4>
@@ -7,4 +7,4 @@
                     <div class="time">{{ .dates }}</div>
                 </div><!--//item-->
 				{{ end }}
-            </div><!--//education-container-->
\ No newline at end of file
+            </div><!--//education-container-->
diff --git a/layouts/partials/experiences.html b/layouts/partials/experiences.html
index cad1f52..dc67655 100644
--- a/layouts/partials/experiences.html
+++ b/layouts/partials/experiences.html
@@ -1,6 +1,6 @@
             <section class="section experiences-section">
-                <h2 class="section-title"><i class="fa {{ .Site.Params.experiences.icon }}"></i>{{ .Site.Params.experiences.title }}</h2>
-                
+                <h2 class="section-title"><i class="fa {{ .Site.Params.experiences.icon }}"></i>{{ i18n "experiences" }}</h2>
+
 				{{ range .Site.Params.jobs.list }}
                 <div class="item">
                     <div class="meta">
@@ -15,5 +15,5 @@
                     </div><!--//details-->
                 </div><!--//item-->
 				{{ end }}
-                
-            </section><!--//section-->
\ No newline at end of file
+
+            </section><!--//section-->
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index d990c08..3700e86 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -1,22 +1,22 @@
-    <title>{{ .Site.Title }}</title>
+    <title>{{ .Site.Params.title }}</title>
     <!-- Meta -->
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="{{ with .Site.Params.description }}{{ . }}{{ end }}">
-    <meta name="author" content="{{ with .Site.Params.author }}{{ . }}{{ end }}">    
-    <link rel="shortcut icon" href="favicon.ico">  
+    <meta name="description" content="{{ .Site.Params.description }}">
+    <meta name="author" content="{{ .Site.Params.author }}">
+    <link rel="shortcut icon" href="favicon.ico">
     <link href='https://fonts.googleapis.com/css?family=Roboto:400,500,400italic,300italic,300,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
     <!-- Global CSS -->
-    <link rel="stylesheet" href="{{ .Site.BaseURL }}assets/plugins/bootstrap/css/bootstrap.min.css">   
+    <link rel="stylesheet" href="{{ .Site.BaseURL }}assets/plugins/bootstrap/css/bootstrap.min.css">
     <!-- Plugins CSS -->
     <link rel="stylesheet" href="{{ .Site.BaseURL }}assets/plugins/font-awesome/css/font-awesome.css">
-    
-    <!-- Theme CSS -->  
+
+    <!-- Theme CSS -->
     <link id="theme-style" rel="stylesheet" href="{{ .Site.BaseURL }}assets/css/{{ .Site.Params.styles }}">
 	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
     <!--[if lt IE 9]>
       <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
     <![endif]-->
-	{{ template "_internal/google_analytics_async.html" . }}
\ No newline at end of file
+	{{ template "_internal/google_analytics_async.html" . }}
diff --git a/layouts/partials/interests.html b/layouts/partials/interests.html
index 4c8c119..d7a3f90 100644
--- a/layouts/partials/interests.html
+++ b/layouts/partials/interests.html
@@ -1,8 +1,8 @@
             <div class="interests-container container-block">
-                <h2 class="container-block-title">{{ .Site.Params.interests.title }}</h2>
+                <h2 class="container-block-title">{{ i18n "interests" }}</h2>
                 <ul class="list-unstyled interests-list">
 				{{ range .Site.Params.interests.list }}
                     <li>{{ .interest }}</li>
 				{{ end }}
                 </ul>
-            </div><!--//interests-->
\ No newline at end of file
+            </div><!--//interests-->
diff --git a/layouts/partials/lang.html b/layouts/partials/lang.html
index 3a94f21..7bcd2ce 100644
--- a/layouts/partials/lang.html
+++ b/layouts/partials/lang.html
@@ -1,3 +1,3 @@
-<!--[if IE 8]> <html lang="{{ with .Site.LanguageCode }}{{ . }}{{ else }}en-US{{ end }}" class="ie8"> <![endif]-->  
-<!--[if IE 9]> <html lang="{{ with .Site.LanguageCode }}{{ . }}{{ else }}en-US{{ end }}" class="ie9"> <![endif]-->  
-<!--[if !IE]><!--> <html lang="{{ with .Site.LanguageCode }}{{ . }}{{ else }}en-US{{ end }}"> <!--<![endif]-->
\ No newline at end of file
+<!--[if IE 8]> <html lang="{{ .Site.Language }}" class="ie8"> <![endif]-->
+<!--[if IE 9]> <html lang="{{ .Site.Language }}" class="ie9"> <![endif]-->
+<!--[if !IE]><!--> <html lang="{{ .Site.Language }}"> <!--<![endif]-->
diff --git a/layouts/partials/language.html b/layouts/partials/language.html
new file mode 100644
index 0000000..dcac74a
--- /dev/null
+++ b/layouts/partials/language.html
@@ -0,0 +1,8 @@
+            <div class="language-container container-block">
+                <h2 class="container-block-title">{{ i18n "language" }}</h2>
+                <ul class="list-unstyled interests-list">
+				{{ range .Site.Params.language.list }}
+                    <li>{{ .language }} <span class="lang-desc">({{ .level }})</span></li>
+				{{ end }}
+                </ul>
+            </div><!--//language-->
diff --git a/layouts/partials/languages.html b/layouts/partials/languages.html
deleted file mode 100644
index fc2b372..0000000
--- a/layouts/partials/languages.html
+++ /dev/null
@@ -1,8 +0,0 @@
-            <div class="languages-container container-block">
-                <h2 class="container-block-title">{{ .Site.Params.languages.title }}</h2>
-                <ul class="list-unstyled interests-list">
-				{{ range .Site.Params.languages.list }}
-                    <li>{{ .language }} <span class="lang-desc">({{ .level }})</span></li>
-				{{ end }}
-                </ul>
-            </div><!--//languages-->
\ No newline at end of file
diff --git a/layouts/partials/profile.html b/layouts/partials/profile.html
index 5840da7..5d7f8d9 100644
--- a/layouts/partials/profile.html
+++ b/layouts/partials/profile.html
@@ -2,4 +2,4 @@
                 <img class="profile" src="{{ .Site.BaseURL }}assets/images/{{ .Site.Params.profile.avatar }}" alt="" />
                 <h1 class="name">{{ .Site.Params.profile.name }}</h1>
                 <h3 class="tagline">{{ .Site.Params.profile.tagline }}</h3>
-            </div><!--//profile-container-->
\ No newline at end of file
+            </div><!--//profile-container-->
diff --git a/layouts/partials/projects.html b/layouts/partials/projects.html
index def95ee..7d83f0c 100644
--- a/layouts/partials/projects.html
+++ b/layouts/partials/projects.html
@@ -1,5 +1,5 @@
             <section class="section projects-section">
-                <h2 class="section-title"><i class="fa {{ .Site.Params.projects.icon }}"></i>{{ .Site.Params.projects.title }}</h2>
+                <h2 class="section-title"><i class="fa {{ .Site.Params.projects.icon }}"></i>{{ i18n "projects" }}</h2>
                 <div class="intro">
                     <p>{{ with .Site.Params.projects.intro }}{{ . | markdownify }}{{ end }}</p>
                 </div><!--//intro-->
@@ -8,4 +8,4 @@
                     <span class="project-title"><a href="{{ .url }}">{{ .title }}</a></span> - <span class="project-tagline">{{ with .tagline }}{{ . | markdownify }}{{ end }}</span>
                 </div><!--//item-->
 				{{ end }}
-            </section><!--//section-->
\ No newline at end of file
+            </section><!--//section-->
diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
index 9c73ee1..22499e8 100644
--- a/layouts/partials/sidebar.html
+++ b/layouts/partials/sidebar.html
@@ -2,6 +2,10 @@
 
 		{{ partial "profile.html" . }}
 
+		{{ if .IsTranslated }}
+		{{ partial "translate.html" . }}
+		{{ end }}
+
 		{{ if .Site.Params.contact.enable }}
 		{{ partial "contact.html" . }}
 		{{ end }}
@@ -10,12 +14,12 @@
 		{{ partial "education.html" . }}
 		{{ end }}
 
-		{{ if .Site.Params.languages.enable }}
-		{{ partial "languages.html" . }}
+		{{ if .Site.Params.language.enable }}
+		{{ partial "language.html" . }}
 		{{ end }}
 
 		{{ if .Site.Params.interests.enable }}
 		{{ partial "interests.html" . }}
 		{{ end }}
 
-        </div><!--//sidebar-wrapper-->
\ No newline at end of file
+        </div><!--//sidebar-wrapper-->
diff --git a/layouts/partials/skills.html b/layouts/partials/skills.html
index aef464a..71bf7c0 100644
--- a/layouts/partials/skills.html
+++ b/layouts/partials/skills.html
@@ -1,14 +1,14 @@
             <section class="skills-section section">
-                <h2 class="section-title"><i class="fa {{ .Site.Params.skills.icon }}"></i>{{ .Site.Params.skills.title }}</h2>
+                <h2 class="section-title"><i class="fa {{ .Site.Params.skills.icon }}"></i>{{ i18n "skills" }}</h2>
                 <div class="skillset">
 				{{ range .Site.Params.skills.list }}
                     <div class="item">
                         <h3 class="level-title">{{ .skill }}</h3>
                         <div class="level-bar">
                             <div class="level-bar-inner" data-level="{{ .level }}">
-                            </div>                                      
-                        </div><!--//level-bar-->                                 
+                            </div>
+                        </div><!--//level-bar-->
                     </div><!--//item-->
                 {{ end }}
-                </div>  
-            </section><!--//skills-section-->
\ No newline at end of file
+                </div>
+            </section><!--//skills-section-->
diff --git a/layouts/partials/summary.html b/layouts/partials/summary.html
index 3e025bf..41f1351 100644
--- a/layouts/partials/summary.html
+++ b/layouts/partials/summary.html
@@ -1,6 +1,6 @@
             <section class="section summary-section">
-                <h2 class="section-title"><i class="fa {{ .Site.Params.summary.icon }}"></i>{{ .Site.Params.summary.title }}</h2>
+                <h2 class="section-title"><i class="fa {{ .Site.Params.summary.icon }}"></i>{{ i18n "summary" }}</h2>
                 <div class="summary">
                     <p>{{ with .Site.Params.summary.summary }}{{ . | markdownify }}{{ end }}</p>
                 </div><!--//summary-->
-            </section><!--//section-->
\ No newline at end of file
+            </section><!--//section-->
diff --git a/layouts/partials/translate.html b/layouts/partials/translate.html
new file mode 100644
index 0000000..a71f02c
--- /dev/null
+++ b/layouts/partials/translate.html
@@ -0,0 +1,5 @@
+            <div class="profile-container">
+                {{ range .Translations }}
+                <a class="btn btn-translate" href="{{ .Permalink }}">{{upper .Lang }}</a>
+                {{ end }}
+            </div><!--//profile-container-->
diff --git a/static/assets/css/styles-2.css b/static/assets/css/styles-2.css
index 1187403..c9806f3 100644
--- a/static/assets/css/styles-2.css
+++ b/static/assets/css/styles-2.css
@@ -1,4 +1,4 @@
-/*   
+/*
  * Template Name: Orbit - Responsive Resume/CV Template for Developers
  * Version: 1.0
  * Author: Xiaoying Riley
@@ -131,7 +131,7 @@ p {
   font-weight: 500;
   margin-bottom: 0px;
 }
-.sidebar-wrapper .languages-container .lang-desc {
+.sidebar-wrapper .language-container .lang-desc {
   color: rgba(255, 255, 255, 0.6);
 }
 .sidebar-wrapper .languages-list {
@@ -258,6 +258,10 @@ p {
 .footer .fa-heart {
   color: #fb866a;
 }
+.btn-translate {
+  background-color: #2f6a61;
+  border-color: #4eb1a2;
+}
 /* Extra small devices (phones, less than 768px) */
 @media (max-width: 767px) {
   .sidebar-wrapper {
diff --git a/static/assets/css/styles-3.css b/static/assets/css/styles-3.css
index 7080bc0..e09eede 100644
--- a/static/assets/css/styles-3.css
+++ b/static/assets/css/styles-3.css
@@ -1,4 +1,4 @@
-/*   
+/*
  * Template Name: Orbit - Responsive Resume/CV Template for Developers
  * Version: 1.0
  * Author: Xiaoying Riley
@@ -131,7 +131,7 @@ p {
   font-weight: 500;
   margin-bottom: 0px;
 }
-.sidebar-wrapper .languages-container .lang-desc {
+.sidebar-wrapper .language-container .lang-desc {
   color: rgba(255, 255, 255, 0.6);
 }
 .sidebar-wrapper .languages-list {
@@ -258,6 +258,10 @@ p {
 .footer .fa-heart {
   color: #fb866a;
 }
+.btn-translate {
+  background-color: #3c7749;
+  border-color: #66b277;
+}
 /* Extra small devices (phones, less than 768px) */
 @media (max-width: 767px) {
   .sidebar-wrapper {
diff --git a/static/assets/css/styles-4.css b/static/assets/css/styles-4.css
index 3f5025d..cdcd16e 100644
--- a/static/assets/css/styles-4.css
+++ b/static/assets/css/styles-4.css
@@ -1,4 +1,4 @@
-/*   
+/*
  * Template Name: Orbit - Responsive Resume/CV Template for Developers
  * Version: 1.0
  * Author: Xiaoying Riley
@@ -131,7 +131,7 @@ p {
   font-weight: 500;
   margin-bottom: 0px;
 }
-.sidebar-wrapper .languages-container .lang-desc {
+.sidebar-wrapper .language-container .lang-desc {
   color: rgba(255, 255, 255, 0.6);
 }
 .sidebar-wrapper .languages-list {
@@ -258,6 +258,10 @@ p {
 .footer .fa-heart {
   color: #fb866a;
 }
+.btn-translate {
+  background-color: #65344b;
+  border-color: #a8577d;
+}
 /* Extra small devices (phones, less than 768px) */
 @media (max-width: 767px) {
   .sidebar-wrapper {
diff --git a/static/assets/css/styles-5.css b/static/assets/css/styles-5.css
index 6209f35..adb68d7 100644
--- a/static/assets/css/styles-5.css
+++ b/static/assets/css/styles-5.css
@@ -1,4 +1,4 @@
-/*   
+/*
  * Template Name: Orbit - Responsive Resume/CV Template for Developers
  * Version: 1.0
  * Author: Xiaoying Riley
@@ -131,7 +131,7 @@ p {
   font-weight: 500;
   margin-bottom: 0px;
 }
-.sidebar-wrapper .languages-container .lang-desc {
+.sidebar-wrapper .language-container .lang-desc {
   color: rgba(255, 255, 255, 0.6);
 }
 .sidebar-wrapper .languages-list {
@@ -258,6 +258,10 @@ p {
 .footer .fa-heart {
   color: #fb866a;
 }
+.btn-translate {
+  background-color: #a2662a;
+  border-color: #d5995d;
+}
 /* Extra small devices (phones, less than 768px) */
 @media (max-width: 767px) {
   .sidebar-wrapper {
diff --git a/static/assets/css/styles-6.css b/static/assets/css/styles-6.css
index cd1d9ad..83864aa 100644
--- a/static/assets/css/styles-6.css
+++ b/static/assets/css/styles-6.css
@@ -1,4 +1,4 @@
-/*   
+/*
  * Template Name: Orbit - Responsive Resume/CV Template for Developers
  * Version: 1.0
  * Author: Xiaoying Riley
@@ -131,7 +131,7 @@ p {
   font-weight: 500;
   margin-bottom: 0px;
 }
-.sidebar-wrapper .languages-container .lang-desc {
+.sidebar-wrapper .language-container .lang-desc {
   color: rgba(255, 255, 255, 0.6);
 }
 .sidebar-wrapper .languages-list {
@@ -258,6 +258,10 @@ p {
 .footer .fa-heart {
   color: #fb866a;
 }
+.btn-translate {
+  background-color: #27383f;
+  border-color: #4f6f7d;
+}
 /* Extra small devices (phones, less than 768px) */
 @media (max-width: 767px) {
   .sidebar-wrapper {
diff --git a/static/assets/css/styles.css b/static/assets/css/styles.css
index 5d50aac..96e1355 100644
--- a/static/assets/css/styles.css
+++ b/static/assets/css/styles.css
@@ -1,4 +1,4 @@
-/*   
+/*
  * Template Name: Orbit - Responsive Resume/CV Template for Developers
  * Version: 1.0
  * Author: Xiaoying Riley
@@ -131,7 +131,7 @@ p {
   font-weight: 500;
   margin-bottom: 0px;
 }
-.sidebar-wrapper .languages-container .lang-desc {
+.sidebar-wrapper .language-container .lang-desc {
   color: rgba(255, 255, 255, 0.6);
 }
 .sidebar-wrapper .languages-list {
@@ -258,6 +258,10 @@ p {
 .footer .fa-heart {
   color: #fb866a;
 }
+.btn-translate {
+  background-color: #276472;
+  border-color: #41a7be;
+}
 /* Extra small devices (phones, less than 768px) */
 @media (max-width: 767px) {
   .sidebar-wrapper {
diff --git a/static/assets/less/css/styles.css b/static/assets/less/css/styles.css
index 6181473..1e391ea 100644
--- a/static/assets/less/css/styles.css
+++ b/static/assets/less/css/styles.css
@@ -131,7 +131,7 @@ p {
   font-weight: 500;
   margin-bottom: 0px;
 }
-.sidebar-wrapper .languages-container .lang-desc {
+.sidebar-wrapper .language-container .lang-desc {
   color: rgba(255, 255, 255, 0.6);
 }
 .sidebar-wrapper .languages-list {
diff --git a/static/assets/less/default/base.less b/static/assets/less/default/base.less
index 9ebc6aa..d860e96 100644
--- a/static/assets/less/default/base.less
+++ b/static/assets/less/default/base.less
@@ -123,7 +123,7 @@ p {
             margin-bottom: 0px;
         }
     }
-    .languages-container {
+    .language-container {
         .lang-desc {
             color: rgba(256, 256, 256, 0.6);
         }
diff --git a/static/assets/less/theme-2/base.less b/static/assets/less/theme-2/base.less
index 9ebc6aa..d860e96 100644
--- a/static/assets/less/theme-2/base.less
+++ b/static/assets/less/theme-2/base.less
@@ -123,7 +123,7 @@ p {
             margin-bottom: 0px;
         }
     }
-    .languages-container {
+    .language-container {
         .lang-desc {
             color: rgba(256, 256, 256, 0.6);
         }
diff --git a/static/assets/less/theme-3/base.less b/static/assets/less/theme-3/base.less
index 9ebc6aa..d860e96 100644
--- a/static/assets/less/theme-3/base.less
+++ b/static/assets/less/theme-3/base.less
@@ -123,7 +123,7 @@ p {
             margin-bottom: 0px;
         }
     }
-    .languages-container {
+    .language-container {
         .lang-desc {
             color: rgba(256, 256, 256, 0.6);
         }
diff --git a/static/assets/less/theme-4/base.less b/static/assets/less/theme-4/base.less
index 9ebc6aa..d860e96 100644
--- a/static/assets/less/theme-4/base.less
+++ b/static/assets/less/theme-4/base.less
@@ -123,7 +123,7 @@ p {
             margin-bottom: 0px;
         }
     }
-    .languages-container {
+    .language-container {
         .lang-desc {
             color: rgba(256, 256, 256, 0.6);
         }
diff --git a/static/assets/less/theme-5/base.less b/static/assets/less/theme-5/base.less
index 9ebc6aa..d860e96 100644
--- a/static/assets/less/theme-5/base.less
+++ b/static/assets/less/theme-5/base.less
@@ -123,7 +123,7 @@ p {
             margin-bottom: 0px;
         }
     }
-    .languages-container {
+    .language-container {
         .lang-desc {
             color: rgba(256, 256, 256, 0.6);
         }
diff --git a/static/assets/less/theme-6/base.less b/static/assets/less/theme-6/base.less
index 9ebc6aa..d860e96 100644
--- a/static/assets/less/theme-6/base.less
+++ b/static/assets/less/theme-6/base.less
@@ -123,7 +123,7 @@ p {
             margin-bottom: 0px;
         }
     }
-    .languages-container {
+    .language-container {
         .lang-desc {
             color: rgba(256, 256, 256, 0.6);
         }