modify header of index.html and index.en.html

6c09f7bc · dayhaha · 91409aa5 · 6c09f7bc · 6c09f7bc · 6c09f7bc
5 changed file
--- a/.static/css/override.css
+++ b/.static/css/override.css
--- a/.static/css/theme.css
+++ b/.static/css/theme.css
--- a/index.en.html
+++ b/index.en.html
@@ -7,6 +7,9 @@
    <script src="http://cdn.bootcss.com/tether/1.4.0/js/tether.js"></script>
    <script src="http://cdn.bootcss.com/jquery/3.1.0/jquery.slim.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
+    <link rel="stylesheet" href=".static/css/theme.css" type="text/css" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/perfect-scrollbar/0.6.14/css/perfect-scrollbar.min.css" type="text/css" />
+    <link rel="stylesheet" href=".static/css/override.css" type="text/css" />
    <style>
 * {
    font-family:"Roboto","Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
@@ -62,31 +65,37 @@
   </style>
 </head>
 <body>
-    <nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse">
+    <header class="site-header">
-        <a class="navbar-brand mr-auto" href="#">
+    <div class="site-logo">
-            <img alt="PaddlePaddle" src="./.theme/PP_w.png">
+      <a href="/"><img src=".theme/PP_w.png"></a>
-        </a>
+    </div>
-        <ul class="nav navbar-nav">
+    <div class="site-nav-links">
-          <li class="nav-item">
+      <div class="site-menu">
-            <a class="nav-link" href="http://paddlepaddle.org">
+        <a class="fork-on-github" href="https://github.com/PaddlePaddle/Paddle" target="_blank">Fork me on Github</a>
-                Home
+        <div class="language-switcher dropdown">
-            </a>
+            <li><a href="./index.html">English</a></li>
-          </li>
+        </div>
-          <li class="nav-item ">
+        <ul class="site-page-links">
-            <a class="nav-link" href="./index.html">
+          <li><a>Home</a></li>
-                中文
+          <li><a>Get Started</a></li>
-            </a>
+          <li class="active"><a>Documentation</a></li>
-          </li>
+          <li><a>About Us</a></li>
-          <li class="nav-item active">
+        </ul>
-            <a class="nav-link" href="#">
+      </div>
-                Deep Learning 101
+      <div class="doc-module">
-            </a>
-          </li>
+        <ul class="current">
-          <li class="nav-item">
+            <li class="toctree-l1"><a class="reference internal" href="#">GET STARTED</a></li>
-            <a class="nav-link" href="https://github.com/PaddlePaddle/book/">Fork on Github</a>
+            <li class="toctree-l1"><a class="reference internal" href="#">TUTORIALS</a></li>
-          </li>
+            <li class="toctree-l1"><a class="reference internal" href="#">HOW TO</a></li>
+            <li class="toctree-l1"><a class="reference internal" href="#">API</a></li>
+            <li class="toctree-l1"><a class="reference internal" href="#">FAQ</a></li>
        </ul>
-    </nav>
+      </div>
+    </div>
+  </header>
    <div class="container-fluid">
        <div class="row">
            <div class="col-3 pl-1 pr-1 left-panel">

--- a/index.html
+++ b/index.html
@@ -7,6 +7,9 @@
    <script src="http://cdn.bootcss.com/tether/1.4.0/js/tether.js"></script>
    <script src="http://cdn.bootcss.com/jquery/3.1.0/jquery.slim.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
+    <link rel="stylesheet" href=".static/css/theme.css" type="text/css" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/perfect-scrollbar/0.6.14/css/perfect-scrollbar.min.css" type="text/css" />
+    <link rel="stylesheet" href=".static/css/override.css" type="text/css" />
    <style>
 * {
    font-family:"Roboto","Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
@@ -66,31 +69,37 @@
   </style>
 </head>
 <body>
-    <nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse">
+    <header class="site-header">
-        <a class="navbar-brand mr-auto" href="#">
+    <div class="site-logo">
-            <img alt="PaddlePaddle" src="./.theme/PP_w.png">
+      <a href="/"><img src=".theme/PP_w.png"></a>
-        </a>
+    </div>
-        <ul class="nav navbar-nav">
+    <div class="site-nav-links">
-          <li class="nav-item">
+      <div class="site-menu">
-            <a class="nav-link" href="http://paddlepaddle.org">
+        <a class="fork-on-github" href="https://github.com/PaddlePaddle/Paddle" target="_blank">Fork me on Github</a>
-                首页
+        <div class="language-switcher dropdown">
-            </a>
+            <li><a href="./index.en.html">中文</a></li>
-          </li>
+        </div>
-          <li class="nav-item active">
+        <ul class="site-page-links">
-            <a class="nav-link" href="#">
+          <li><a>Home</a></li>
-                深度学习入门
+          <li><a>Get Started</a></li>
-            </a>
+          <li class="active"><a>Documentation</a></li>
-          </li>
+          <li><a>About Us</a></li>
-          <li class="nav-item ">
+        </ul>
-            <a class="nav-link" href="./index.en.html">
+      </div>
-                English
+      <div class="doc-module">
-            </a>
-          </li>
+        <ul class="current">
-          <li class="nav-item">
+            <li class="toctree-l1"><a class="reference internal" href="#">新手入门</a></li>
-            <a class="nav-link" href="https://github.com/PaddlePaddle/book/">Fork on Github</a>
+            <li class="toctree-l1"><a class="reference internal" href="#">完整教程</a></li>
-          </li>
+            <li class="toctree-l1"><a class="reference internal" href="#">进阶指南</a></li>
+            <li class="toctree-l1"><a class="reference internal" href="#">API</a></li>
+            <li class="toctree-l1"><a class="reference internal" href="#">FAQ</a></li>
        </ul>
-    </nav>
+      </div>
+    </div>
+  </header>
    <div class="container-fluid">
        <div class="row">
            <div class="col-3 pl-1 pr-1 left-panel">

--- a/index.html.tmpl
+++ b/index.html.tmpl
@@ -7,6 +7,9 @@
    <script src="http://cdn.bootcss.com/tether/1.4.0/js/tether.js"></script>
    <script src="http://cdn.bootcss.com/jquery/3.1.0/jquery.slim.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
+    <link rel="stylesheet" href=".static/css/theme.css" type="text/css" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/perfect-scrollbar/0.6.14/css/perfect-scrollbar.min.css" type="text/css" />
+    <link rel="stylesheet" href=".static/css/override.css" type="text/css" />
    <style>
 * {
    font-family:"Roboto","Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
@@ -66,31 +69,37 @@
   </style>
 </head>
 <body>
-    <nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse">
+    <header class="site-header">
-        <a class="navbar-brand mr-auto" href="#">
+    <div class="site-logo">
-            <img alt="PaddlePaddle" src="./.theme/PP_w.png">
+      <a href="/"><img src=".theme/PP_w.png"></a>
-        </a>
+    </div>
-        <ul class="nav navbar-nav">
+    <div class="site-nav-links">
-          <li class="nav-item">
+      <div class="site-menu">
-            <a class="nav-link" href="http://paddlepaddle.org">
+        <a class="fork-on-github" href="https://github.com/PaddlePaddle/Paddle" target="_blank">Fork me on Github</a>
-                {% if is_en %}Home{% else %}首页{% endif %}
+        <div class="language-switcher dropdown">
-            </a>
+            <li><a href="{% if is_en %}./index.html{% else %}./index.en.html{%endif%}">{% if is_en %}English{% else %}中文{% endif %}</a></li>
-          </li>
+        </div>
-          <li class="nav-item {% if not is_en %}active{% endif %}">
+        <ul class="site-page-links">
-            <a class="nav-link" href="{% if is_en %}./index.html{% else %}#{%endif%}">
+          <li><a>Home</a></li>
-                {% if is_en %}中文{% else %}深度学习入门{% endif %}
+          <li><a>Get Started</a></li>
-            </a>
+          <li class="active"><a>Documentation</a></li>
-          </li>
+          <li><a>About Us</a></li>
-          <li class="nav-item {% if is_en %}active{% endif %}">
+        </ul>
-            <a class="nav-link" href="{% if is_en %}#{% else %}./index.en.html{% endif %}">
+      </div>
-                {% if is_en %}Deep Learning 101{% else %}English{% endif %}
+      <div class="doc-module">
-            </a>
-          </li>
+        <ul class="current">
-          <li class="nav-item">
+            <li class="toctree-l1"><a class="reference internal" href="#">{% if is_en %}GET STARTED{% else %}新手入门{% endif %}</a></li>
-            <a class="nav-link" href="https://github.com/PaddlePaddle/book/">Fork on Github</a>
+            <li class="toctree-l1"><a class="reference internal" href="#">{% if is_en %}TUTORIALS{% else %}完整教程{% endif %}</a></li>
-          </li>
+            <li class="toctree-l1"><a class="reference internal" href="#">{% if is_en %}HOW TO{% else %}进阶指南{% endif%}</a></li>
+            <li class="toctree-l1"><a class="reference internal" href="#">API</a></li>
+            <li class="toctree-l1"><a class="reference internal" href="#">FAQ</a></li>
        </ul>
-    </nav>
+      </div>
+    </div>
+  </header>
    <div class="container-fluid">
        <div class="row">
            <div class="col-3 pl-1 pr-1 left-panel">