From 1cd36888c23c2b2115f38b8331bb039a7c7c790a Mon Sep 17 00:00:00 2001
From: krircc <krircc@aliyun.com>
Date: Sun, 24 Jun 2018 03:14:26 +0800
Subject: [PATCH] add language option at nav

---
 layouts/index.html           |  2 +-
 layouts/partials/header.html |  7 +++++++
 static/css/actix.css         | 18 +++++++++++++++++-
 3 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/layouts/index.html b/layouts/index.html
index 62a2de2..31889eb 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -159,7 +159,7 @@
     <div class="jumbotron">
       <div class="actix-jumbotron">
         <img src="/img/logo-large.png" class="align-middle actix-logo" alt="">
-        <p class="lead">Rust的actor系统和有趣的web框架</p>
+        <p class="lead">Rust强大的actor系统和有趣的web框架</p>
       </div>
     </div>
   
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 698d50c..e36222f 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -42,6 +42,13 @@
             <li class="nav-item">
               <a class="nav-link" href="/code/">Code</a>
             </li>
+            <li class="nav-item" id="language">
+                <div id="lang">EN</div>
+                <ul class="subitem">
+                    <li class="submenu-item"><a href="https://actix.rs">English</a></li>
+                    <li class="submenu-item"><a href="https://actix.rs/cn">中文</a> </li>
+                </ul>
+            </li>
           </ul>
         </div>
       </nav>
diff --git a/static/css/actix.css b/static/css/actix.css
index f02d0e7..a7a8656 100644
--- a/static/css/actix.css
+++ b/static/css/actix.css
@@ -169,8 +169,19 @@ img {
   line-height: 60px;
   height: 60px;
   padding-top: 0;
+  list-style: none;
+}
+.navbar-nav #language ul {
+    display: none;
+}
+.navbar-nav #language:hover .subitem {
+    margin: -1rem 0 0 -6.6rem;
+    display: block;
+    background-color: #e8f9fc;
+}
+.navbar-nav #language ul li {
+    display: block;
 }
-
 .doctoggle {
     margin: -1rem 0 2rem 0;
     display: none;
@@ -560,6 +571,11 @@ h5:hover a {
   .actix-footer-social a .fa-github {
     margin-right: 1rem;
   }
+  .navbar-nav #language:hover .subitem {
+    margin: 0 -2rem 0 -1rem;
+    display: block;
+    background-color: #e8f9fc;
+  }
 }
 @media (min-width: 480px) and (max-width: 576px) {
   header .nav {