[doc] Update readthedocs index.html (#4296)

docs/en_US/_templates/nnSpider.html

+{% extends "!layout.html" %}
+
+{% set title = "Welcome To Neural Network Intelligence !!!"%}
+
+{% block document %}
+<h2 class="center">nnSpider emoticons</h2>
+<ul class="emotion">
+    <li class="first">
+        <div>
+            <a href="{{ pathto('nnSpider/nobug') }}">
+                <img src="_static/img/NoBug.png" alt="NoBug" />
+            </a>
+        </div>
+        <p class="center">NoBug</p>
+    </li>
+    <li class="first">
+        <div>
+            <a href="{{ pathto('nnSpider/holiday') }}">
+                <img src="_static/img/Holiday.png" alt="Holiday" />
+            </a>
+        </div>
+        <p class="center">Holiday</p>
+    </li>
+    <li class="first">
+        <div>
+            <a href="{{ pathto('nnSpider/errorEmotion') }}">
+                <img src="_static/img/Error.png" alt="Error" />
+            </a>
+        </div>
+        <p class="center">Error</p>
+    </li>
+    <li class="second">
+        <div>
+            <a href="{{ pathto('nnSpider/working') }}">
+                <img class="working" src="_static/img/Working.png" alt="Working" />
+            </a>
+        </div>
+        <p class="center">Working</p>
+    </li>
+    <li class="second">
+        <div>
+            <a href="{{ pathto('nnSpider/sign') }}">
+                <img class="sign" src="_static/img/Sign.png" alt="Sign" />
+            </a>
+        </div>
+        <p class="center">Sign</p>
+    </li>
+    <li class="second">
+        <div>
+            <a href="{{ pathto('nnSpider/crying') }}">
+                <img class="crying" src="_static/img/Crying.png" alt="Crying" />
+            </a>
+        </div>
+        <p class="center">Crying</p>
+    </li>
+    <li class="three">
+        <div>
+            <a href="{{ pathto('nnSpider/cut') }}">
+                <img src="_static/img/Cut.png" alt="Crying" />
+            </a>
+        </div>
+        <p class="center">Cut</p>
+    </li>
+    <li class="three">
+        <div>
+            <a href="{{ pathto('nnSpider/weaving') }}">
+                <img class="weaving" src="_static/img/Weaving.png" alt="Weaving" />
+            </a>
+        </div>
+        <p class="center">weaving</p>
+    </li>
+    <li class="three">
+        <div class="comfort">
+            <a href="{{ pathto('nnSpider/comfort') }}">
+                <img src="_static/img/Comfort.png" alt="Weaving" />
+            </a>
+        </div>
+        <p class="center">comfort</p>
+    </li>
+    <li class="four">
+        <div>
+            <a href="{{ pathto('nnSpider/sweat') }}">
+                <img src="_static/img/Sweat.png" alt="Sweat" />
+            </a>
+        </div>
+        <p class="center">Sweat</p>
+    </li>
+<div class="clear"></div>
+
+</ul>
+
+{% endblock %}
\ No newline at end of file

docs/en_US/_templates/nnSpider/comfort.html

+{% extends "!layout.html" %}
+
+{% set title = "Welcome To Neural Network Intelligence !!!"%}
+
+{% block document %}
+
+<h2>Comfort</h2>
+<div class="details-container">
+    <img src="../_static/img/Comfort.png" alt="Comfort" />
+</div>
+
+{% endblock %}
\ No newline at end of file

docs/en_US/_templates/nnSpider/crying.html

+{% extends "!layout.html" %}
+
+{% set title = "Welcome To Neural Network Intelligence !!!"%}
+
+{% block document %}
+
+<h2>Crying</h2>
+<div class="details-container">
+    <img src="../_static/img/Crying.png" alt="Crying" />
+</div>
+
+{% endblock %}
\ No newline at end of file

docs/en_US/_templates/nnSpider/cut.html

+{% extends "!layout.html" %}
+
+{% set title = "Welcome To Neural Network Intelligence !!!"%}
+
+{% block document %}
+
+<h2>Cut</h2>
+<div class="details-container">
+    <img src="../_static/img/Cut.png" alt="Cut" />
+</div>
+
+{% endblock %}
\ No newline at end of file

docs/en_US/_templates/nnSpider/errorEmotion.html

+{% extends "!layout.html" %}
+
+{% set title = "Welcome To Neural Network Intelligence !!!"%}
+
+{% block document %}
+
+<h2>Error</h2>
+<div class="details-container">
+    <img src="../_static/img/Error.png" alt="Error" />
+</div>
+
+{% endblock %}
\ No newline at end of file

docs/en_US/_templates/nnSpider/holiday.html

+{% extends "!layout.html" %}
+
+{% set title = "Welcome To Neural Network Intelligence !!!"%}
+
+{% block document %}
+
+<h2>Holiday</h2>
+<div class="details-container">
+    <img src="../_static/img/Holiday.png" alt="NoBug" />
+</div>
+  
+{% endblock %}
\ No newline at end of file

docs/en_US/_templates/nnSpider/nobug.html

+{% extends "!layout.html" %}
+
+{% set title = "Welcome To Neural Network Intelligence !!!"%}
+
+{% block document %}
+
+<h2>NoBug</h2>
+<div class="details-container">
+    <img src="../_static/img/NoBug.png" alt="NoBug" />
+</div>
+
+{% endblock %}
\ No newline at end of file

docs/en_US/_templates/nnSpider/sign.html

+{% extends "!layout.html" %}
+
+{% set title = "Welcome To Neural Network Intelligence !!!"%}
+
+{% block document %}
+
+<h2>Sign</h2>
+<div class="details-container">
+    <img src="../_static/img/Sign.png" alt="Sign" />
+</div>
+
+{% endblock %}
\ No newline at end of file

docs/en_US/_templates/nnSpider/sweat.html

+{% extends "!layout.html" %}
+
+{% set title = "Welcome To Neural Network Intelligence !!!"%}
+
+{% block document %}
+
+<h2>Sweat</h2>
+<div class="details-container">
+    <img src="../_static/img/Sweat.png" alt="Sweat" />
+</div>
+
+{% endblock %}
\ No newline at end of file

docs/en_US/_templates/nnSpider/weaving.html

+{% extends "!layout.html" %}
+
+{% set title = "Welcome To Neural Network Intelligence !!!"%}
+
+{% block document %}
+
+<h2>Weaving</h2>
+<div class="details-container">
+    <img src="../_static/img/Weaving.png" alt="Weaving" />
+</div>
+
+{% endblock %}
\ No newline at end of file

docs/en_US/_templates/nnSpider/working.html

+{% extends "!layout.html" %}
+
+{% set title = "Welcome To Neural Network Intelligence !!!"%}
+
+{% block document %}
+
+<h2>Working</h2>
+<div class="details-container">
+    <img src="../_static/img/Working.png" alt="Working" />
+</div>
+
+{% endblock %}
\ No newline at end of file

docs/en_US/conf.py

@@ -81,6 +81,18 @@ pygments_style = None
 
 html_additional_pages = {
     'index': 'index.html',
+    'nnSpider': 'nnSpider.html',
+    'nnSpider/nobug': 'nnSpider/nobug.html',
+    'nnSpider/holiday': 'nnSpider/holiday.html',
+    'nnSpider/errorEmotion': 'nnSpider/errorEmotion.html',
+    'nnSpider/working': 'nnSpider/working.html',
+    'nnSpider/sign': 'nnSpider/sign.html',
+    'nnSpider/crying': 'nnSpider/crying.html',
+    'nnSpider/cut': 'nnSpider/cut.html',
+    'nnSpider/weaving': 'nnSpider/weaving.html',
+    'nnSpider/comfort': 'nnSpider/comfort.html',
+    'nnSpider/sweat': 'nnSpider/sweat.html'
+
 }
 
 # -- Options for HTML output -------------------------------------------------

docs/static/css/custom.css

@@ -2,13 +2,25 @@
     white-space:normal
 }
 
