Skip to content

Commit

Permalink
adjust home page buttons (#89)
Browse files Browse the repository at this point in the history 
* feat: 新版站点

* fix: issue #14

* feat: build

* feat:  optimization for loading js

* chore: adjust build for loading js

* fix: [issue28](#28) not compiled

* feat: 修改hash类型，支持Google爬虫SEO

* fix: docs page sidemenu unselected

* add star icon && optimize for build

* use react github button

* add attendtion

* build

* modify README.md

* 调整首页按钮颜色

* build
  • Loading branch information
@purple-force @beiwei30
purple-force authored and beiwei30 committed Aug 13, 2018
1 parent 7b887cb commit 84faa66
Show file tree
Hide file tree
Showing 7 changed files with 8 additions and 30 deletions.
13 changes: 1 addition & 12 deletions build/home.css
View file
Expand Up @@ -200,6 +200,7 @@
height: 48px;
line-height: 48px;
min-width: 140px;
padding: 0 12px;
font-family: Avenir-Heavy;
font-size: 16px;
color: #FFF;
Expand Down Expand Up @@ -984,18 +985,6 @@ h1, h2, h3, h4, h5, h6 {
.home-page .top-section .button-area {
text-align: center;
margin-top: 40px; }
.home-page .top-section .button-area .button {
display: inline-block;
background-color: #fff;
border-radius: 4px;
width: 140px;
height: 54px;
line-height: 54px;
color: #2DACEC;
font-family: Avenir-Heavy;
font-size: 14px;
color: #2DACEC;
text-align: center; }
.home-page .top-section .button-area .button:first-child {
margin-right: 20px; }

Expand Down
2 changes: 1 addition & 1 deletion build/home.js
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion en-us/index.html
View file

Large diffs are not rendered by default.

2 changes: 2 additions & 0 deletions src/components/button/index.scss
View file
@@ -1,9 +1,11 @@
@import '../../variables.scss';
.button {
box-sizing: border-box;
display: inline-block;
height: 48px;
line-height: 48px;
min-width: 140px;
padding: 0 12px;
font-family: Avenir-Heavy;
font-size: 16px;
color: #FFF;
Expand Down
4 changes: 2 additions & 2 deletions src/pages/home/index.jsx
View file
Expand Up @@ -72,8 +72,8 @@ class Home extends Language {
</div>
<p className="product-desc">{dataSource.brand.briefIntroduction}</p>
<div className="button-area">
<a className="button" href={getLink(dataSource.brand.getStartedButton.link)}>{dataSource.brand.getStartedButton.text}</a>
<Button type="primary" link={getLink(dataSource.brand.viewOnGithubButton.link)}>{dataSource.brand.viewOnGithubButton.text}</Button>
<Button type="primary" link={getLink(dataSource.brand.getStartedButton.link)}>{dataSource.brand.getStartedButton.text}</Button>
<Button type="normal" link={getLink(dataSource.brand.viewOnGithubButton.link)}>{dataSource.brand.viewOnGithubButton.text}</Button>
</div>
</div>
<div className="animation animation1" />
Expand Down
13 changes: 0 additions & 13 deletions src/pages/home/index.scss
View file
Expand Up @@ -124,19 +124,6 @@
.button-area {
text-align: center;
margin-top: 40px;
.button {
display: inline-block;
background-color: #fff;
border-radius: 4px;
width: 140px;
height: 54px;
line-height: 54px;
color: $brandColor;
font-family: Avenir-Heavy;
font-size: 14px;
color: #2DACEC;
text-align: center;
}
.button:first-child {
margin-right: 20px;
}
Expand Down
2 changes: 1 addition & 1 deletion zh-cn/index.html
View file
Expand Up @@ -12,7 +12,7 @@
<link rel="stylesheet" href="/build/home.css" />
</head>
<body>
<div id="root"><div class="home-page" data-reactroot="" data-reactid="1" data-react-checksum="-1426639043"><section class="top-section" data-reactid="2"><header class="header-container header-container-primary" data-reactid="3"><div class="header-body" data-reactid="4"><a href="/zh-cn/index.html" data-reactid="5"><img class="logo" src="/img/dubbo_white.png" data-reactid="6"/></a><span class="language-switch language-switch-primary" data-reactid="7">En</span><div class="header-menu" data-reactid="8"><img class="header-menu-toggle" src="/img/menu_white.png" data-reactid="9"/><ul data-reactid="10"><li class="menu-item menu-item-primary menu-item-primary-active" data-reactid="11"><a href="/zh-cn/index.html" data-reactid="12">首页</a></li><li class="menu-item menu-item-primary" data-reactid="13"><a href="/zh-cn/docs/user/quick-start.html" data-reactid="14">文档</a></li><li class="menu-item menu-item-primary" data-reactid="15"><a href="/zh-cn/blog/index.html" data-reactid="16">博客</a></li><li class="menu-item menu-item-primary" data-reactid="17"><a href="/zh-cn/community/index.html" data-reactid="18">社区</a></li></ul></div></div></header><div class="vertical-middle" data-reactid="19"><img src="/img/dubbo.png" data-reactid="20"/><div class="product-name" data-reactid="21"><h2 data-reactid="22">Apache Dubbo</h2><img src="/img/incubating.svg" data-reactid="23"/></div><p class="product-desc" data-reactid="24">Apache Dubbo™ (incubating)是一款高性能Java RPC框架。</p><div class="button-area" data-reactid="25"><a class="button" href="/zh-cn/docs/user/quick-start.html" data-reactid="26">快速开始</a><a class="button button-primary" target="_blank" href="https://github.com/apache/incubator-dubbo" data-reactid="27">在Github中查看</a></div></div><div class="animation animation1" data-reactid="28"></div><div class="animation animation2" data-reactid="29"></div><div class="animation animation3" data-reactid="30"></div><div class="animation animation4" data-reactid="31"></div><div class="animation animation5" data-reactid="32"></div></section><section class="introduction-section" data-reactid="33"><div class="introduction-body" data-reactid="34"><div class="introduction" data-reactid="35"><h3 data-reactid="36">高性能Java RPC框架</h3><p data-reactid="37">Apache Dubbo (incubating) |ˈdʌbəʊ| 是一款高性能、轻量级的开源Java RPC框架，它提供了三大核心能力：面向接口的远程方法调用，智能容错和负载均衡，以及服务自动注册和发现。</p></div><img src="/img/architecture.png" data-reactid="38"/></div></section><section class="feature-section" data-reactid="39"><h3 data-reactid="40">特性一览</h3><ul data-reactid="41"><li data-reactid="42"><img src="/img/feature_transpart.png" data-reactid="43"/><div data-reactid="44"><h4 data-reactid="45">面向接口代理的高性能RPC调用</h4><p data-reactid="46">提供高性能的基于代理的远程调用能力，服务以接口为粒度，为开发者屏蔽远程调用底层细节。</p></div></li><li data-reactid="47"><img src="/img/feature_loadbalances.png" data-reactid="48"/><div data-reactid="49"><h4 data-reactid="50">智能负载均衡</h4><p data-reactid="51">内置多种负载均衡策略，智能感知下游节点健康状况，显著减少调用延迟，提高系统吞吐量。</p></div></li><li data-reactid="52"><img src="/img/feature_service.png" data-reactid="53"/><div data-reactid="54"><h4 data-reactid="55">服务自动注册与发现</h4><p data-reactid="56">支持多种注册中心服务，服务实例上下线实时感知。</p></div></li><li data-reactid="57"><img src="/img/feature_hogh.png" data-reactid="58"/><div data-reactid="59"><h4 data-reactid="60">高度可扩展能力</h4><p data-reactid="61">遵循微内核+插件的设计原则，所有核心能力如Protocol、Transport、Serialization被设计为扩展点，平等对待内置实现和第三方实现。</p></div></li><li data-reactid="62"><img src="/img/feature_runtime.png" data-reactid="63"/><div data-reactid="64"><h4 data-reactid="65">运行期流量调度</h4><p data-reactid="66">内置条件、脚本等路由策略，通过配置不同的路由规则，轻松实现灰度发布，同机房优先等功能。</p></div></li><li data-reactid="67"><img src="/img/feature_maintenance.png" data-reactid="68"/><div data-reactid="69"><h4 data-reactid="70">可视化的服务治理与运维</h4><p data-reactid="71">提供丰富服务治理、运维工具：随时查询服务元数据、服务健康状态及调用统计，实时下发路由策略、调整配置参数。</p></div></li></ul></section><section class="start-section" data-reactid="72"><div class="start-body" data-reactid="73"><div class="left-part" data-reactid="74"><h3 data-reactid="75">快速开始</h3><p data-reactid="76">只需通过几行代码即可快速构建一个Dubbo应用。</p><a href="/zh-cn/docs/user/quick-start.html" data-reactid="77">阅读更多</a></div><div class="right-part" data-reactid="78"><img src="/img/quick_start.png" data-reactid="79"/></div></div></section><section class="users-section" data-reactid="80"><h3 data-reactid="81">谁在使用Dubbo</h3><p data-reactid="82"><span data-reactid="83"><!-- react-text: 84 -->请在 <!-- /react-text --><a rel="noopener noreferrer" target="_blank" href="https://github.com/apache/incubator-dubbo/issues/1012" data-reactid="85">Wanted: who&#x27;s using dubbo</a><!-- react-text: 86 --> 上提供信息来帮助Dubbo做的更好。<!-- /react-text --></span></p><div class="users" data-reactid="87"><img src="/img/users_alibaba.png" data-reactid="88"/><img src="/img/users_kingdee.png" data-reactid="89"/><img src="/img/users_dangdang.png" data-reactid="90"/><img src="/img/users_didi.png" data-reactid="91"/><img src="/img/users_qunar.png" data-reactid="92"/><img src="/img/users_wanglian.png" data-reactid="93"/><img src="/img/users_kaola.png" data-reactid="94"/><img src="/img/users_zhengcaiyun.png" data-reactid="95"/><img src="/img/users_chinalife.png" data-reactid="96"/><img src="/img/users_haier.png" data-reactid="97"/><img src="/img/users_yinlian.png" data-reactid="98"/><img src="/img/users_telecom.png" data-reactid="99"/><img src="/img/users_weidian.png" data-reactid="100"/><img src="/img/users_icbc.png" data-reactid="101"/><img src="/img/users_handu.png" data-reactid="102"/><img src="/img/users_rograndec.png" data-reactid="103"/></div></section><footer class="footer-container" data-reactid="104"><div class="footer-body" data-reactid="105"><img src="/img/dubbo_gray.png" data-reactid="106"/><img class="apache" src="/img/apache_logo.png" data-reactid="107"/><div class="cols-container" data-reactid="108"><div class="col col-12" data-reactid="109"><h3 data-reactid="110">Disclaimer</h3><p data-reactid="111">Apache Dubbo is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF.</p></div><div class="col col-6" data-reactid="112"><dl data-reactid="113"><dt data-reactid="114">文档</dt><dd data-reactid="115"><a href="/zh-cn/docs/user/quick-start.html" target="_self" data-reactid="116">快速开始</a></dd><dd data-reactid="117"><a href="/zh-cn/docs/dev/build.html" target="_self" data-reactid="118">开发者指南</a></dd><dd data-reactid="119"><a href="/zh-cn/docs/admin/ops/dubbo-ops.html" target="_self" data-reactid="120">运维管理</a></dd></dl></div><div class="col col-6" data-reactid="121"><dl data-reactid="122"><dt data-reactid="123">资源</dt><dd data-reactid="124"><a href="/zh-cn/blog/index.html" target="_self" data-reactid="125">博客</a></dd><dd data-reactid="126"><a href="/zh-cn/community/index.html" target="_self" data-reactid="127">社区</a></dd></dl></div></div><div class="copyright" data-reactid="128"><span data-reactid="129">Copyright © 2018 The Apache Software Foundation. Apache and the Apache feather logo are trademarks of The Apache Software Foundation.</span></div></div></footer></div></div>
<div id="root"><div class="home-page" data-reactroot="" data-reactid="1" data-react-checksum="-33865154"><section class="top-section" data-reactid="2"><header class="header-container header-container-primary" data-reactid="3"><div class="header-body" data-reactid="4"><a href="/zh-cn/index.html" data-reactid="5"><img class="logo" src="/img/dubbo_white.png" data-reactid="6"/></a><span class="language-switch language-switch-primary" data-reactid="7">En</span><div class="header-menu" data-reactid="8"><img class="header-menu-toggle" src="/img/menu_white.png" data-reactid="9"/><ul data-reactid="10"><li class="menu-item menu-item-primary menu-item-primary-active" data-reactid="11"><a href="/zh-cn/index.html" data-reactid="12">首页</a></li><li class="menu-item menu-item-primary" data-reactid="13"><a href="/zh-cn/docs/user/quick-start.html" data-reactid="14">文档</a></li><li class="menu-item menu-item-primary" data-reactid="15"><a href="/zh-cn/blog/index.html" data-reactid="16">博客</a></li><li class="menu-item menu-item-primary" data-reactid="17"><a href="/zh-cn/community/index.html" data-reactid="18">社区</a></li></ul></div></div></header><div class="vertical-middle" data-reactid="19"><img src="/img/dubbo.png" data-reactid="20"/><div class="product-name" data-reactid="21"><h2 data-reactid="22">Apache Dubbo</h2><img src="/img/incubating.svg" data-reactid="23"/></div><p class="product-desc" data-reactid="24">Apache Dubbo™ (incubating)是一款高性能Java RPC框架。</p><div class="button-area" data-reactid="25"><a class="button button-primary" target="_blank" href="/zh-cn/docs/user/quick-start.html" data-reactid="26">快速开始</a><a class="button button-normal" target="_blank" href="https://github.com/apache/incubator-dubbo" data-reactid="27">在Github中查看</a></div></div><div class="animation animation1" data-reactid="28"></div><div class="animation animation2" data-reactid="29"></div><div class="animation animation3" data-reactid="30"></div><div class="animation animation4" data-reactid="31"></div><div class="animation animation5" data-reactid="32"></div></section><section class="introduction-section" data-reactid="33"><div class="introduction-body" data-reactid="34"><div class="introduction" data-reactid="35"><h3 data-reactid="36">高性能Java RPC框架</h3><p data-reactid="37">Apache Dubbo (incubating) |ˈdʌbəʊ| 是一款高性能、轻量级的开源Java RPC框架，它提供了三大核心能力：面向接口的远程方法调用，智能容错和负载均衡，以及服务自动注册和发现。</p></div><img src="/img/architecture.png" data-reactid="38"/></div></section><section class="feature-section" data-reactid="39"><h3 data-reactid="40">特性一览</h3><ul data-reactid="41"><li data-reactid="42"><img src="/img/feature_transpart.png" data-reactid="43"/><div data-reactid="44"><h4 data-reactid="45">面向接口代理的高性能RPC调用</h4><p data-reactid="46">提供高性能的基于代理的远程调用能力，服务以接口为粒度，为开发者屏蔽远程调用底层细节。</p></div></li><li data-reactid="47"><img src="/img/feature_loadbalances.png" data-reactid="48"/><div data-reactid="49"><h4 data-reactid="50">智能负载均衡</h4><p data-reactid="51">内置多种负载均衡策略，智能感知下游节点健康状况，显著减少调用延迟，提高系统吞吐量。</p></div></li><li data-reactid="52"><img src="/img/feature_service.png" data-reactid="53"/><div data-reactid="54"><h4 data-reactid="55">服务自动注册与发现</h4><p data-reactid="56">支持多种注册中心服务，服务实例上下线实时感知。</p></div></li><li data-reactid="57"><img src="/img/feature_hogh.png" data-reactid="58"/><div data-reactid="59"><h4 data-reactid="60">高度可扩展能力</h4><p data-reactid="61">遵循微内核+插件的设计原则，所有核心能力如Protocol、Transport、Serialization被设计为扩展点，平等对待内置实现和第三方实现。</p></div></li><li data-reactid="62"><img src="/img/feature_runtime.png" data-reactid="63"/><div data-reactid="64"><h4 data-reactid="65">运行期流量调度</h4><p data-reactid="66">内置条件、脚本等路由策略，通过配置不同的路由规则，轻松实现灰度发布，同机房优先等功能。</p></div></li><li data-reactid="67"><img src="/img/feature_maintenance.png" data-reactid="68"/><div data-reactid="69"><h4 data-reactid="70">可视化的服务治理与运维</h4><p data-reactid="71">提供丰富服务治理、运维工具：随时查询服务元数据、服务健康状态及调用统计，实时下发路由策略、调整配置参数。</p></div></li></ul></section><section class="start-section" data-reactid="72"><div class="start-body" data-reactid="73"><div class="left-part" data-reactid="74"><h3 data-reactid="75">快速开始</h3><p data-reactid="76">只需通过几行代码即可快速构建一个Dubbo应用。</p><a href="/zh-cn/docs/user/quick-start.html" data-reactid="77">阅读更多</a></div><div class="right-part" data-reactid="78"><img src="/img/quick_start.png" data-reactid="79"/></div></div></section><section class="users-section" data-reactid="80"><h3 data-reactid="81">谁在使用Dubbo</h3><p data-reactid="82"><span data-reactid="83"><!-- react-text: 84 -->请在 <!-- /react-text --><a rel="noopener noreferrer" target="_blank" href="https://github.com/apache/incubator-dubbo/issues/1012" data-reactid="85">Wanted: who&#x27;s using dubbo</a><!-- react-text: 86 --> 上提供信息来帮助Dubbo做的更好。<!-- /react-text --></span></p><div class="users" data-reactid="87"><img src="/img/users_alibaba.png" data-reactid="88"/><img src="/img/users_kingdee.png" data-reactid="89"/><img src="/img/users_dangdang.png" data-reactid="90"/><img src="/img/users_didi.png" data-reactid="91"/><img src="/img/users_qunar.png" data-reactid="92"/><img src="/img/users_wanglian.png" data-reactid="93"/><img src="/img/users_kaola.png" data-reactid="94"/><img src="/img/users_zhengcaiyun.png" data-reactid="95"/><img src="/img/users_chinalife.png" data-reactid="96"/><img src="/img/users_haier.png" data-reactid="97"/><img src="/img/users_yinlian.png" data-reactid="98"/><img src="/img/users_telecom.png" data-reactid="99"/><img src="/img/users_weidian.png" data-reactid="100"/><img src="/img/users_icbc.png" data-reactid="101"/><img src="/img/users_handu.png" data-reactid="102"/><img src="/img/users_rograndec.png" data-reactid="103"/></div></section><footer class="footer-container" data-reactid="104"><div class="footer-body" data-reactid="105"><img src="/img/dubbo_gray.png" data-reactid="106"/><img class="apache" src="/img/apache_logo.png" data-reactid="107"/><div class="cols-container" data-reactid="108"><div class="col col-12" data-reactid="109"><h3 data-reactid="110">Disclaimer</h3><p data-reactid="111">Apache Dubbo is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF.</p></div><div class="col col-6" data-reactid="112"><dl data-reactid="113"><dt data-reactid="114">文档</dt><dd data-reactid="115"><a href="/zh-cn/docs/user/quick-start.html" target="_self" data-reactid="116">快速开始</a></dd><dd data-reactid="117"><a href="/zh-cn/docs/dev/build.html" target="_self" data-reactid="118">开发者指南</a></dd><dd data-reactid="119"><a href="/zh-cn/docs/admin/ops/dubbo-ops.html" target="_self" data-reactid="120">运维管理</a></dd></dl></div><div class="col col-6" data-reactid="121"><dl data-reactid="122"><dt data-reactid="123">资源</dt><dd data-reactid="124"><a href="/zh-cn/blog/index.html" target="_self" data-reactid="125">博客</a></dd><dd data-reactid="126"><a href="/zh-cn/community/index.html" target="_self" data-reactid="127">社区</a></dd></dl></div></div><div class="copyright" data-reactid="128"><span data-reactid="129">Copyright © 2018 The Apache Software Foundation. Apache and the Apache feather logo are trademarks of The Apache Software Foundation.</span></div></div></footer></div></div>
<script src="https://f.alicdn.com/react/15.4.1/react-with-addons.min.js"></script>
<script src="https://f.alicdn.com/react/15.4.1/react-dom.min.js"></script>
<script>
Expand Down

0 comments on commit 84faa66

Please sign in to comment.