home page for x

Author: kener

doc/asset/css/echartsHome.css

@@ -40,7 +40,19 @@ body p {
 .navbar-default .navbar-nav > li > a:hover {
     background-color: #eee;
 }
-
+.carousel-caption.ecx-link {
+    bottom: 20px;
+}
+.carousel-caption.ecx-link a {
+    font-size:14px;
+    height: 30px;
+    display: block;
+    color:#999;
+}
+.carousel-caption.ecx-link a:hover {
+    color:#eee;
+    text-decoration: none;
+}
 
 blockquote {
     border-width:0;

doc/asset/img/bannerX.jpg

@@ -133,19 +133,20 @@ $('#footer')[0].innerHTML =
      '<div class="container">'
         + '<div class="row" style="padding-bottom:20px;">'
             + '<div class="col-md-3">'
-                + '<p>' + (enVersion ? 'Link' : '友情链接') + '</p>'
+                + '<p>' + (enVersion ? 'Link' : 'ECharts团队出品') + '</p>'
                 + '<ul>'
                     + '<li><a href="http://tushuo.baidu.com/" target="_blank">Baidu 图说</a></li>'
-                    + '<li><a href="http://efe.baidu.com" target="_blank">Baidu EFE</a></li>'
-                    + '<li><a href="http://datavlab.org/" target="_blank">DataV</a></li>'
+                    + '<li><a href="http://echarts.baidu.com/x/doc/index.html" target="_blank">ECharts-X</a></li>'
                     + '<li><a href="http://ecomfe.github.io/zrender/index.html" target="_blank">ZRender</a></li>'
+                    + '<li><a href="https://github.com/pissang/qtek" target="_blank">qtek</a></li>'
                 + '</ul>'
             + '</div>'
             + '<div class="col-md-3">'
                 + '<p>' + (enVersion ? 'More' : '更多') + '</p>'
                 + '<ul>'
                     + '<li><a href="https://github.com/ecomfe/echarts/blob/master/LICENSE.txt" target="_blank">License</a></li>'
                     + '<li><a href="http://echarts.baidu.com/doc/changelog' + (enVersion ? '-en' : '') + '.html" target="_blank">Changelog</a></li>'
+                    + '<li><a href="http://efe.baidu.com" target="_blank">Baidu EFE</a></li>'
                     + '<li><a href="http://www.oschina.net/p/echarts" target="_blank">' + (enVersion ? 'Open Source China' : '开源中国') + '</a></li>'
                 + '</ul>'
             + '</div>'

doc/asset/js/echartsHome.js

@@ -36,13 +36,14 @@
     <div id="myCarousel" class="carousel slide" data-ride="carousel">
       <!-- Indicators -->
       <ol class="carousel-indicators">
-        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+        <li data-target="#myCarousel" data-slide-to="0"></li>
         <li data-target="#myCarousel" data-slide-to="1"></li>
         <li data-target="#myCarousel" data-slide-to="2"></li>
         <li data-target="#myCarousel" data-slide-to="3"></li>
+        <li data-target="#myCarousel" data-slide-to="4" class="active"></li>
       </ol>
       <div class="carousel-inner">
-        <div class="item active">
+        <div class="item">
           <img src="./doc/asset/img/banner1.png" alt="ECharts"/>
         </div>
         <div class="item">
@@ -75,6 +76,15 @@
             </div>
           </div>
         </div>
+        <div class="item active">
+          <img src="./doc/asset/img/bannerX.jpg" alt="ECharts-X" style="width:100%;left:0;margin:0"/>
+          <div class="container">
+            <div class="carousel-caption ecx-link">
+                <a href="http://echarts.baidu.com/x/doc/index.html" target="_blank">View »</a>
+            </div>
+          </div>
+        </div>
+
       </div>
       <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
       <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>

index-en.html

@@ -35,7 +35,8 @@
         <li data-target="#myCarousel" data-slide-to="1"></li>
         <li data-target="#myCarousel" data-slide-to="2"></li>
         <li data-target="#myCarousel" data-slide-to="3"></li>
-        <li data-target="#myCarousel" data-slide-to="4" class="active"></li>
+        <li data-target="#myCarousel" data-slide-to="4"></li>
+        <li data-target="#myCarousel" data-slide-to="5" class="active"></li>
       </ol>
       <div class="carousel-inner">
         <div class="item">
@@ -71,7 +72,7 @@
             </div>
           </div>
         </div>
-        <div class="item active">
+        <div class="item">
           <img src="./doc/asset/img/slide-05.jpg" alt="百度图说"/>
           <div class="container">
             <div class="carousel-caption" style="bottom:0;left:25%">
@@ -81,6 +82,14 @@
             </div>
           </div>
         </div>
+        <div class="item active">
+          <img src="./doc/asset/img/bannerX.jpg" alt="ECharts-X" style="width:100%;left:0;margin:0"/>
+          <div class="container">
+            <div class="carousel-caption ecx-link">
+                <a href="http://echarts.baidu.com/x/doc/index.html" target="_blank">了解更多 »</a>
+            </div>
+          </div>
+        </div>
       </div>
       <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
       <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>