This is an automated email from the ASF dual-hosted git repository.

liujun pushed a commit to branch mkdocs
in repository https://gitbox.apache.org/repos/asf/dubbo-website.git

commit 73062b07403e32650119005c896c62339335fa71
Author: ken.lj <[email protected]>
AuthorDate: Wed Oct 21 13:05:44 2020 +0800

    commit missed files
---
 material/overrides/home_en.html        | 528 +++++++++++++++++++++++++++++++++
 material/overrides/home_zh.html        | 510 +++++++++++++++++++++++++++++++
 material/partials/language-change.html |  44 +++
 3 files changed, 1082 insertions(+)

diff --git a/material/overrides/home_en.html b/material/overrides/home_en.html
new file mode 100755
index 0000000..e8a446b
--- /dev/null
+++ b/material/overrides/home_en.html
@@ -0,0 +1,528 @@
+{#-
+This file was automatically generated - do not edit
+-#}
+{% extends "main.html" %}
+{% block tabs %}
+{{ super() }}
+<style>
+  .md-header {
+    position: initial
+  }
+
+  .md-main__inner {
+    margin: 0
+  }
+
+  .md-content {
+    display: none
+  }
+
+  .tx-container {
+    padding-top: 1rem;
+    background: linear-gradient(to bottom, var(--md-primary-fg-color), #04c0c6 
99%, #fff 99%)
+    /*background: linear-gradient(0deg,#04c0c6,#2ba3de 51%,#3f51b5)*/
+    /*background: linear-gradient(to bottom, var(--md-primary-fg-color), 
hsla(280deg, 67%, 55%, 1) 99%, #fff 99%)*/
+  }
+
+  .tx-hero {
+    margin: 0 .8rem;
+    color: var(--md-primary-bg-color)
+  }
+
+  .tx-hero h1 {
+    margin-bottom: 1rem;
+    color: currentColor;
+    font-weight: 700
+  }
+
+  .tx-hero__content {
+    padding-bottom: 6rem;
+    margin: 0 auto;
+  }
+
+  .tx-hero .md-button {
+    margin-top: .5rem;
+    margin-right: .5rem;
+    color: var(--md-primary-bg-color)
+  }
+
+  .tx-hero .md-button--primary {
+    background-color: var(--md-primary-bg-color);
+    color: hsla(280deg, 37%, 48%, 1);
+    border-color: var(--md-primary-bg-color)
+  }
+
+  .tx-hero .md-button:focus,
+  .tx-hero .md-button:hover {
+    background-color: var(--md-accent-fg-color);
+    color: var(--md-default-bg-color);
+    border-color: var(--md-accent-fg-color)
+  }
+
+  .feature-item h2 svg {
+    height: 30px;
+    float: left;
+    margin-right: 10px;
+    transform: translateY(10%);
+  }
+
+  .top-hr {
+    margin-top: 30px;
+  }
+
+  .feature-item {
+    font-family: 'Lato', sans-serif;
+    font-weight: 300;
+    box-sizing: border-box;
+    padding: 0 15px;
+    word-break: break-all
+  }
+
+  .feature-item h2 {
+    color: #333;
+    font-weight: 300;
+    font-size: 25px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    line-height: normal;
+    margin-top: 20px;
+    margin-bottom: 10px;
+    font-family: inherit;
+  }
+
+  .feature-item p {
+    font-size: 16px;
+    line-height: 1.8em;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    color: #111;
+    margin: 0 0 10px;
+    display: block;
+  }
+
+  @media screen and (max-width:30em) {
+    .tx-hero h1 {
+      font-size: 1.4rem
+    }
+  }
+
+  @media screen and (min-width:60em) {
+    .md-sidebar--secondary {
+      display: none
+    }
+
+    .tx-hero {
+      display: flex;
+      align-items: stretch
+    }
+
+    .tx-hero__content {
+      max-width: 30rem;
+      margin-top: 3.5rem;
+      margin: 0 auto;
+    }
+  }
+
+  @media screen and (min-width:76.25em) {
+    .md-sidebar--primary {
+      display: none
+    }
+
+    .top-hr {
+      width: 100%;
+      display: flex;
+      max-width: 61rem;
+      margin-right: auto;
+      margin-left: auto;
+      padding: 0 .2rem;
+    }
+
+    .bottom-hr {
+      margin-top: 10px;
+      width: 100%;
+      display: flex;
+      max-width: 61rem;
+      margin-right: auto;
+      margin-left: auto;
+      padding: 0 .2rem;
+    }
+
+    .feature-item {
+      flex: 1;
+      min-width: 0;
+    }
+
+    .feature-item:hover {
+      background-color: #526cfe47;
+      border-radius: 3px;
+    }
+  }
+
+  /* 描述部分样式开始 */
+  .open-source {
+    margin: 30px 0;
+    font-family: 'Lato', sans-serif;
+    font-weight: 300;
+    text-align: center;
+  }
+
+  .open-source h1 {
+    font-weight: 300;
+    font-size: 36px;
+    font-family: inherit;
+    line-height: 1.1;
+    color: inherit;
+    margin-top: 0;
+  }
+
+  .open-source p {
+    width: 50%;
+    margin: auto;
+    font-size: 20px;
+  }
+
+  .open-source .github-stars {
+    margin-top: 20px;
+    width: 200px;
+    height: 30px;
+  }
+
+  .open-source a {
+    color: #337ab7;
+    text-decoration: none;
+    background-color: transparent;
+    font-family: 'Lato', sans-serif;
+    font-weight: 300;
+    text-align: center;
+  }
+
+  .open-source a:hover {
+    text-decoration: underline;
+  }
+
+  .open-source h1 svg {
+    height: 40px;
+    transform: translateY(20%);
+    margin-right: 10px;
+  }
+
+  .open-source .cncf {
+    margin-top: 50px;
+  }
+
+  .hr {
+    border-bottom: 1px solid #eee;
+    width: 100%;
+    margin: 20px 0;
+  }
+
+  .text-center {
+    text-align: center;
+    padding-right: 15px;
+    padding-left: 15px;
+    margin-right: auto;
+    margin-left: auto;
+    font-family: 'Lato', sans-serif;
+    font-size: 23px;
+    font-weight: 300;
+    padding-bottom: 10px;
+    margin-top: 15px;
+  }
+
+  .logos {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-flow: row wrap;
+    margin: 0 auto;
+  }
+
+  .logos img {
+    flex: 1 1 auto;
+    padding: 25px;
+    max-height: 130px;
+    vertical-align: middle;
+  }
+
+  .hr-logos {
+    margin-top: 0;
+    margin-bottom: 30px;
+  }
+
+  /* 合作伙伴样式结束 */
+
+  /* 页脚部分样式开始 */
+  .md-footer-meta {
+    background-color: #000000de;
+  }
+
+  .md-typeset {
+    font-size: .8rem;
+    line-height: 1.6;
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+  }
+
+  .md-footer-meta__inner {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    padding: .2rem;
+  }
+
+  .md-grid {
+    max-width: 61rem;
+    margin-right: auto;
+    margin-left: auto;
+  }
+
+  .md-footer-copyright {
+    width: auto;
+    margin: auto .6rem;
+    padding: .4rem 0;
+    color: var(--md-default-bg-color--lighter);
+    font-size: .64rem;
+  }
+
+  @media screen and (max-width:45em) {
+    .md-footer-copyright {
+      width: 100%;
+    }
+  }
+
+  .md-footer-copyright__highlight {
+    color: var(--md-default-bg-color--light);
+  }
+
+  .md-footer-social {
+    padding: .6rem 0;
+    margin: 0 .4rem;
+  }
+
+  .md-footer-social__link {
+    display: inline-block;
+    width: 1.6rem;
+    height: 1.6rem;
+    text-align: center;
+  }
+
+  .md-typeset {
+    font-size: .8rem;
+    line-height: 1.6;
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+  }
+
+  .md-tabs_csr {
+    cursor: pointer;
+    position: relative;
+    height: 4.5rem;
+  }
+
+  .md-sub-tabs_bn {
+    display: none;
+    position: absolute;
+    top: 1.8rem;
+    left: 1rem;
+  }
+
+  .md-tabs_csr:hover .md-sub-tabs_bn {
+    display: block;
+  }
+
+  .md-sub-tabs_link {
+    display: block;
+    margin-top: .5rem;
+    font-size: .7rem;
+    opacity: .7;
+    transition: transform 400ms cubic-bezier(0.1, 0.7, 0.1, 1), opacity 250ms;
+  }
+
+  .md-sub-tabs_link:hover {
+    color: inherit;
+    opacity: 1;
+  }
+
+  .text-center {
+    text-align: center;
+    padding-right: 15px;
+    padding-left: 15px;
+    margin-right: auto;
+    margin-left: auto;
+    font-family: 'Lato', sans-serif;
+    font-size: 23px;
+    font-weight: 300;
+    padding-bottom: 10px;
+    margin-top: 15px;
+  }
+
+  .bottom-hr {
+    margin-top: 30px;
+    width: 100%;
+    display: flex;
+    max-width: 61rem;
+    margin-right: auto;
+    margin-left: auto;
+    padding: 0 .2rem;
+  }
+
+  .feature-item {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+  }
+
+  .feature-item {
+    font-family: 'Lato', sans-serif;
+    font-weight: 300;
+    box-sizing: border-box;
+    padding: 15px;
+    word-break: break-all
+  }
+
+  .feature-right {
+    /* background-color: aqua; */
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin-left: 10px;
+  }
+
+  .feature-title {
+    display: block;
+    font-size: 1.5em;
+    margin-block-end: 1em;
+    margin-inline-start: 0px;
+    margin-inline-end: 0px;
+    font-weight: bold;
+  }
+
+  .feature-detail {
+    color: #999;
+    font-size: 13px;
+  }
+
+  .mt35 {
+    margin-top: 35px;
+  }
+
+  /* 页脚部分样式结束 */
+</style>
+<section class="tx-container">
+  <div class="md-grid md-typeset">
+    <div class="tx-hero">
+      <div class="tx-hero__content">
+        <h1>Apache Dubbo</h1>
+        <p>{{ config.site_description }}</p>
+        <a href="/en-us/docs/2.7/user/quick-start.md" title="Quick Start" 
class="md-button md-button--primary">
+          Quick Start
+        </a>
+        <a href="{{ config.repo_url }}" title="{{ lang.t('source.link.title') 
}}" class="md-button">
+          Visit GitHub
+        </a>
+      </div>
+    </div>
+  </div>
+
+
+</section>
+<div class="text-center mt35">What's New in Dubbo 3.0</div>
+<div class="top-hr">
+  <div class="feature-item">
+    <img src="./img/feature_loadbalances.png" alt="" />
+    <div class="feature-right">
+      <div class="feature-title">基于 HTTP/2 高性能通信协议</div>
+      <div class="feature-detail">Dubbo3 协议基于 HTTP/2 构建,全面兼容 gRPC,对 Service 
Mesh、移动端设备更通、用更友好</div>
+    </div>
+  </div>
+  <div class="feature-item">
+    <img src="./img/feature_loadbalances.png" alt="" />
+    <div class="feature-right">
+      <div class="feature-title">RPC 粒度的透明服务发现能力</div>
+      <div class="feature-detail">地址与 RPC 元数据解耦,实现业界唯一的 RPC 
粒度服务自动发现,同时最小化地址推送资源占用,轻松共建百万实例微服务集群</div>
+    </div>
+  </div>
+  <div class="feature-item">
+    <img src="./img/feature_loadbalances.png" alt="" />
+    <div class="feature-right">
+      <div class="feature-title">全面重构的流量管控策略</div>
+      <div 
class="feature-detail">提供基于标签匹配的全新路由规则,摆脱内置条件、脚本等路由策略,通过配置不同的路由规则,轻松实现灰度发布,同机房优先等功能</div>
+    </div>
+  </div>
+</div>
+<div class="bottom-hr">
+  <div class="feature-item">
+    <img src="./img/feature_loadbalances.png" alt="" />
+    <div class="feature-right">
+      <div class="feature-title">面向接口,极致易用</div>
+      <div class="feature-detail">面向接口的编程模型,面向接口的服务治理能力</div>
+    </div>
+  </div>
+  <div class="feature-item">
+    <img src="./img/feature_loadbalances.png" alt="" />
+    <div class="feature-right">
+      <div class="feature-title">柔性</div>
+      <div 
class="feature-detail">提供基于标签匹配的全新路由规则,摆脱内置条件、脚本等路由策略,通过配置不同的路由规则,轻松实现灰度发布,同机房优先等功能</div>
+    </div>
+  </div>
+  <div class="feature-item">
+    <img src="./img/feature_loadbalances.png" alt="" />
+    <div class="feature-right">
+      <div class="feature-title">全面拥抱云原生</div>
+      <div class="feature-detail">服务发现下沉,支持 Kubernetes Native Service;通过对接原生 
xDS 数据通信接口,提供云原生 ServiceMesh 平滑迁移方案
+      </div>
+    </div>
+  </div>
+</div>
+<div class="top-hr">
+  <div class="hr">
+  </div>
+</div>
+
+<div class="text-center">Use Cases</div>
+<div class="top-hr hr-logos">
+  <div class="logos">
+    <a href="https://www.alibaba.com"; target="_blank">
+      <img src="./img/users_alibaba.png" alt="">
+    </a>
+    <a href="https://www.alibaba.com"; target="_blank">
+      <img src="./img/users_alibaba.png" alt="">
+    </a>
+    <a href="https://www.alibaba.com"; target="_blank">
+      <img src="./img/users_alibaba.png" alt="">
+    </a>
+    <a href="https://www.alibaba.com"; target="_blank">
+      <img src="./img/users_alibaba.png" alt="">
+    </a>
+    <a href="https://www.alibaba.com"; target="_blank">
+      <img src="./img/users_alibaba.png" alt="">
+    </a>
+    <a href="https://www.alibaba.com"; target="_blank">
+      <img src="./img/users_alibaba.png" alt="">
+    </a>
+  </div>
+</div>
+<!-- 合作伙伴结束 -->
+<div class="md-footer-meta md-typeset">
+  <div class="md-footer-meta__inner md-grid">
+    <div class="md-footer-copyright">
+      <div class="md-footer-copyright__highlight">
+        Apache Dubbo
+      </div>
+    </div>
+    <div class="md-footer-social">
+      <a href="https://github.com/apache/dubbo"; target="_blank" rel="noopener" 
title="github.com"
+         class="md-footer-social__link">
+        <svg xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 496 512">
+          <path
+                  d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 
0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 
5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 
4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 
8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 
17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 
0-22.9-15.7 1.6-15.4 0 0 24.9  [...]
+          </path>
+        </svg>
+      </a>
+    </div>
+  </div>
+</div>
+{% endblock %}
+{% block content %}{% endblock %}
+{% block footer %}{% endblock %}
\ No newline at end of file
diff --git a/material/overrides/home_zh.html b/material/overrides/home_zh.html
new file mode 100644
index 0000000..413521b
--- /dev/null
+++ b/material/overrides/home_zh.html
@@ -0,0 +1,510 @@
+{#-
+This file was automatically generated - do not edit
+-#}
+{% extends "main.html" %}
+{% block tabs %}
+{{ super() }}
+<style>
+  .md-header {
+    position: initial
+  }
+
+  .md-main__inner {
+    margin: 0
+  }
+
+  .md-content {
+    display: none
+  }
+
+  .tx-container {
+    padding-top: 1rem;
+    background: linear-gradient(to bottom, var(--md-primary-fg-color), #04c0c6 
99%, #fff 99%)
+    /*background: linear-gradient(to bottom, var(--md-primary-fg-color), 
#04c0c6 99%, #fff 99%)*/
+    /*background: linear-gradient(to bottom, var(--md-primary-fg-color), 
hsla(280deg, 67%, 55%, 1) 99%, #fff 99%)*/
+  }
+
+  .tx-hero {
+    margin: 0 .8rem;
+    color: var(--md-primary-bg-color)
+  }
+
+  .tx-hero h1 {
+    margin-bottom: 1rem;
+    color: currentColor;
+    font-weight: 700
+  }
+
+  .tx-hero__content {
+    padding-bottom: 6rem;
+    margin: 0 auto;
+  }
+
+  .tx-hero .md-button {
+    margin-top: .5rem;
+    margin-right: .5rem;
+    color: var(--md-primary-bg-color)
+  }
+
+  .tx-hero .md-button--primary {
+    background-color: var(--md-primary-bg-color);
+    color: hsla(280deg, 37%, 48%, 1);
+    border-color: var(--md-primary-bg-color)
+  }
+
+  .tx-hero .md-button:focus,
+  .tx-hero .md-button:hover {
+    background-color: var(--md-accent-fg-color);
+    color: var(--md-default-bg-color);
+    border-color: var(--md-accent-fg-color)
+  }
+
+  .feature-item h2 svg {
+    height: 30px;
+    float: left;
+    margin-right: 10px;
+    transform: translateY(10%);
+  }
+
+  .top-hr {
+    margin-top: 30px;
+  }
+
+  .feature-item {
+    font-family: 'Lato', sans-serif;
+    font-weight: 300;
+    box-sizing: border-box;
+    padding: 0 15px;
+    word-break: break-all
+  }
+
+  .feature-item h2 {
+    color: #333;
+    font-weight: 300;
+    font-size: 25px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    line-height: normal;
+    margin-top: 20px;
+    margin-bottom: 10px;
+    font-family: inherit;
+  }
+
+  .feature-item p {
+    font-size: 16px;
+    line-height: 1.8em;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    color: #111;
+    margin: 0 0 10px;
+    display: block;
+  }
+
+  @media screen and (max-width:30em) {
+    .tx-hero h1 {
+      font-size: 1.4rem
+    }
+  }
+
+  @media screen and (min-width:60em) {
+    .md-sidebar--secondary {
+      display: none
+    }
+
+    .tx-hero {
+      display: flex;
+      align-items: stretch
+    }
+
+    .tx-hero__content {
+      max-width: 30rem;
+      margin-top: 3.5rem;
+      margin: 0 auto;
+    }
+  }
+
+  @media screen and (min-width:76.25em) {
+    .md-sidebar--primary {
+      display: none
+    }
+
+    .top-hr {
+      width: 100%;
+      display: flex;
+      max-width: 61rem;
+      margin-right: auto;
+      margin-left: auto;
+      padding: 0 .2rem;
+    }
+
+    .bottom-hr {
+      margin-top: 10px;
+      width: 100%;
+      display: flex;
+      max-width: 61rem;
+      margin-right: auto;
+      margin-left: auto;
+      padding: 0 .2rem;
+    }
+
+    .feature-item {
+      flex: 1;
+      min-width: 0;
+    }
+
+    .feature-item:hover {
+      background-color: #526cfe47;
+      border-radius: 3px;
+    }
+  }
+
+  /* 描述部分样式开始 */
+  .open-source {
+    margin: 30px 0;
+    font-family: 'Lato', sans-serif;
+    font-weight: 300;
+    text-align: center;
+  }
+
+  .open-source h1 {
+    font-weight: 300;
+    font-size: 36px;
+    font-family: inherit;
+    line-height: 1.1;
+    color: inherit;
+    margin-top: 0;
+  }
+
+  .open-source p {
+    width: 50%;
+    margin: auto;
+    font-size: 20px;
+  }
+
+  .open-source .github-stars {
+    margin-top: 20px;
+    width: 200px;
+    height: 30px;
+  }
+
+  .open-source a {
+    color: #337ab7;
+    text-decoration: none;
+    background-color: transparent;
+    font-family: 'Lato', sans-serif;
+    font-weight: 300;
+    text-align: center;
+  }
+
+  .open-source a:hover {
+    text-decoration: underline;
+  }
+
+  .open-source h1 svg {
+    height: 40px;
+    transform: translateY(20%);
+    margin-right: 10px;
+  }
+
+  .open-source .cncf {
+    margin-top: 50px;
+  }
+
+  .hr {
+    border-bottom: 1px solid #eee;
+    width: 100%;
+    margin: 20px 0;
+  }
+
+"A"
+  .text-center {
+    text-align: center;
+    padding-right: 15px;
+    padding-left: 15px;
+    margin-right: auto;
+    margin-left: auto;
+    font-family: 'Lato', sans-serif;
+    font-size: 23px;
+    font-weight: 300;
+    padding-bottom: 10px;
+    margin-top: 15px;
+  }
+
+  .logos {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-flow: row wrap;
+    margin: 0 auto;
+  }
+
+  .logos img {
+    flex: 1 1 auto;
+    padding: 25px;
+    max-height: 130px;
+    vertical-align: middle;
+  }
+
+  .hr-logos {
+    margin-top: 0;
+    margin-bottom: 30px;
+  }
+
+  /* 合作伙伴样式结束 */
+
+  /* 页脚部分样式开始 */
+  .md-footer-meta {
+    background-color: #000000de;
+  }
+
+  .md-typeset {
+    font-size: .8rem;
+    line-height: 1.6;
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+  }
+
+  .md-footer-meta__inner {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    padding: .2rem;
+  }
+
+  .md-grid {
+    max-width: 61rem;
+    margin-right: auto;
+    margin-left: auto;
+  }
+
+  .md-footer-copyright {
+    width: auto;
+    margin: auto .6rem;
+    padding: .4rem 0;
+    color: var(--md-default-bg-color--lighter);
+    font-size: .64rem;
+  }
+
+  @media screen and (max-width:45em) {
+    .md-footer-copyright {
+      width: 100%;
+    }
+  }
+
+  .md-footer-copyright__highlight {
+    color: var(--md-default-bg-color--light);
+  }
+
+  .md-footer-social {
+    padding: .6rem 0;
+    margin: 0 .4rem;
+  }
+
+  .md-footer-social__link {
+    display: inline-block;
+    width: 1.6rem;
+    height: 1.6rem;
+    text-align: center;
+  }
+
+  .md-typeset {
+    font-size: .8rem;
+    line-height: 1.6;
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+  }
+
+  .md-tabs_csr {
+    cursor: pointer;
+    position: relative;
+    height: 4.5rem;
+  }
+
+  .md-sub-tabs_bn {
+    display: none;
+    position: absolute;
+    top: 1.8rem;
+    left: 1rem;
+  }
+
+  .md-tabs_csr:hover .md-sub-tabs_bn {
+    display: block;
+  }
+
+  .md-sub-tabs_link {
+    display: block;
+    margin-top: .5rem;
+    font-size: .7rem;
+    opacity: .7;
+    transition: transform 400ms cubic-bezier(0.1, 0.7, 0.1, 1), opacity 250ms;
+  }
+
+  .md-sub-tabs_link:hover {
+    color: inherit;
+    opacity: 1;
+  }
+
+  .feature-item {
+    font-family: 'Lato', sans-serif;
+    font-weight: 300;
+    box-sizing: border-box;
+    padding: 15px;
+    word-break: break-all
+  }
+
+  .bottom-hr {
+    margin-top: 30px;
+    width: 100%;
+    display: flex;
+    max-width: 61rem;
+    margin-right: auto;
+    margin-left: auto;
+    padding: 0 .2rem;
+  }
+
+  .feature-item {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+  }
+
+  .text-center {
+    text-align: center;
+    padding-right: 15px;
+    padding-left: 15px;
+    margin-right: auto;
+    margin-left: auto;
+    font-family: 'Lato', sans-serif;
+    font-size: 23px;
+    font-weight: 300;
+    padding-bottom: 10px;
+    margin-top: 15px;
+  }
+
+  .feature-right {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin-left: 10px;
+  }
+
+  .feature-title {
+    display: block;
+    font-size: 1.5em;
+    margin-block-end: 1em;
+    margin-inline-start: 0px;
+    margin-inline-end: 0px;
+    font-weight: bold;
+  }
+
+  .feature-detail {
+    color: #999;
+    font-size: 13px;
+  }
+
+  .mt35 {
+    margin-top: 35px;
+  }
+
+  /* 页脚部分样式结束 */
+</style>
+<section class="tx-container">
+  <div class="md-grid md-typeset">
+    <div class="tx-hero">
+      <div class="tx-hero__content">
+        <h1>Apache Dubbo</h1>
+        <p>{{ config.site_description }}</p>
+        <a href="/zh-cn/docs/2.7/user/quick-start.md" title="Quick Start" 
class="md-button md-button--primary">
+          快速开始
+        </a>
+        <a href="{{ config.repo_url }}" title="{{ lang.t('source.link.title') 
}}" class="md-button">
+          前往GitHub
+        </a>
+      </div>
+    </div>
+  </div>
+</section>
+
+<div class="text-center mt35">Dubbo 3.0 新特性</div>
+<div class=top-hr>
+  <div class=feature-item>
+    <img src="./img/feature_loadbalances.png" alt="" />
+    <div class="feature-right">
+      <div class="feature-title">基于 HTTP/2 高性能通信协议</div>
+      <div class="feature-detail">Dubbo3 协议基于 HTTP/2 构建,全面兼容 gRPC,对 Service 
Mesh、移动端设备更通、用更友好</div>
+    </div>
+  </div>
+  <div class=feature-item>
+    <img src="./img/feature_loadbalances.png" alt="" />
+    <div class="feature-right">
+      <div class="feature-title">RPC 粒度的透明服务发现能力</div>
+      <div class="feature-detail">地址与 RPC 元数据解耦,实现业界唯一的 RPC 
粒度服务自动发现,同时最小化地址推送资源占用,轻松共建百万实例微服务集群</div>
+    </div>
+  </div>
+  <div class=feature-item>
+    <img src="./img/feature_loadbalances.png" alt="" />
+    <div class="feature-right">
+      <div class="feature-title">全面重构的流量管控策略</div>
+      <div 
class="feature-detail">提供基于标签匹配的全新路由规则,摆脱内置条件、脚本等路由策略,通过配置不同的路由规则,轻松实现灰度发布,同机房优先等功能</div>
+    </div>
+  </div>
+</div>
+<div class=bottom-hr>
+  <div class=feature-item>
+    <img src="./img/feature_loadbalances.png" alt="" />
+    <div class="feature-right">
+      <div class="feature-title">面向接口,极致易用</div>
+      <div class="feature-detail">面向接口的编程模型,面向接口的服务治理能力</div>
+    </div>
+  </div>
+  <div class=feature-item>
+    <img src="./img/feature_loadbalances.png" alt="" />
+    <div class="feature-right">
+      <div class="feature-title">柔性</div>
+      <div 
class="feature-detail">提供基于标签匹配的全新路由规则,摆脱内置条件、脚本等路由策略,通过配置不同的路由规则,轻松实现灰度发布,同机房优先等功能</div>
+    </div>
+  </div>
+  <div class=feature-item>
+    <img src="./img/feature_loadbalances.png" alt="" />
+    <div class="feature-right">
+      <div class="feature-title">全面拥抱云原生</div>
+      <div class="feature-detail">服务发现下沉,支持 Kubernetes Native Service;通过对接原生 
xDS 数据通信接口,提供云原生 ServiceMesh 平滑迁移方案
+      </div>
+    </div>
+  </div>
+</div>
+<div class=top-hr>
+  <div class=hr> </div>
+</div>
+<div class=text-center>Dubbo 案例</div>
+<div class="top-hr hr-logos">
+  <div class=logos> <a href=https://www.alibaba.com target=_blank> <img 
src=./img/users_alibaba.png alt> </a> <a
+          href=https://www.alibaba.com target=_blank> <img 
src=./img/users_alibaba.png alt> </a> <a
+          href=https://www.alibaba.com target=_blank> <img 
src=./img/users_alibaba.png alt> </a> <a
+          href=https://www.alibaba.com target=_blank> <img 
src=./img/users_alibaba.png alt> </a> <a
+          href=https://www.alibaba.com target=_blank> <img 
src=./img/users_alibaba.png alt> </a> <a
+          href=https://www.alibaba.com target=_blank> <img 
src=./img/users_alibaba.png alt> </a> </div>
+</div> <!-- 合作伙伴结束 -->
+<div class="md-footer-meta md-typeset">
+  <div class="md-footer-meta__inner md-grid">
+    <div class="md-footer-copyright">
+      <div class="md-footer-copyright__highlight">
+        Apache Dubbo
+      </div>
+    </div>
+    <div class="md-footer-social">
+      <a href="https://github.com/apache/dubbo"; target="_blank" rel="noopener" 
title="github.com"
+         class="md-footer-social__link">
+        <svg xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 496 512">
+          <path
+                  d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 
0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 
5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 
4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 
8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 
17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 
0-22.9-15.7 1.6-15.4 0 0 24.9  [...]
+          </path>
+        </svg>
+      </a>
+    </div>
+  </div>
+</div>
+{% endblock %}
+{% block content %}{% endblock %}
+{% block footer %}{% endblock %}
\ No newline at end of file
diff --git a/material/partials/language-change.html 
b/material/partials/language-change.html
new file mode 100644
index 0000000..0b782b3
--- /dev/null
+++ b/material/partials/language-change.html
@@ -0,0 +1,44 @@
+<div class="langChange" id="translate" title="中文|English">
+    <svg xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 24 24">
+        <path d="M12.87 15.07l-2.54-2.51.03-.03A17.52 17.52 0 0014.07 
6H17V4h-7V2H8v2H1v2h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 
8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04M18.5 
10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12m-2.62 7l1.62-4.33L19.12 17h-3.24z" />
+    </svg>
+</div>
+
+<script>
+    var translate = document.getElementById('translate');
+    translate.addEventListener('click', changeHref, false);
+    function changeHref() {
+        if (window.location.href.search('en-us') !== -1) {
+            var changeHref = window.location.href.replace('en-us', 'zh-cn');
+
+        } else {
+            var changeHref = window.location.href.replace('zh-cn', 'en-us');
+        }
+        window.location.href = changeHref
+    }
+</script>
+
+<style>
+    .langChange {
+        display: inline-block;
+        width: 2.4rem;
+        height: 2.4rem;
+        vertical-align: middle;
+        margin-left: .5rem;
+    }
+
+    .langChange svg {
+        fill: rgba(255, 255, 255, 0.548);
+        display: block;
+        width: 1.2rem;
+        height: 1.2rem;
+        margin: 0 auto;
+        margin-top: .6rem;
+        margin-left: .6rem;
+    }
+
+    .langChange :hover {
+        fill: white;
+        cursor: pointer;
+    }
+</style>
\ No newline at end of file

Reply via email to