diff --git a/docs/_static/images/medium_black.svg b/docs/_static/images/medium_black.svg new file mode 100644 index 000000000000..da2c17f5d26c --- /dev/null +++ b/docs/_static/images/medium_black.svg @@ -0,0 +1,13 @@ + + + + Created with Sketch. + + + + + + + + + diff --git a/docs/_static/images/reddit_blue.svg b/docs/_static/images/reddit_blue.svg new file mode 100644 index 000000000000..55e16bd8879a --- /dev/null +++ b/docs/_static/images/reddit_blue.svg @@ -0,0 +1,19 @@ + + + + Created with Sketch. + + + + + + + + + + + + + + + diff --git a/docs/_static/images/twitter.svg b/docs/_static/images/twitter.svg new file mode 100755 index 000000000000..f8e6b4ae1c7b --- /dev/null +++ b/docs/_static/images/twitter.svg @@ -0,0 +1,15 @@ + + + + Created with Sketch. + + + + + + + + + + + diff --git a/docs/_static/images/youtube_red.svg b/docs/_static/images/youtube_red.svg new file mode 100644 index 000000000000..9d182a233f0c --- /dev/null +++ b/docs/_static/images/youtube_red.svg @@ -0,0 +1,20 @@ + + + + Created with Sketch. + + + + + + + + + + + + + + + + diff --git a/docs/_static/mxnet-theme/layout.html b/docs/_static/mxnet-theme/layout.html index eb7ab7aa9068..3cbf690ceeea 100644 --- a/docs/_static/mxnet-theme/layout.html +++ b/docs/_static/mxnet-theme/layout.html @@ -57,6 +57,24 @@ + + + + + + + + + {% if pagename != 'index' %} + + {%- endif %} + {% for name in ['underscore.js', 'searchtools_custom.js', 'doctools.js', 'selectlang.js'] %} {% endfor %} @@ -118,7 +136,6 @@ {%- endblock %} {{ css() }} {%- if not embedded %} - {{ script() }} {%- if use_opensearch %}
{%- include "navbar.html" %} - + {% if pagename == 'index' %} + {%- include "social.html" %} + {%- endif %} {% if pagename != 'index' %} -
- - - - - - - - - + {{ script() }} + diff --git a/docs/_static/mxnet-theme/navbar.html b/docs/_static/mxnet-theme/navbar.html index 977d005d9cb0..f37f4a138931 100644 --- a/docs/_static/mxnet-theme/navbar.html +++ b/docs/_static/mxnet-theme/navbar.html @@ -7,7 +7,7 @@

@@ -111,6 +122,7 @@

+
{{searchform('', False)}}
diff --git a/docs/_static/mxnet-theme/social.html b/docs/_static/mxnet-theme/social.html new file mode 100644 index 000000000000..4c41e26a4ce5 --- /dev/null +++ b/docs/_static/mxnet-theme/social.html @@ -0,0 +1,18 @@ +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
diff --git a/docs/_static/mxnet.css b/docs/_static/mxnet.css index d949f7fd5ba1..f3d321d7d6fc 100644 --- a/docs/_static/mxnet.css +++ b/docs/_static/mxnet.css @@ -209,7 +209,7 @@ img { font-family: AmazonEmber; display: inline-block; padding: 0 15px; - font-weight: 500; + font-weight: 500; } .main-nav-link:hover { @@ -218,10 +218,16 @@ img { text-decoration: none; } -#dropdown-menu-position-anchor, +.social-link { + opacity: 1; + text-decoration: none; + padding: 0 0px; +} + +#dropdown-menu-position-anchor, #dropdown-menu-position-anchor-docs, #dropdown-menu-position-anchor-community, -#dropdown-menu-position-anchor-version, +#dropdown-menu-position-anchor-version, #dropdown-menu-position-anchor-version-mobile { position: relative; } @@ -238,6 +244,38 @@ img { } +#social-container { + display: block; + position: absolute; + top: 15px; + margin-right: 20px; + padding-bottom: 30px; + width: 100%; +} + +img.social-logo { + min-width: 5vmin; + margin-bottom: 15px; + max-width: 3vw; + padding: 10px 10px 10px 10px; +} + +@media screen and (max-width:1380px) { + div #social-container { + display: none !important; + } +} + +#search-input-wrap { + display: block; + position: absolute; + top: 15px; + right: 20px; + width: 200px; + -webkit-transition: width 0.5s; + transition: width 0.5s; +} + #search-input-wrap { display: block; position: absolute; @@ -300,7 +338,7 @@ img { width: 120px; margin-right: 10px; } - + .searchBox { width: 120px; } @@ -490,7 +528,7 @@ li.dropdown-submenu ul.dropdown-menu a { position: fixed; left: 45px; } - + #burgerMenu { position: fixed; left: 0; @@ -501,7 +539,7 @@ li.dropdown-submenu ul.dropdown-menu a { background-attachment: initial; background-size: cover; } - + #burgerMenu a { display: block; font-size: 19px; @@ -511,24 +549,24 @@ li.dropdown-submenu ul.dropdown-menu a { color: #fff; text-decoration: none; } - + #burgerMenu a:hover { color: initial; background-color: inherit; } - + #burgerMenu li { border-bottom: 1px solid lightgray; height: 50px; } - + #logo-wrap { margin-left: 30px; } } /*--------------------------banner---------------------------*/ #splash{ - padding:60px 0 0 0; + padding:15px 0 0 0; background-size:cover; background-attachment:fixed; color:#fff; @@ -605,7 +643,7 @@ li.dropdown-submenu ul.dropdown-menu a { #install_blk, #install_blk{ display: block; } - + #install_blk { padding-left: 0; margin-top: 0; @@ -699,7 +737,7 @@ li.dropdown-submenu ul.dropdown-menu a { .section-tout .row div { padding-left: 45px; } - + .section-tout .row p { padding-bottom: 10px; } @@ -725,7 +763,7 @@ li.dropdown-submenu ul.dropdown-menu a { .section-util .row div h2 { font-family: AmazonEmber; - color: #fff; + color: #fff; } #model-zoo-blk { diff --git a/docs/_static/searchtools_custom.js b/docs/_static/searchtools_custom.js index 5f8c30a24f10..d5a84d1282c3 100644 --- a/docs/_static/searchtools_custom.js +++ b/docs/_static/searchtools_custom.js @@ -827,7 +827,7 @@ $(document).ready(function() { //Click to focus out $('body').click(function (e) { - if(e.target.id == 'search-preview' || e.target.name == 'q' || $(e.target).parents("#search-preview").size()) return; + if(e.target.id == 'search-preview' || e.target.name == 'q' || $(e.target).parents("#search-preview").length) return; focusOut(); }); diff --git a/docs/community/contribute.md b/docs/community/contribute.md index 0f40ba86a267..87b6c2fdef30 100644 --- a/docs/community/contribute.md +++ b/docs/community/contribute.md @@ -62,14 +62,24 @@ To join the MXNet slack channel send request to the contributor mailing list. ### Social Media -Keep connected with the latest MXNet news and updates on [Twitter](https://twitter.com/apachemxnet) and [Reddit](https://reddit.com/r/mxnet). Also, subscribe to the [MXNet YouTube channel](https://www.youtube.com/channel/UCQua2ZAkbr_Shsgfk1LCy6A). - -
-

- -

-reddit r/mxnet - +Keep connected with the latest MXNet news and updates. + +

+ + Contributor and guest blogs about MXNet +

+

+ +reddit Discuss MXNet on r/mxnet +

+

+ + Apache MXNet on Twitter +

+

+ + MXNet YouTube channel +

## JIRA