From 157da7ade76696b6ad871690008bba78e789f5c9 Mon Sep 17 00:00:00 2001
From: krircc <krircc@aliyun.com>
Date: Sat, 13 Jan 2018 13:44:38 +0800
Subject: [PATCH] update cobalt v0.11.1

---
 .cobalt.yml                           |   6 -
 _cobalt.yml                           |  39 ++++
 _includes/head.liquid                 |   2 +-
 _includes/header.liquid               |   6 +-
 _layouts/blog.liquid                  |   4 +-
 _layouts/default.liquid               |   2 +-
 _layouts/docs.liquid                  |  10 +-
 _site/LICENSE                         | 201 ++++++++++++++++
 _site/blog/2018/Basics-example.html   |  56 +++++
 _site/blog/index.html                 |  59 +++++
 _site/community.html                  |  47 ++++
 _site/docs/Basics/Basics-example.html |  68 ++++++
 _site/docs/index.html                 |  71 ++++++
 _site/index.html                      |  97 ++++++++
 _site/more.html                       |  46 ++++
 _site/public/css/styles.css           | 325 ++++++++++++++++++++++++++
 _site/public/imgs/ACTIX.png           | Bin 0 -> 6426 bytes
 _site/public/imgs/favicon.ico         | Bin 0 -> 4286 bytes
 _site/public/js/nav.js                |  14 ++
 _site/tutorials.html                  |  46 ++++
 blog/Blog-example.md                  |   6 +-
 blog/index.md                         |   6 +-
 community.md                          |   5 +-
 docs/Advance-example.md               |   8 -
 docs/Basics-example.md                |   6 +-
 docs/Misc-example.md                  |   7 -
 docs/Reference-example.md             |   8 -
 docs/index.md                         |   6 +-
 index.liquid                          |   7 +-
 more.md                               |   5 +-
 tutorials.md                          |   5 +-
 31 files changed, 1106 insertions(+), 62 deletions(-)
 delete mode 100644 .cobalt.yml
 create mode 100644 _cobalt.yml
 create mode 100644 _site/LICENSE
 create mode 100644 _site/blog/2018/Basics-example.html
 create mode 100644 _site/blog/index.html
 create mode 100644 _site/community.html
 create mode 100644 _site/docs/Basics/Basics-example.html
 create mode 100644 _site/docs/index.html
 create mode 100644 _site/index.html
 create mode 100644 _site/more.html
 create mode 100644 _site/public/css/styles.css
 create mode 100644 _site/public/imgs/ACTIX.png
 create mode 100644 _site/public/imgs/favicon.ico
 create mode 100644 _site/public/js/nav.js
 create mode 100644 _site/tutorials.html
 delete mode 100644 docs/Advance-example.md
 delete mode 100644 docs/Misc-example.md
 delete mode 100644 docs/Reference-example.md