+.gap{
+    margin-top: 24px; 
+}
+
+.gap2{
+    margin-top: 12px; 
+}
+
+.rowHeight{
+    line-height: 24px;
+}
+
 .title {
     padding-bottom: 6px;
     border-bottom: 1px solid #ccc;
 }
 
 .second-title{
-    margin-top: 14px;
+    margin-top: 24px;
 }
 /* command style */
 .command {
@@ -21,7 +33,7 @@
 }
 
 .command-intro {
-    line-height: 40px;
+    line-height: 48px;
 }
 
 .code{
@@ -29,11 +41,6 @@
     padding: 15px 20px;
 }
 
-/* p margin-top: 24 */
-.topMargin{
-    margin-top: 24px;
-}
-
 /* document body width */
 .wy-nav-content{
     max-width: 100% !important;
@@ -86,10 +93,19 @@ td.framework{
     text-align: center;
 }
 
-.inline img, .inline h3{
+.inline img, .inline h2{
     display: inline-block;
+    margin-bottom: 0px;
+}
+
+inline hr{
+    margin-top: 0px;
 }
-  
+
+.inline img {
+    margin-top: -20px;
+}
+
 .ui-img img{
     height: 350px;
 }
@@ -118,3 +134,85 @@ td.framework{
 .wy-plain-list-disc li, .rst-content .section ul li, .rst-content .toctree-wrapper ul li, article ul li {
     margin-bottom: 0px;
 }
+
+.wy-nav-content .emotion li {
+    width: 300px;
+    height: 300px;
+    float: left;
+    margin-left: 15px;
+    margin-bottom: 60px;
+    background: #f5f5f5;
+    box-sizing: border-box;
+    list-style: none;
+}
+
+.emotion li div{
+    transition: 0.2s;
+    text-align: center;
+    vertical-align: middle;
+}
+
+.emotion li div:hover{
+    transform: translate(1.1);
+    box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
+}
+
+.center{
+    line-height: 54px;
+    text-align: center;
+}
+
+.emotion img{
+    width: 250px;
+}
+
+.emotion .first img {
+    margin: 50px 24px;
+}
+
+.emotion .second .working{
+    margin: 67px 24px;
+}
+
+.emotion .second .sign{
+    margin: 77px 24px;
+}
+
+.emotion .second .crying{
+    margin: 80px 24px;
+}
+
+.emotion .three img{
+    margin: 66px 24px;
+}
+
+.emotion .three .weaving{
+    margin: 75px 24px;
+}
+
+.three .comfort img{
+    margin: 92px 24px;
+}
+
+.emotion .four img{
+    margin: 81px 24px;
+}
+
+.details-container{
+    text-align: center;
+}
+
+.clear{
+    clear: both;
+}
+
+.whatNew{
+    margin-top: 6px;
+}
+
+.pipeline tr, .pipeline td, .pipeline th{
+    width: 248px;
+    line-height: 26px;
+    text-align: center;
+    border: 1px solid #ccc;
+}
\ No newline at end of file