homepage migration to readthedocs

README.md

@@ -341,7 +341,7 @@ With authors' permission, we listed a set of NNI usage examples and relevant art
 Join IM discussion groups:
 |Gitter||WeChat|
 |----|----|----|
-|<img src="https://user-images.githubusercontent.com/39592018/80665738-e0574a80-8acc-11ea-91bc-0836dc4cbf89.png" width="180"/>| OR |<img src="https://user-images.githubusercontent.com/39592018/83856705-8e00ed80-a74c-11ea-95dc-2525b61a09e0.png" width="180"/>|
+|![image](https://user-images.githubusercontent.com/39592018/80665738-e0574a80-8acc-11ea-91bc-0836dc4cbf89.png)| OR |![image](https://github.com/scarlett2018/nniutil/raw/master/wechat.png)|
 
 
 ## Related Projects

docs/en_US/_templates/layout.html

@@ -0,0 +1,30 @@
+{% extends "!layout.html" %}
+{% block sidebartitle %}
+
+      {% if logo and theme_logo_only %}
+        <a href="{{ pathto('index') }}">
+      {% else %}
+        <a href="{{ pathto('index') }}" class="icon icon-home"> {{ project }}
+      {% endif %}
+
+      {% if logo %}
+        {# Not strictly valid HTML, but it's the only way to display/scale it properly, without weird scripting or heaps of work #}
+        <img src="{{ pathto('_static/' + logo, 1) }}" class="logo" />
+      {% endif %}
+      </a>
+
+      {% if theme_display_version %}
+        {%- set nav_version = version %}
+        {% if READTHEDOCS and current_version %}
+          {%- set nav_version = current_version %}
+        {% endif %}
+        {% if nav_version %}
+          <div class="version">
+            {{ nav_version }}
+          </div>
+        {% endif %}
+      {% endif %}
+
+      {% include "searchbox.html" %}
+
+{% endblock %}

docs/en_US/conf.py

@@ -64,7 +64,7 @@
 source_suffix = ['.rst', '.md']
 
 # The master toctree document.
-master_doc = 'index'
+master_doc = 'contents'
 
 # The language for content autogenerated by Sphinx. Refer to documentation
 # for a list of supported languages.
@@ -82,6 +82,10 @@
 pygments_style = None
 
 
+html_additional_pages = {
+    'index': 'index.html',
+}
+
 # -- Options for HTML output -------------------------------------------------
 
 # The theme to use for HTML and HTML Help pages.  See the documentation for

docs/static/css/custom.css

@@ -1,3 +1,116 @@
 .wy-table-responsive table td, .wy-table-responsive table th{
     white-space:normal
 }
+
+.title {
+    padding-bottom: 6px;
+    border-bottom: 1px solid #ccc;
+}
+
+.second-title{
+    margin-top: 14px;
+}
+/* command style */
+.command {
+    background-color: #f8f8f8;
+    border: 1px solid #e1e4e5;
+    height: 40px;
+    line-height: 40px;
+    font-size: 12px;
+    padding-left: 10px;
+}
+
+.command-intro {
+    line-height: 40px;
+}
+
+.code{
+    background-color: #f8f8f8;
+    padding: 15px 20px;
+}
+
+/* p margin-top: 24 */
+.topMargin{
+    margin-top: 24px;
+}
+
+/* document body width */
+.wy-nav-content{
+    max-width: 100% !important;
+    background-color: #fff;
+}
+
+/* nni logo bgcolor */
+.wy-side-nav-search{
+    background-color: black;
+}
+
+/* document body font-family */
+.wy-body-for-nav, h1, h2, h3, h4, h5, h6, div, p, ul, li, a{
+    font-family: "Lato", segoe ui, "proxima-nova","Helvetica Neue",Arial,sans-serif;
+}
+
+.wy-nav-content ul li{
+    list-style: disc;
+    margin-bottom: 12px;
+    margin-left: 24px;
+}
+
+.list, .list tr, .list td{
+    border: 1px solid #ccc;
+}
+
+.column b{
+    padding-bottom: 4px;
+    border-bottom: 2px solid blue;
+}
+.column td{
+    width: 200px;
+    text-align: center;
+    line-height: 36px;
+}
+td.framework{
+    width:300px;
+    -webkit-width: 220px;
+}
+.list .circle li{
+    list-style-type: circle;
+}
+
+.list .firstUl, .circle{
+    padding-left: 20px;
+}
+
+.list .verticalMiddle{
+    vertical-align: middle !important;
+    text-align: center;
+}
+
+.inline img, .inline h3{
+    display: inline-block;
+}
+
+.ui-img img{
+    height: 230px;
+}
+
+.wy-side-nav-search>div.version{
+    color: #fff !important;
+}
+
+.list{
+    width: 90%;
+    margin: 0 auto;
+}
+
+.chinese{
+    margin-bottom: 16px;
+}
+
+.QR{
+    width: 180px;
+}
+
+.or{
+    vertical-align: middle;
+}