diff --git a/.cobalt.yml b/.cobalt.yml
deleted file mode 100644
index 3dc7db5..0000000
--- a/.cobalt.yml
+++ /dev/null
@@ -1,6 +0,0 @@
-name: Actix-web framework
-source: "."
-dest: "build"
-ignore:
-  - .git/*
-  - build/*
diff --git a/_cobalt.yml b/_cobalt.yml
new file mode 100644
index 0000000..f00fab3
--- /dev/null
+++ b/_cobalt.yml
@@ -0,0 +1,39 @@
+# Build options
+source: "."
+template_extensions:
+  - md
+  - liquid
+include_drafts: false
+ignore:
+  - .git/*
+  - build/*
+  - README.md
+destination: _site
+
+# Site options
+site: 
+  title: ~
+  description: ~
+  base_url: ~
+  data: ~
+
+# Page/Post options
+default:
+  excerpt_separator: "\n\n"
+  is_draft: false
+syntax_highlight:
+  theme: "base16-ocean.dark"
+assets:
+  sass:
+    style: Nested
+pages:
+  default: {}
+posts:
+  title: ~
+  description: ~
+  dir: posts
+  drafts_dir: _drafts
+  order: Desc
+  rss: ~
+  jsonfeed: ~
+  default: {}
\ No newline at end of file
diff --git a/_includes/head.liquid b/_includes/head.liquid
index 5701a53..5d69d0b 100644
--- a/_includes/head.liquid
+++ b/_includes/head.liquid
@@ -1,7 +1,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1", maximum-scale=1,user-scalable=no,shrink-to-fit=no">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <title>{{ title }}</title>
+<title>{{ page.title }}</title>
 <link rel="shortcut icon" href="/public/imgs/favicon.ico">
 <link rel="stylesheet" href="/public/css/styles.css">
 <script src="/public/js/nav.js" async="async"></script>
diff --git a/_includes/header.liquid b/_includes/header.liquid
index f049c95..8c3b991 100644
--- a/_includes/header.liquid
+++ b/_includes/header.liquid
@@ -5,10 +5,10 @@
         <label ><a href="#" id="menu">menu</a></label>
       </div>
       <div id="rnav">
-          <li> <a href="/tutorials" title="tutorials">Tutorials</a></li>
+          <li> <a href="/tutorials.html" title="tutorials">Tutorials</a></li>
           <li> <a href="/docs" title="docs">Docs</a></li>
           <li> <a href="/blog" title="blog">Blog</a></li>
-          <li> <a href="/community" title="community">Community</a></li>
-          <li> <a href="/more" title="github">More</a></li>
+          <li> <a href="/community.html" title="community">Community</a></li>
+          <li> <a href="/more.html" title="github">More</a></li>
       </div> 
   </div>
diff --git a/_layouts/blog.liquid b/_layouts/blog.liquid
index b8acad2..d9dbc1e 100644
--- a/_layouts/blog.liquid
+++ b/_layouts/blog.liquid
@@ -13,12 +13,12 @@
           <aside>
             <p>2018</p>
             <ul>
-              <li><a {%if route == "Blog-example"%}class="active"{%endif%} href="/blog/Blog-example.html">Blog Example</a></li>
+              <li><a {%if page.permalink == "Blog-example"%}class="active"{%endif%} href="/blog/Blog-example.html">Blog Example</a></li>
             </ul>
           </aside>
           <hr id="hr">
           <main>
-          {{ content }}
+          {{ page.content }}
           </main>
         </div>
       </section>
diff --git a/_layouts/default.liquid b/_layouts/default.liquid
index 3baaad7..8a52c9d 100644
--- a/_layouts/default.liquid
+++ b/_layouts/default.liquid
@@ -8,7 +8,7 @@
       {% include "header.liquid" %}
     </header>
     <main>
-      {{ content }}
+      {{ page.content }}
     </main>
     <footer>
       {% include "footer.liquid" %}
diff --git a/_layouts/docs.liquid b/_layouts/docs.liquid
index a761d3e..dfb4872 100644
--- a/_layouts/docs.liquid
+++ b/_layouts/docs.liquid
@@ -13,24 +13,24 @@
           <aside>
             <p>Basics</p>
             <ul>
-              <li><a {%if route == "Basics-example"%}class="active"{%endif%} href="/docs/Basics-example.html">Basics Example</a></li>
+              <li><a {%if page.permalink == "Basics-example"%}class="active"{%endif%} href="/docs/Basics-example.html">Basics Example</a></li>
             </ul>
             <p>Reference</p>
             <ul>
-              <li><a {%if route == "Reference-example"%}class="active"{%endif%} href="/docs/Reference-example.html">Reference Example</a></li>
+              <li><a {%if page.permalink == "Reference-example"%}class="active"{%endif%} href="/docs/Reference-example.html">Reference Example</a></li>
             </ul>
             <p>Advance</p>
             <ul>
-              <li><a {%if route == "Advance-example"%}class="active"{%endif%} href="/docs/Advance-example.html">Advance Example</a></li>
+              <li><a {%if page.permalink == "Advance-example"%}class="active"{%endif%} href="/docs/Advance-example.html">Advance Example</a></li>
             </ul>
             <p>Misc</p>
             <ul>
-              <li><a {%if route == "Misc-example"%}class="active"{%endif%} href="/docs/Misc-example.html">Misc Example</a></li>
+              <li><a {%if page.permalink == "Misc-example"%}class="active"{%endif%} href="/docs/Misc-example.html">Misc Example</a></li>
             </ul>
           </aside>
           <hr id="hr">
           <main>
-          {{ content }}
+          {{ page.content }}
           </main>
         </div>
       </section>
diff --git a/_site/LICENSE b/_site/LICENSE
new file mode 100644
index 0000000..6cdf2d1
--- /dev/null
+++ b/_site/LICENSE
@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "{}"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright 2017-NOW Nikolay Kim
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
diff --git a/_site/blog/2018/Basics-example.html b/_site/blog/2018/Basics-example.html
new file mode 100644
index 0000000..cacd888
--- /dev/null
+++ b/_site/blog/2018/Basics-example.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1", maximum-scale=1,user-scalable=no,shrink-to-fit=no">
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<title>Blog::Blog Example</title>
+<link rel="shortcut icon" href="/public/imgs/favicon.ico">
+<link rel="stylesheet" href="/public/css/styles.css">
+<script src="/public/js/nav.js" async="async"></script>
+
+  </head>
+  <body>
+    <header>
+        <div id="mnav">
+      <div id="lnav">
+        <div id="line"></div>
+        <h1><a href="/"><img src="/public/imgs/ACTIX.png"/></a><a id="home" href="/">Actix</a></h1>
+        <label ><a href="#" id="menu">menu</a></label>
+      </div>
+      <div id="rnav">
+          <li> <a href="/tutorials.html" title="tutorials">Tutorials</a></li>
+          <li> <a href="/docs" title="docs">Docs</a></li>
+          <li> <a href="/blog" title="blog">Blog</a></li>
+          <li> <a href="/community.html" title="community">Community</a></li>
+          <li> <a href="/more.html" title="github">More</a></li>
+      </div> 
+  </div>
+
+    </header>
+    <main>
+      <section class="docs">
+        <div class="inner">
+          <aside>
+            <p>2018</p>
+            <ul>
+              <li><a  href="/blog/Blog-example.html">Blog Example</a></li>
+            </ul>
+          </aside>
+          <hr id="hr">
+          <main>
+          <h2>Basics Example</h2>
+<p>The words is comming.</p>
+
+          </main>
+        </div>
+      </section>
+    </main>
+    <footer>
+      <div >
+  <p>Made ❤️  by the <a href="https://cobalt-org.github.io/">Cobalt</a> with the <a href="https://github.com/actix/actix-website">Actix</a> theme</p>
+</div>
+
+    </footer>
+  </body>
+</html>
diff --git a/_site/blog/index.html b/_site/blog/index.html
new file mode 100644
index 0000000..5bd7207
--- /dev/null
+++ b/_site/blog/index.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1", maximum-scale=1,user-scalable=no,shrink-to-fit=no">
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<title>Blog</title>
+<link rel="shortcut icon" href="/public/imgs/favicon.ico">
+<link rel="stylesheet" href="/public/css/styles.css">
+<script src="/public/js/nav.js" async="async"></script>
+
+  </head>
+  <body>
+    <header>
+        <div id="mnav">
+      <div id="lnav">
+        <div id="line"></div>
+        <h1><a href="/"><img src="/public/imgs/ACTIX.png"/></a><a id="home" href="/">Actix</a></h1>
+        <label ><a href="#" id="menu">menu</a></label>
+      </div>
+      <div id="rnav">
+          <li> <a href="/tutorials.html" title="tutorials">Tutorials</a></li>
+          <li> <a href="/docs" title="docs">Docs</a></li>
+          <li> <a href="/blog" title="blog">Blog</a></li>
+          <li> <a href="/community.html" title="community">Community</a></li>
+          <li> <a href="/more.html" title="github">More</a></li>
+      </div> 
+  </div>
+
+    </header>
+    <main>
+      <section class="docs">
+        <div class="inner">
+          <aside>
+            <p>2018</p>
+            <ul>
+              <li><a  href="/blog/Blog-example.html">Blog Example</a></li>
+            </ul>
+          </aside>
+          <hr id="hr">
+          <main>
+          <h2>Documentation</h2>
+<p>Welcome to the Actix-web Blog!</p>
+<p>If you feel like contributing further, you can fork that repo,
+branch from <code>source</code>, and submit a pull request.</p>
+<p>Contributions are always welcome!</p>
+
+          </main>
+        </div>
+      </section>
+    </main>
+    <footer>
+      <div >
+  <p>Made ❤️  by the <a href="https://cobalt-org.github.io/">Cobalt</a> with the <a href="https://github.com/actix/actix-website">Actix</a> theme</p>
+</div>
+
+    </footer>
+  </body>
+</html>
diff --git a/_site/community.html b/_site/community.html
new file mode 100644
index 0000000..0478f6a
--- /dev/null
+++ b/_site/community.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1", maximum-scale=1,user-scalable=no,shrink-to-fit=no">
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<title>Community</title>
+<link rel="shortcut icon" href="/public/imgs/favicon.ico">
+<link rel="stylesheet" href="/public/css/styles.css">
+<script src="/public/js/nav.js" async="async"></script>
+
+  </head>
+  <body>
+    <header>
+        <div id="mnav">
+      <div id="lnav">
+        <div id="line"></div>
+        <h1><a href="/"><img src="/public/imgs/ACTIX.png"/></a><a id="home" href="/">Actix</a></h1>
+        <label ><a href="#" id="menu">menu</a></label>
+      </div>
+      <div id="rnav">
+          <li> <a href="/tutorials.html" title="tutorials">Tutorials</a></li>
+          <li> <a href="/docs" title="docs">Docs</a></li>
+          <li> <a href="/blog" title="blog">Blog</a></li>
+          <li> <a href="/community.html" title="community">Community</a></li>
+          <li> <a href="/more.html" title="github">More</a></li>
+      </div> 
+  </div>
+
+    </header>
+    <main>
+      <section >
+<div >
+<h2>Examples</h2>
+<p>The words is comming.</p>
+</div>
+</section>
+
+    </main>
+    <footer>
+      <div >
+  <p>Made ❤️  by the <a href="https://cobalt-org.github.io/">Cobalt</a> with the <a href="https://github.com/actix/actix-website">Actix</a> theme</p>
+</div>
+
+    </footer>
+  </body>
+</html>
diff --git a/_site/docs/Basics/Basics-example.html b/_site/docs/Basics/Basics-example.html
new file mode 100644
index 0000000..e0fee7d
--- /dev/null
+++ b/_site/docs/Basics/Basics-example.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1", maximum-scale=1,user-scalable=no,shrink-to-fit=no">
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<title>Docs::Basics Example</title>
+<link rel="shortcut icon" href="/public/imgs/favicon.ico">
+<link rel="stylesheet" href="/public/css/styles.css">
+<script src="/public/js/nav.js" async="async"></script>
+
+  </head>
+  <body>
+    <header>
+        <div id="mnav">
+      <div id="lnav">
+        <div id="line"></div>
+        <h1><a href="/"><img src="/public/imgs/ACTIX.png"/></a><a id="home" href="/">Actix</a></h1>
+        <label ><a href="#" id="menu">menu</a></label>
+      </div>
+      <div id="rnav">
+          <li> <a href="/tutorials.html" title="tutorials">Tutorials</a></li>
+          <li> <a href="/docs" title="docs">Docs</a></li>
+          <li> <a href="/blog" title="blog">Blog</a></li>
+          <li> <a href="/community.html" title="community">Community</a></li>
+          <li> <a href="/more.html" title="github">More</a></li>
+      </div> 
+  </div>
+
+    </header>
+    <main>
+      <section class="blog">
+        <div class="inner">
+          <aside>
+            <p>Basics</p>
+            <ul>
+              <li><a  href="/docs/Basics-example.html">Basics Example</a></li>
+            </ul>
+            <p>Reference</p>
+            <ul>
+              <li><a  href="/docs/Reference-example.html">Reference Example</a></li>
+            </ul>
+            <p>Advance</p>
+            <ul>
+              <li><a  href="/docs/Advance-example.html">Advance Example</a></li>
+            </ul>
+            <p>Misc</p>
+            <ul>
+              <li><a  href="/docs/Misc-example.html">Misc Example</a></li>
+            </ul>
+          </aside>
+          <hr id="hr">
+          <main>
+          <h2>Basics Example</h2>
+<p>The words is comming.</p>
+
+          </main>
+        </div>
+      </section>
+    </main>
+    <footer>
+      <div >
+  <p>Made ❤️  by the <a href="https://cobalt-org.github.io/">Cobalt</a> with the <a href="https://github.com/actix/actix-website">Actix</a> theme</p>
+</div>
+
+    </footer>
+  </body>
+</html>
diff --git a/_site/docs/index.html b/_site/docs/index.html
new file mode 100644
index 0000000..2245e83
--- /dev/null
+++ b/_site/docs/index.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1", maximum-scale=1,user-scalable=no,shrink-to-fit=no">
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<title>Docs</title>
+<link rel="shortcut icon" href="/public/imgs/favicon.ico">
+<link rel="stylesheet" href="/public/css/styles.css">
+<script src="/public/js/nav.js" async="async"></script>
+
+  </head>
+  <body>
+    <header>
+        <div id="mnav">
+      <div id="lnav">
+        <div id="line"></div>
+        <h1><a href="/"><img src="/public/imgs/ACTIX.png"/></a><a id="home" href="/">Actix</a></h1>
+        <label ><a href="#" id="menu">menu</a></label>
+      </div>
+      <div id="rnav">
+          <li> <a href="/tutorials.html" title="tutorials">Tutorials</a></li>
+          <li> <a href="/docs" title="docs">Docs</a></li>
+          <li> <a href="/blog" title="blog">Blog</a></li>
+          <li> <a href="/community.html" title="community">Community</a></li>
+          <li> <a href="/more.html" title="github">More</a></li>
+      </div> 
+  </div>
+
+    </header>
+    <main>
+      <section class="blog">
+        <div class="inner">
+          <aside>
+            <p>Basics</p>
+            <ul>
+              <li><a  href="/docs/Basics-example.html">Basics Example</a></li>
+            </ul>
+            <p>Reference</p>
+            <ul>
+              <li><a  href="/docs/Reference-example.html">Reference Example</a></li>
+            </ul>
+            <p>Advance</p>
+            <ul>
+              <li><a  href="/docs/Advance-example.html">Advance Example</a></li>
+            </ul>
+            <p>Misc</p>
+            <ul>
+              <li><a  href="/docs/Misc-example.html">Misc Example</a></li>
+            </ul>
+          </aside>
+          <hr id="hr">
+          <main>
+          <h2>Documentation</h2>
+<p>Welcome to the Actix-web docs!</p>
+<p>If you feel like contributing further, you can fork that repo,
+branch from <code>source</code>, and submit a pull request.</p>
+<p>Contributions are always welcome!</p>
+
+          </main>
+        </div>
+      </section>
+    </main>
+    <footer>
+      <div >
+  <p>Made ❤️  by the <a href="https://cobalt-org.github.io/">Cobalt</a> with the <a href="https://github.com/actix/actix-website">Actix</a> theme</p>
+</div>
+
+    </footer>
+  </body>
+</html>
diff --git a/_site/index.html b/_site/index.html
new file mode 100644
index 0000000..15516e1
--- /dev/null
+++ b/_site/index.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1", maximum-scale=1,user-scalable=no,shrink-to-fit=no">
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<title>Actix-web framework</title>
+<link rel="shortcut icon" href="/public/imgs/favicon.ico">
+<link rel="stylesheet" href="/public/css/styles.css">
+<script src="/public/js/nav.js" async="async"></script>
+
+  </head>
+  <body>
+    <header>
+        <div id="mnav">
+      <div id="lnav">
+        <div id="line"></div>
+        <h1><a href="/"><img src="/public/imgs/ACTIX.png"/></a><a id="home" href="/">Actix</a></h1>
+        <label ><a href="#" id="menu">menu</a></label>
+      </div>
+      <div id="rnav">
+          <li> <a href="/tutorials.html" title="tutorials">Tutorials</a></li>
+          <li> <a href="/docs" title="docs">Docs</a></li>
+          <li> <a href="/blog" title="blog">Blog</a></li>
+          <li> <a href="/community.html" title="community">Community</a></li>
+          <li> <a href="/more.html" title="github">More</a></li>
+      </div> 
+  </div>
+
+    </header>
+    <main>
+      <section class="introduction">
+  <div>
+    <div id="top">
+      <h1>Actix-web framework</h1>
+      <p>Actix-web is a fast, down-to-earth, open source rust web framework.</p>
+      <div>
+        <button><a href="/tutorials.html" >Start</a></button>
+        <button><a href="/docs" >Learn</a></button>
+      </div>
+    </div>
+    <div id="Features">
+      <div id="feature" class="columns three">
+        <article>
+          <h3>Type Safe</h3>
+          <p>The words is comming.</p>
+        </article>
+        <article>
+          <h3>Stability</h3>
+          <p>The words is comming.</p>
+        </article>
+        <article>
+          <h3>Extensible</h3>
+          <p>The words is comming.</p>
+        </article>
+      </div>
+      <div id="feature" class="columns three">
+        <article>
+          <h3>Easy To Use</h3>
+          <p>The words is comming.</p>
+        </article>
+        <article>
+          <h3>Blazingly Fast</h3>
+          <p>The words is comming.</p>
+        </article>
+        <article>
+          <h3>Async Everything</h3>
+          <p>The words is comming.</p>
+        </article>
+      </div>
+      <div id="feature" class="columns three">
+        <article>
+          <h3>WebSockets</h3>
+          <p>The words is comming.</p>
+        </article>
+        <article>
+          <h3>Streaming and pipelining</h3>
+          <p>The words is comming.</p>
+        </article>
+        <article>
+          <h3>HTTP/1.x and HTTP/2.0</h3>
+          <p>The words is comming.</p>
+        </article>
+      </div>
+    </div>
+  </div>
+</section>
+
+    </main>
+    <footer>
+      <div >
+  <p>Made ❤️  by the <a href="https://cobalt-org.github.io/">Cobalt</a> with the <a href="https://github.com/actix/actix-website">Actix</a> theme</p>
+</div>
+
+    </footer>
+  </body>
+</html>
diff --git a/_site/more.html b/_site/more.html
new file mode 100644
index 0000000..107ec17
--- /dev/null
+++ b/_site/more.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1", maximum-scale=1,user-scalable=no,shrink-to-fit=no">
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<title>More</title>
+<link rel="shortcut icon" href="/public/imgs/favicon.ico">
+<link rel="stylesheet" href="/public/css/styles.css">
+<script src="/public/js/nav.js" async="async"></script>
+
+  </head>
+  <body>
+    <header>
+        <div id="mnav">
+      <div id="lnav">
+        <div id="line"></div>
+        <h1><a href="/"><img src="/public/imgs/ACTIX.png"/></a><a id="home" href="/">Actix</a></h1>
+        <label ><a href="#" id="menu">menu</a></label>
+      </div>
+      <div id="rnav">
+          <li> <a href="/tutorials.html" title="tutorials">Tutorials</a></li>
+          <li> <a href="/docs" title="docs">Docs</a></li>
+          <li> <a href="/blog" title="blog">Blog</a></li>
+          <li> <a href="/community.html" title="community">Community</a></li>
+          <li> <a href="/more.html" title="github">More</a></li>
+      </div> 
+  </div>
+
+    </header>
+    <main>
+      <section >
+<div >
+<h2>Examples</h2>
+<p>The words is comming.</p>
+</div>
+</section>
+    </main>
+    <footer>
+      <div >
+  <p>Made ❤️  by the <a href="https://cobalt-org.github.io/">Cobalt</a> with the <a href="https://github.com/actix/actix-website">Actix</a> theme</p>
+</div>
+
+    </footer>
+  </body>
+</html>
diff --git a/_site/public/css/styles.css b/_site/public/css/styles.css
new file mode 100644
index 0000000..217778b
--- /dev/null
+++ b/_site/public/css/styles.css
@@ -0,0 +1,325 @@
+:root {
+  --grey:  #f5f5f5;
+  --black: #000;
+  --white: #fff;
+  --new: rgb(82, 29, 79);
+  --font-stack: helvetica, arial, sans-serif;
+}
+
+*, *:before, *:after {
+  box-sizing: border-box;
+  padding:0px; margin:0px;
+}
+
+body {
+  font-family: var(--font-stack);
+  line-height: 1.4rem;
+}
+
+a {
+  color: var(--black);
+  text-decoration: none;
+}
+a:hover { color: var(--new) ;text-decoration:none; }
+
+ul, ol, li {
+  list-style: none;
+}
+
+/* ----------------------------------------nav----------------------------------------*/
+#lnav {
+  position: fixed;
+  width: 100%;
+  line-height: 60px;
+  zoom:1;
+  display: flex;
+  background-color: white;
+  justify-content: space-between;
+  border-bottom: 1px solid #dfdcdc;  
+  box-shadow: 0 3px 3px rgba(200, 216, 206, 0.12), 0 3px 3px rgba(97, 107, 100, 0.24);
+}
+#line {
+  position: fixed;
+  zoom:1;
+  display: flex;
+  width: 100%;
+  height: 4px;
+  background-color: var(--black);
+}
+#lnav h1 #home {
+  font-size: 33px;
+  margin: auto 1vw;
+  font-weight: bold;
+}
+#lnav label {
+  float: right;
+  font-size: 26px;
+  font-weight: bold;
+  margin: auto 2vw;
+}
+
+/* ----------------------------------------section----------------------------------------*/
+section {
+  min-height: 100vh;
+}
+section.docs aside ul li a, section.blog aside ul li a {
+  display: inline-block;
+  margin-left: 0.8rem;
+  text-decoration: none;
+  transition: all 0.15s ease-in-out;
+}
+
+section.docs aside ul li a.active,
+section.docs aside ul li a:hover,
+section.docs aside ul li a:active,
+section.docs aside ul li a:focus,
+section.blog aside ul li a.active,
+section.blog aside ul li a:hover,
+section.blog aside ul li a:active,
+section.blog aside ul li a:focus {
+  color: var(--new);
+  border-left: 3px solid var(--new);
+  padding: 0.25rem 0.5rem;
+}
+section.docs aside p, section.blog aside p {
+  font-size: 1.2rem;
+  font-weight: bold;
+}
+
+pre {
+  display: block;
+  padding: 9.5px;
+  margin: 0 0 10px;
+  font-size: 13px;
+  line-height: 1.42857143;
+  color: var(--new);
+  word-break: break-all;
+  word-wrap: break-word;
+  background-color: #f5f5f5;
+  border: 1px solid #ccc;
+  text-shadow: none;
+}
+
+code {
+  padding: 2px 4px;
+  font-size: 90%;
+  background-color: #f5f5f5;
+  border-radius: 4px;
+  border: 1px solid #ccc;
+  color: var(--new);
+  text-shadow: none;
+}
+
+pre code {
+  padding: 0;
+  font-size: inherit;
+  color: inherit;
+  white-space: pre-wrap;
+  background-color: transparent;
+  border-radius: 0;
+  border: 0;
+}
+
+/* ----------------------------------------footer----------------------------------------*/
+footer {
+  text-align: center;
+  justify-content: center;
+  border-top: 2px solid var(--new);
+}
+
+footer p {
+  margin: 0;
+  font-weight: lighter;
+  padding: 1rem 0;
+}
+
+/* ----------------------------------------home page----------------------------------------*/
+#top {
+  padding: 2rem;
+  text-align: center;
+  line-height: 3rem;
+  background-color:  var(--grey);
+}
+#top h1 {
+  font-size: 2.2rem;
+  color: var(--new);
+}
+#top p {
+  font-size: 1.1rem;
+  color: var(--new);
+}
+#top button {
+  margin-right: 15px;
+  font-size: 18px;
+  padding: 8px 30px;
+  background-color: rgb(190, 241, 211);
+  border: none;
+}
+
+#Features {
+  margin: 2rem auto;
+  padding: 1rem 2rem;
+  background-color:  var(--grey);
+}
+#Features #feature {
+  padding-bottom: 1rem;
+}
+#Features article {
+  padding-top: 1rem;
+}
+#Features article h3 {
+  font-size: 1.3rem;
+  color: var(--black);
+  padding-bottom: 0.5rem;
+}
+
+
+/* ----------------------------------------mobile----------------------------------------*/
+@media only screen and (max-width:  600px) {
+  #lnav h1 img {
+    width: 3rem;
+    height: 3rem;
+    vertical-align:middle;
+    margin-left: 1vw;
+  }
+  #rnav {
+    padding-top: 4rem;
+    height: 0;
+    display: block;
+    overflow: hidden;
+  }
+  #rnav li a {
+    color: var(--black);
+    display:block;
+    font-weight: bold;
+    border-bottom: 1px solid #d8d8d8;
+    padding: 0.5rem 1rem;
+  }
+  section {
+    margin: 0 auto ;
+    padding-top: 1rem;
+    width: 94%;
+  }
+  #hr {
+    width: 100%;
+    height: 0.25rem;
+    margin: 0.6rem 0;
+    background-color: var(--black);
+  }
+}
+/* ----------------------------------------table----------------------------------------*/
+@media only screen and (min-width:  600px) and (max-width:  1000px) {
+  #menu {
+    display: none;
+  }
+  #lnav h1 img {
+    width: 3rem;
+    height: 3rem;
+    vertical-align:middle;
+    margin-left: 5vw;
+  }
+
+  #rnav {
+    position: fixed;
+    right: 0;
+    line-height: 60px;
+    padding-right: 5vw;
+  }
+
+  #rnav li {
+    display: inline-block;
+  }
+  #rnav li a {
+    font-size: 20px;
+    font-weight: bold;
+    padding-left: 2vw;
+  }
+  section {
+    margin: 0 auto;
+    padding-top: 5rem;
+    width: 85%;
+  }
+  section.docs .inner, section.blog .inner {
+    display: flex;
+  }
+  section.docs aside, section.blog aside {
+    flex: 0 1 30%;
+  }
+   
+  section.docs main, section.blog main {
+    flex: 0 1 70%;
+  }
+  #hr {
+    display: none;
+  }
+  .columns {
+    display: flex;
+  }
+
+  .columns.three > article {
+    flex: 0 1 33%;
+    margin-right: 1.5%;
+  }
+
+  .columns.three > article:last-child {
+    margin-right: 0;
+  }
+}
+
+/* ----------------------------------------desktop----------------------------------------*/
+@media only screen and (min-width:  1000px) {
+  #menu {
+    display: none;
+  }
+  #lnav h1 img {
+    width: 3rem;
+    height: 3rem;
+    vertical-align:middle;
+    margin-left: 11vw;
+  }
+  #rnav {
+    position: fixed;
+    right: 0;
+    line-height: 60px;
+    padding-right: 10vw;
+  }
+
+  #rnav li {
+    display: inline-block;
+  }
+  #rnav li a {
+    font-size: 20px;
+    font-weight: bold;
+    padding-left: 2vw;
+  }
+  section {
+    margin: 0 auto;
+    padding-top: 5.5rem;
+    width: 75%;
+  }
+
+  section.docs .inner, section.blog .inner {
+    display: flex;
+  }
+  section.docs aside, section.blog aside {
+    flex: 0 1 30%;
+  }
+  section.docs main, section.blog main {
+    flex: 0 1 70%;
+  }
+  #hr {
+    display: none;
+  }
+  .columns {
+    display: flex;
+  }
+
+  .columns.three > article {
+    flex: 0 1 33%;
+    margin-right: 1.5%;
+  }
+
+  .columns.three > article:last-child {
+    margin-right: 0;
+  }
+}
diff --git a/_site/public/imgs/ACTIX.png b/_site/public/imgs/ACTIX.png
new file mode 100644
index 0000000000000000000000000000000000000000..673e0f0190ca8dd9bd64712527486feb30f754fb
GIT binary patch
literal 6426
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

