You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@mxnet.apache.org by lx...@apache.org on 2017/07/07 15:58:43 UTC

[30/50] [abbrv] incubator-mxnet-test git commit: Change mxnet.io home page and api subtitle color (#6899)

Change mxnet.io home page and api subtitle color (#6899)

* Change mxnet.io home page and api subtitle color

* Update index.html


Project: http://git-wip-us.apache.org/repos/asf/incubator-mxnet-test/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-mxnet-test/commit/bdcb45f6
Tree: http://git-wip-us.apache.org/repos/asf/incubator-mxnet-test/tree/bdcb45f6
Diff: http://git-wip-us.apache.org/repos/asf/incubator-mxnet-test/diff/bdcb45f6

Branch: refs/heads/master
Commit: bdcb45f60966744c4e834ad5debaa2a5c8b20ee7
Parents: d79e0e0
Author: Yao Wang <ke...@gmail.com>
Authored: Fri Jun 30 21:04:23 2017 -0700
Committer: Eric Junyuan Xie <pi...@users.noreply.github.com>
Committed: Fri Jun 30 21:04:23 2017 -0700

----------------------------------------------------------------------
 docs/_static/mxnet-theme/index.html |  68 +++++++++++---------
 docs/_static/mxnet.css              | 107 ++++++++++++++++++++++++++++---
 2 files changed, 136 insertions(+), 39 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-mxnet-test/blob/bdcb45f6/docs/_static/mxnet-theme/index.html
----------------------------------------------------------------------
diff --git a/docs/_static/mxnet-theme/index.html b/docs/_static/mxnet-theme/index.html
index a6dafbc..76a6e13 100644
--- a/docs/_static/mxnet-theme/index.html
+++ b/docs/_static/mxnet-theme/index.html
@@ -9,13 +9,6 @@
         <div id="install_blk" class='col-sm-6 col-xs-12'>
           <a href="get_started/install.html" id="install_btn">Install</a>
         </div>
-        <!-- end of get started button -->
-        <div id="social">
-          <div id="release_blk">
-            <a href="https://github.com/dmlc/mxnet/releases" id="release_btn">Latest release: 0.10</a>
-          </div>
-        </div>
-        <!-- end of social -->
       </div>
     </div>
   </div>
@@ -24,35 +17,48 @@
 <div class="section-tout">
   <div class="container">
     <div class="row">
-      <div class="col-lg-4 col-sm-6">
-        <h3><i class="fa fa-flag"></i> Flexible</h3>
-        <p>Supports both imperative and symbolic programming</p>
-      </div>
-      <div class="col-lg-4 col-sm-6">
-        <h3><i class="fa fa-cube"></i> Portable</h3>
-        <p>Runs on CPUs or GPUs, servers, desktops, or mobile phones</p>
-      </div>
-      <div class="col-lg-4 col-sm-6">
-        <h3><i class="fa fa-wrench"></i>Multiple Languages</h3>
-        <p>Supports C++, Python, R, Scala, Julia, Perl, Matlab and Javascript - All with the same amazing performance</p>
-      </div>
-      <div class="col-lg-4 col-sm-6">
-        <h3><i class="fa fa-cogs"></i> Auto-Differentiation</h3>
-        <p>Calculates the gradients automatically for training a model</p>
-      </div>
-      <div class="col-lg-4 col-sm-6">
-        <h3><i class="fa fa-cloud"></i>Distributed on Cloud</h3>
-        <p>Supports distributed training on multiple CPU/GPU machines, including AWS,
-          GCE, Azure, and Yarn clusters</p>
-      </div>
-      <div class="col-lg-4 col-sm-6">
-        <h3><i class="fa fa-rocket"></i> Performance</h3>
-        <p>Optimized C++ backend engine parallelizes both I/O and computation</p>
+      <div class="col-lg-4 col-sm-12">
+        <h3>MXNet 0.10.0 Released</h3>
+        <p>We're excited to announce the release of MXNet 0.10.0! Check out the release notes for latest updates.</p>
+        <a href="https://github.com/dmlc/mxnet/releases">Learn More</a>
+      </div>
+      <div class="col-lg-4 col-sm-12">
+        <h3>MXNet Joining Apache</h3>
+        <p>We’re excited to announce that MXNet has been accepted to the Apache Incubator.
+        </p>
+        <a href="http://incubator.apache.org/projects/mxnet.html">Learn More</a>
+      </div>
+      <div class="col-lg-4 col-sm-12">
+        <h3>MXNet in AWS re:Invent 2016</h3>
+        <p> Learn how to use MXNet to build neural network models for recommendation systems.
+        </p>
+        <a href="https://www.youtube.com/watch?v=cftJAuwKWkA">Watch Video</a>
       </div>
     </div>
   </div>
 </div>
 
+<div class="section-util">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-6 col-sm-12">
+          <h2>Examples</h2>
+          <p>Explore projects from simple demos to state-of-the-art research</p>
+          <div class='util-btn'>
+            <a href="https://github.com/dmlc/mxnet/tree/master/example">MXNet Examples</a>
+          </div>
+        </div>
+        <div class="col-lg-6 col-sm-12">
+          <h2>Model Zoo</h2>
+          <p>Off the shelf pre-trained models</p>
+          <div class='util-btn'>
+            <a href="model_zoo/index.html">Model Zoo</a>
+          </div>
+        </div>
+      </div>
+    </div>
+</div>
+
 <div class="section-inst">
   <div class="container">
     <div class="row">

http://git-wip-us.apache.org/repos/asf/incubator-mxnet-test/blob/bdcb45f6/docs/_static/mxnet.css
----------------------------------------------------------------------
diff --git a/docs/_static/mxnet.css b/docs/_static/mxnet.css
index b0eff89..b5228bb 100644
--- a/docs/_static/mxnet.css
+++ b/docs/_static/mxnet.css
@@ -501,7 +501,6 @@ li.dropdown-submenu ul.dropdown-menu a {
 
 #why_mxnet_btn, #install_btn, #release_btn {
     border: 1.8px solid #FFFFFF;
-    border-radius: 2px;
     color: #FFFFFF;
     display: inline-block;
     font-size: 18px;
@@ -565,27 +564,115 @@ li.dropdown-submenu ul.dropdown-menu a {
 .section-tout {
     padding:3em 0 3em;
     border-bottom:1px solid rgba(0,0,0,.05);
-    background-color:#eaf1f1
+    background-color:#fff
+}
+
+.section-tout .container {
+    height: 200px;
+}
+
+.section-tout .row {
+    height: 100%;
 }
 
 .section-tout .row div {
-    height: 140px;
+    height: 100%;
+    padding-left: 50px;
 }
 
-.section-tout .fa{
-    margin-right:.5em
+.section-tout .row a {
+    position: absolute;
+    bottom: 20px;
 }
 
 .section-tout h3{
     font-size:20px;
-    color: #0079b2;
+    color: #444;
 }
 
 .section-tout p {
-    margin-bottom:2em
+    margin-bottom:2em;
+}
+
+@media (max-width: 1199px) {
+    .section-tout .container {
+        height: auto;
+    }
+    
+    .section-tout .row a {
+        position: inherit;
+    }
+    
+    .section-tout .row div {
+        margin-bottom: 20px;
+        padding-left: 20px;
+    }
+}
+
+.section-util {
+    background-color: #eaf1f1;
+    padding:3em 0 3em;
+    border-bottom:1px solid rgba(0,0,0,.05);
+    text-align: center;
+}
+
+.section-util p {
+    color: #999;
+    position: absolute;
+    width: 50%;
+    margin: auto;
+    left: 0;
+    right: 0;
+}
+
+.section-util .util-btn {
+    position: absolute;
+    margin: auto;
+    left: 0;
+    right: 0;
+    padding-top: 10px;
+    margin-top: 100px;
+}
+
+.util-btn a {
+    display: inline-block;
+    border: 1.8px solid #0079b2;
+    border-radius: 30px;
+    width: 200px;
+    height: 50px;
+    -webkit-transition: .2s;
+    transition: .2s;
+    padding: 10px 30px;
 }
 
-.section-inst{
+.util-btn a:hover {
+    background-color: #0079b2;
+    color: #FFFFFF;
+    opacity: 0.9;
+    text-decoration: none;
+}
+
+.section-util .container {
+    height: 230px;
+}
+
+@media (max-width: 1199px) {
+    .section-util .container {
+        height: auto
+    }
+    
+    .section-util .row div {
+        margin-bottom: 200px;
+    }
+}
+
+@media (max-width: 767px) {
+    .section-util .row div {
+        margin-bottom: 250px;
+    }
+}
+
+.section-inst {
     padding:3em 0 3em;
     border-bottom:1px solid rgba(0,0,0,.05);
 
@@ -878,6 +965,10 @@ code {
     background-color: #f5f5f5;
 }
 
+dt code {
+    color: #555;
+}
+
 dl.last.docutils dt{
     background-color: transparent;
     border-bottom: none;