literal 0
HcmV?d00001

diff --git a/_site/public/imgs/favicon.ico b/_site/public/imgs/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..3a3c738b293fd933f94cf9a511b9a74080c937eb
GIT binary patch
literal 4286
zcmcgwS4(6`6z=^8`?SyVxIbfmfVQFAoD({V0mB$k3@9pyqT(vEj<mL}3MvQ&d@{8;
z;izC370fwjJ$t{Bs;Tb2t@gt18Ln0LR@HY-o!q0*{G$B(^htxin!kV5XnxaZG`}m4
z@=5cD^5DBIB0K5q?2N9iuIT0Eg+@k3=;-K(&3AWq*=Q%+hqhl|U(@2^BEv5!DWQ~<
z6k1zbBM%P`Dk>_X>FH^5b91Amr6sz(y`}m2`48c~x9REWiSaa<OyuO`MCIk>jHjcc
zBYVdv&oeSIC@wCJ0s;cqIez{<KDO5L^75##u#gH03K$>G@4XSSHa9m@R8$m=kB{4e
zSN#sV!p4w2Jw08Oue-ZDMMp<dT3Q+<Cnr;AXsDS!Wch}Nhw0|#hCQkbEj~UxJWx<j
z5PMu*T?K!gPDil)?CdPVdVYRpI)=QE6@J*=-A%EvvEmHmfGr?zV`HNQC-qn0!H)7B
zQd3iDb90mNQ$O|d>*M1i_4W0UmzS3r27Kr(0^hQ-GK!3hB)wiQ&Q@1f6EN)|U~O$}
zQA9+9z=2Nj4*l7p_V#wM-@(CwDk>@n_JDrn2l$*Ym)GR^&dv@61_laD*x~f_lphr%
z?l(3zMpac+(q0d8aBx(8PEJn5S>y(tPOrL;pLce4X1M<T{?ygg#cU}6l*z@#1^N2=
z3f_pHv9WQs*WW*YVLLi%siC2PhKEgbe}6BIL-x_pQ8F0ntz<|@NTh**0j5XUpK5Aq
z#CbmH>FE*tb8>QoubE6E4A<S=<INa?O#HqW^?ElYCXN|Aa<hwz3&Z#E@nQL!^M(Cd
zTU#k4Bt-BZ8XDru%=ZEVgBUh)t}TLJ$^4O*xu0O<xkRhgQf6i*%hkZb8seJk2XSuc
zBVWJ%#juS=+c6AZmHDGK$%H#{9*D1*nHjN+{Dd5ab&SX@GOezzDr;ILHlyhH_}J>%
z-``jK$4~G_?BCtp$q+O-IVt!f7jfMHFCig8ti{L2o1Mc8_JX&3zqjV4rKMIFD=RC4
z2l8rDQxn6zyu4&J26n;yA&VM8f8hD$OEPtIbeKIcF|lT{O;7*SEysG*;cLD0_V#8u
zlIsBd1oywNurMqA0|P$n?Ce6HKSv7P;XC4w`zPc>yvp&3J)o(nDRF;;!5}bTYdPP;
zH_p$`Uk^!tAuH+tc>MUWE>_TU$hN4e`ctgQleV@t!5{ghzrUX?19xz6kdl&;#5(ec
z8uj+}GG36M)3<MRX8acx7Wk4F!6Pdxi{T>=AkS`ZZ;N$IWcko<s1fvnT#Gt_JP!&F
zj}ZJrLPAw*)xp65@mlWb>B(xfj1OGY1|FZt*Bcuf@)kD7Js=zO4Szy?k#%2NTdR5o
z`Icj2L?0&;d;s;mrKLseL%ve0yF4E^G#II~v(t<}V$728jo&>uIGE)f^jDUIyP>|w
za@N(=S;YeCv6q*((tpKJc6N^74?6%uCghgz@Nj_%IrjGU<Sk;3v-S1$l$)C?Y9Vrh
z(P*@ip`xOav|1<SUOK@a`rrht!^1<fUMw*&QIR)W<bA%^a>QBml(HVs2P4Pw`+fhu
zAo#-mkcImTY>C{DS}$Xu4u6DTbM#<{b-9PbZw>en{0_Mt`53W)2RR#g6mg86nCDXP
z$L|5e3w-M%ggf%s0+xISK1WXr`SSDgnZ3~S$~`0BhY|fZbb`lTs;sP3`Wk~-UnXPQ
znj^;`zoCzro13$jt=P})JuxxCe&3-6@ji{)2Ducrfh@(v#ROkLEx}p-2*7_iLChhC
z0T2B+_~7@3pPwIlUteEmeJ*?uwnMG@uL!=!^V0J2vgqZ|2XlSd!`s&X3;bW-{{i+S
Bxp4ph

literal 0
HcmV?d00001

diff --git a/_site/public/js/nav.js b/_site/public/js/nav.js
new file mode 100644
index 0000000..78ba358
--- /dev/null
+++ b/_site/public/js/nav.js
@@ -0,0 +1,14 @@
+var menu = document.getElementById('menu');
+menu.addEventListener('click', function() {
+    var nav = document.getElementById('rnav');
+        if (nav.style.height == 'auto') {
+            nav.style.height = '0';
+        }else{
+            nav.style.height = 'auto';
+        }
+
+        // they are same
+        // manv.style.height = 'auto';
+        // manv.setAttribute('style', 'height: auto !important');
+        // manv.style.setProperty( 'height',' auto', 'important');
+}, false);
\ No newline at end of file
diff --git a/_site/tutorials.html b/_site/tutorials.html
new file mode 100644
index 0000000..e72d802
--- /dev/null
+++ b/_site/tutorials.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1", maximum-scale=1,user-scalable=no,shrink-to-fit=no">
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<title>Tutorials</title>
+<link rel="shortcut icon" href="/public/imgs/favicon.ico">
+<link rel="stylesheet" href="/public/css/styles.css">
+<script src="/public/js/nav.js" async="async"></script>
+
+  </head>
+  <body>
+    <header>
+        <div id="mnav">
+      <div id="lnav">
+        <div id="line"></div>
+        <h1><a href="/"><img src="/public/imgs/ACTIX.png"/></a><a id="home" href="/">Actix</a></h1>
+        <label ><a href="#" id="menu">menu</a></label>
+      </div>
+      <div id="rnav">
+          <li> <a href="/tutorials.html" title="tutorials">Tutorials</a></li>
+          <li> <a href="/docs" title="docs">Docs</a></li>
+          <li> <a href="/blog" title="blog">Blog</a></li>
+          <li> <a href="/community.html" title="community">Community</a></li>
+          <li> <a href="/more.html" title="github">More</a></li>
+      </div> 
+  </div>
+
+    </header>
+    <main>
+      <section >
+<div >
+<h2>Examples</h2>
+<p>The words is comming.</p>
+</div>
+</section>
+    </main>
+    <footer>
+      <div >
+  <p>Made ❤️  by the <a href="https://cobalt-org.github.io/">Cobalt</a> with the <a href="https://github.com/actix/actix-website">Actix</a> theme</p>
+</div>
+
+    </footer>
+  </body>
+</html>
diff --git a/blog/Blog-example.md b/blog/Blog-example.md
index 22d796c..2360259 100644
--- a/blog/Blog-example.md
+++ b/blog/Blog-example.md
@@ -1,6 +1,6 @@
-extends: blog.liquid
-title: "Blog::Blog Example"
-route: Blog-example
+title:  Blog::Blog Example
+layout: blog.liquid
+permalink: /blog/2018/Basics-example.html
 ---
 
 ## Basics Example
diff --git a/blog/index.md b/blog/index.md
index fe3c533..b7e5434 100644
--- a/blog/index.md
+++ b/blog/index.md
@@ -1,6 +1,6 @@
-extends: blog.liquid
-title: "Blog"
-route: ""
+title:  Blog
+layout: blog.liquid
+permalink: /blog/index.html
 ---
 
 ## Documentation
diff --git a/community.md b/community.md
index dc471c9..e126aeb 100644
--- a/community.md
+++ b/community.md
@@ -1,5 +1,6 @@
-extends: default.liquid
-path: /:filename/
+title:   Community
+layout: default.liquid
+permalink: /community.html
 ---
 <section >
 <div >
diff --git a/docs/Advance-example.md b/docs/Advance-example.md
deleted file mode 100644
index 4a417b5..0000000
--- a/docs/Advance-example.md
+++ /dev/null
@@ -1,8 +0,0 @@
-extends: docs.liquid
-title: "Docs::Advance Example"
-route: Advance-example
----
-
-## Advance Example
-
-The words is comming.
\ No newline at end of file
diff --git a/docs/Basics-example.md b/docs/Basics-example.md
index 668f47b..e66557c 100644
--- a/docs/Basics-example.md
+++ b/docs/Basics-example.md
@@ -1,6 +1,6 @@
-extends: docs.liquid
-title: "Docs::Basics Example"
-route: Basics-example
+title:   Docs::Basics Example
+layout: docs.liquid
+permalink: /docs/Basics/Basics-example.html
 ---
 
 ## Basics Example
diff --git a/docs/Misc-example.md b/docs/Misc-example.md
deleted file mode 100644
index 24209db..0000000
--- a/docs/Misc-example.md
+++ /dev/null
@@ -1,7 +0,0 @@
-extends: docs.liquid
-title: "Docs::Misc Example"
-route: Misc-example
----
-## Misc Example
-
-The words is comming.
\ No newline at end of file
diff --git a/docs/Reference-example.md b/docs/Reference-example.md
deleted file mode 100644
index 9b582b4..0000000
--- a/docs/Reference-example.md
+++ /dev/null
@@ -1,8 +0,0 @@
-extends: docs.liquid
-title: "Docs::Reference Example"
-route: Reference-example
----
-
-## Reference Example
-
-The words is comming.
diff --git a/docs/index.md b/docs/index.md
index e4bb065..71a052a 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -1,6 +1,6 @@
-extends: docs.liquid
-title: "Docs"
-route: ""
+title:  Docs
+layout: docs.liquid
+permalink: /docs/index.html
 ---
 
 ## Documentation
diff --git a/index.liquid b/index.liquid
index c729065..2b7af20 100644
--- a/index.liquid
+++ b/index.liquid
@@ -1,5 +1,6 @@
-extends: default.liquid
 title: Actix-web framework
+layout: default.liquid
+permalink: /index.html
 ---
 <section class="introduction">
   <div>
@@ -7,8 +8,8 @@ title: Actix-web framework
       <h1>Actix-web framework</h1>
       <p>Actix-web is a fast, down-to-earth, open source rust web framework.</p>
       <div>
-        <button><a href="https://actix.github.io/tutorials" >Start</a></button>
-        <button><a href="https://actix.github.io/docs" >Learn</a></button>
+        <button><a href="/tutorials.html" >Start</a></button>
+        <button><a href="/docs" >Learn</a></button>
       </div>
     </div>
     <div id="Features">
diff --git a/more.md b/more.md
index 7e69d58..da8fb33 100644
--- a/more.md
+++ b/more.md
@@ -1,5 +1,6 @@
-extends: default.liquid
-path: /:filename/
+title:   More
+layout: default.liquid
+permalink: /more.html
 ---
 <section >
 <div >
diff --git a/tutorials.md b/tutorials.md
index 48a4735..fbcc1e2 100644
--- a/tutorials.md
+++ b/tutorials.md
@@ -1,5 +1,6 @@
-extends: default.liquid
-path: /:filename/
+title:   Tutorials
+layout: default.liquid
+permalink: /tutorials.html
 ---
 <section >
 <div >