Skip to content
This repository has been archived by the owner on Nov 17, 2023. It is now read-only.

site-wide social include #12102

Closed
wants to merge 25 commits into from
Closed

site-wide social include #12102

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
25 commits
Select commit Hold shift + click to select a range
8660740
trying out site-wide social include
aaronmarkham Aug 8, 2018
b266724
adding svg versions of social icons
aaronmarkham Aug 9, 2018
e6c533d
fix social section images and layout on contribute
aaronmarkham Aug 9, 2018
382258f
fix max-height for logos on home page
aaronmarkham Aug 9, 2018
295a709
making the twitter birdie bigger
aaronmarkham Aug 9, 2018
99a4738
conformed svg images to single design
aaronmarkham Aug 9, 2018
bf0299c
fixup! conformed svg images to single design
aaronmarkham Aug 9, 2018
c8ef1bb
fixup! conformed svg images to single design
aaronmarkham Aug 9, 2018
fc0f9f4
fixup! fix max-height for logos on home page
aaronmarkham Aug 9, 2018
fce65c0
only show social on index page and updated youtube address
aaronmarkham Aug 23, 2018
97248b2
fix splash div overlap on social navbar
aaronmarkham Aug 23, 2018
8c94813
update youtube address
aaronmarkham Aug 23, 2018
25ccaec
use regular colored social buttons
aaronmarkham Aug 23, 2018
29ead68
remove padding to prevent overlap of social icons on high res monitors
aaronmarkham Aug 27, 2018
aa906fb
add image padding to social icons
aaronmarkham Aug 27, 2018
9387025
update twitter button
aaronmarkham Aug 27, 2018
4d17a7f
Merge branch 'master' into social_media_update
aaronmarkham Aug 27, 2018
0a6ae47
update images; fix youtube link & contrib social section
aaronmarkham Aug 27, 2018
f26ebf2
hide social when colliding with promo
aaronmarkham Aug 27, 2018
c8643fc
adding more padding to social images
aaronmarkham Aug 27, 2018
824234f
reduce promo div for social
aaronmarkham Aug 28, 2018
7c8608e
removing height limit to let the social logos get a bit bigger
aaronmarkham Aug 29, 2018
bac9781
Merge branch 'master' into social_media_update
aaronmarkham Sep 26, 2018
5881164
Merge branch 'master' into social_media_update
aaronmarkham Oct 19, 2018
5a6bc6c
update image names
aaronmarkham Oct 19, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
38 changes: 20 additions & 18 deletions docs/_static/mxnet-theme/layout.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,6 +57,24 @@
</script>

<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script type="text/javascript" src="{{ pathto('_static/js/sidebar.js', 1) }}"></script>
<script type="text/javascript" src="{{ pathto('_static/js/search.js', 1) }}"></script>
<script type="text/javascript" src="{{ pathto('_static/js/navbar.js', 1) }}"></script>
<script type="text/javascript" src="{{ pathto('_static/js/clipboard.min.js', 1) }}"></script>
<script type="text/javascript" src="{{ pathto('_static/js/copycode.js', 1) }}"></script>
<script type="text/javascript" src="{{ pathto('_static/js/page.js', 1) }}"></script>
<script type="text/javascript">
$('body').ready(function () {
$('body').css('visibility', 'visible');
});
</script>
{% if pagename != 'index' %}
<script type="text/javascript">
$('body').css('background', 'white');
</script>
{%- endif %}

{% for name in ['underscore.js', 'searchtools_custom.js', 'doctools.js', 'selectlang.js'] %}
<script type="text/javascript" src="{{ pathto('_static/' + name, 1) }}"></script>
{% endfor %}
Expand Down Expand Up @@ -118,7 +136,6 @@
{%- endblock %}
{{ css() }}
{%- if not embedded %}
{{ script() }}
{%- if use_opensearch %}
<link rel="search" type="application/opensearchdescription+xml"
title="{% trans docstitle=docstitle|e %}Search within {{ docstitle }}{% endtrans %}"
Expand Down Expand Up @@ -158,11 +175,8 @@
<body role="document" background="https://raw.githubusercontent.com/dmlc/web-data/master/mxnet/image/mxnet-background-compressed.jpeg">
<div class='content-block'>
{%- include "navbar.html" %}

{%- include "social.html" %}
{% if pagename != 'index' %}
<script type="text/javascript">
$('body').css('background', 'white');
</script>
<div class="container">
<div class="row">
<div class="sphinxsidebar leftsidebar" role="navigation" aria-label="main navigation">
Expand All @@ -183,18 +197,6 @@
{%- include "footer.html" %}
{%- endif %} <!-- pagename != index -->
</div>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script type="text/javascript" src="{{ pathto('_static/js/sidebar.js', 1) }}"></script>
<script type="text/javascript" src="{{ pathto('_static/js/search.js', 1) }}"></script>
<script type="text/javascript" src="{{ pathto('_static/js/navbar.js', 1) }}"></script>
<script type="text/javascript" src="{{ pathto('_static/js/clipboard.min.js', 1) }}"></script>
<script type="text/javascript" src="{{ pathto('_static/js/copycode.js', 1) }}"></script>
<script type="text/javascript" src="{{ pathto('_static/js/page.js', 1) }}"></script>
<script type="text/javascript">
$('body').ready(function () {
$('body').css('visibility', 'visible');
});
</script>
{{ script() }}
</body>
</html>
38 changes: 24 additions & 14 deletions docs/_static/mxnet-theme/navbar.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,15 +7,15 @@ <h1 id="logo-wrap">
<nav id="main-nav" class='nav-bar'>
<a class="main-nav-link" href="{{url_root}}install/index.html">Install</a>

<span id="dropdown-menu-position-anchor">
<span id="dropdown-menu-position-anchor-gluon">
<a href="#" class="main-nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true">Gluon <span class="caret"></span></a>
<ul id="package-dropdown-menu" class="dropdown-menu navbar-menu">
<li><a class="main-nav-link" href="{{url_root}}gluon/index.html">About</a></li>
<li><a class="main-nav-link" href="http://gluon.mxnet.io">Tutorials</a></li>
</ul>
</span>

<span id="dropdown-menu-position-anchor">
<span id="dropdown-menu-position-anchor-apis">
<a href="#" class="main-nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true">API <span class="caret"></span></a>
<ul id="package-dropdown-menu" class="dropdown-menu navbar-menu">
<li><a class="main-nav-link" href="{{url_root}}api/python/index.html">Python</a></li>
Expand Down Expand Up @@ -50,23 +50,12 @@ <h1 id="logo-wrap">
</ul>
</span>
</nav>

<script> function getRootPath(){ return "{{url_root}}" } </script>
<div class="burgerIcon dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">☰</a>
<ul id="burgerMenu" class="dropdown-menu">
<li><a href="{{url_root}}install/index.html">Install</a></li>
<li><a class="main-nav-link" href="{{url_root}}tutorials/index.html">Tutorials</a></li>
<li class="dropdown-submenu dropdown">
<a href="#" tabindex="-1" aria-haspopup="true" role="button" class="dropdown-toggle burger-link" data-toggle="dropdown">Community</a>
<ul class="dropdown-menu">
<li><a tabindex="-1" href="http://discuss.mxnet.io">Forum</a></li>
<li><a tabindex="-1" href="https://github.com/apache/incubator-mxnet">Github</a></li>
<li><a tabindex="-1" href="{{url_root}}community/contribute.html">Contribute</a></li>
<li><a tabindex="-1" href="{{url_root}}community/ecosystem.html">Ecosystem</a></li>
<li><a tabindex="-1" href="{{url_root}}community/powered_by.html">Powered By</a></li>
</ul>
</li>
{% for name in ['API'] %}
<li class="dropdown-submenu">
<a href="#" tabindex="-1" role="button" aria-haspopup="true" class="dropdown-toggle burger-link" data-toggle="dropdown">{{name}}</a>
Expand All @@ -88,13 +77,34 @@ <h1 id="logo-wrap">
<li><a tabindex="-1" href="{{url_root}}api/python/gluon/model_zoo.html">Gluon Model Zoo</a></li>
</ul>
</li>
<li class="dropdown-submenu dropdown">
<a href="#" tabindex="-1" aria-haspopup="true" role="button" class="dropdown-toggle burger-link" data-toggle="dropdown">Community</a>
<ul class="dropdown-menu">
<li><a tabindex="-1" href="http://discuss.mxnet.io">Forum</a></li>
<li><a tabindex="-1" href="https://github.com/apache/incubator-mxnet">Github</a></li>
<li><a tabindex="-1" href="{{url_root}}community/contribute.html">Contribute</a></li>
<li><a tabindex="-1" href="{{url_root}}community/ecosystem.html">Ecosystem</a></li>
<li><a tabindex="-1" href="{{url_root}}community/powered_by.html">Powered By</a></li>
</ul>
</li>
<li class="dropdown-submenu dropdown">
<a href="#" tabindex="-1" aria-haspopup="true" role="button" class="dropdown-toggle burger-link" data-toggle="dropdown">Social</a>
<ul class="dropdown-menu">
<li><a tabindex="-1" href="http://discuss.mxnet.io">Forum</a></li>
<li><a tabindex="-1" href="https://medium.com/apache-mxnet">Medium</a></li>
<li><a tabindex="-1" href="https://reddit.com/r/mxnet">Reddit</a></li>
<li><a tabindex="-1" href="https://twitter.com/apachemxnet">Twitter</a></li>
<li><a tabindex="-1" href="https://www.youtube.com/channel/UCQua2ZAkbr_Shsgfk1LCy6A">YouTube</a></li>
</ul>
</li>
<li><a class="main-nav-link" href="https://github.com/dmlc/mxnet">Github</a></li>
</ul>
</div>
<div class="plusIcon dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></a>
<ul id="plusMenu" class="dropdown-menu dropdown-menu-right"></ul>
</div>

<div id="search-input-wrap">
{{searchform('', False)}}
<div id="search-preview"></div>
Expand Down
18 changes: 18 additions & 0 deletions docs/_static/mxnet-theme/social.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<div class="container" id="social-container">
<div class="row">
<div class="col-lg-offset-10 col-lg-2 col-sm-offset-11 col-sm-1">
<div class="col-lg-3">
<a class="main-nav-link social-link" href="https://medium.com/apache-mxnet"><img class="social-logo" src="https://raw.githubusercontent.com/dmlc/web-data/master/mxnet/social/medium.png" alt="medium"/></a>
</div>
<div class="col-lg-3">
<a class="main-nav-link social-link" href="https://reddit.com/r/mxnet"><img class="social-logo" src="https://raw.githubusercontent.com/dmlc/web-data/master/mxnet/social/reddit.png" alt="reddit"/></a>
</div>
<div class="col-lg-3">
<a class="main-nav-link social-link" href="https://twitter.com/apachemxnet"><img class="social-logo" src="https://raw.githubusercontent.com/dmlc/web-data/master/mxnet/social/twitter.png" alt="twitter"/></a>
</div>
<div class="col-lg-3">
<a class="main-nav-link social-link" href="https://www.youtube.com/channel/UCQua2ZAkbr_Shsgfk1LCy6A"><img class="social-logo" src="https://raw.githubusercontent.com/dmlc/web-data/master/mxnet/social/youtube.png" alt="youtube"/></a>
</div>
</div>
</div>
</div>
60 changes: 48 additions & 12 deletions docs/_static/mxnet.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -209,7 +209,7 @@ img {
font-family: AmazonEmber;
display: inline-block;
padding: 0 15px;
font-weight: 500;
font-weight: 500;
}

.main-nav-link:hover {
Expand All @@ -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;
}
Expand All @@ -238,6 +244,36 @@ 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;
}

@media screen and (max-width:768px) {
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;
Expand Down Expand Up @@ -300,7 +336,7 @@ img {
width: 120px;
margin-right: 10px;
}

.searchBox {
width: 120px;
}
Expand Down Expand Up @@ -490,7 +526,7 @@ li.dropdown-submenu ul.dropdown-menu a {
position: fixed;
left: 45px;
}

#burgerMenu {
position: fixed;
left: 0;
Expand All @@ -501,7 +537,7 @@ li.dropdown-submenu ul.dropdown-menu a {
background-attachment: initial;
background-size: cover;
}

#burgerMenu a {
display: block;
font-size: 19px;
Expand All @@ -511,17 +547,17 @@ 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;
}
Expand Down Expand Up @@ -605,7 +641,7 @@ li.dropdown-submenu ul.dropdown-menu a {
#install_blk, #install_blk{
display: block;
}

#install_blk {
padding-left: 0;
margin-top: 0;
Expand Down Expand Up @@ -699,7 +735,7 @@ li.dropdown-submenu ul.dropdown-menu a {
.section-tout .row div {
padding-left: 45px;
}

.section-tout .row p {
padding-bottom: 10px;
}
Expand All @@ -725,7 +761,7 @@ li.dropdown-submenu ul.dropdown-menu a {

.section-util .row div h2 {
font-family: AmazonEmber;
color: #fff;
color: #fff;
}

#model-zoo-blk {
Expand Down
8 changes: 4 additions & 4 deletions docs/_static/searchtools_custom.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,14 +8,14 @@
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are
* met:
*
*
* * Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
*
*
* * Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
*
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
Expand Down Expand Up @@ -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();
});
Expand Down
30 changes: 27 additions & 3 deletions docs/community/contribute.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
# Contributing MXNet
# Contributing to MXNet

Apache MXNet (incubating) is a community led, open source deep learning project. We welcome new members and look forward to your contributions. Here you will find how to get started and links to detailed information on MXNet best practices and processes.

Expand Down Expand Up @@ -62,13 +62,37 @@ 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).
Keep connected with the latest MXNet news and updates.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This whole section renders bad, with the logos not aligned properly. Needs some work.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I started with the community page and hated how ugly that social section was. That's why I added the nav bar. I'll circle back and fix it.

Also I can add higher resolution images. I might need to requestion a 4k monitor 😋

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cool.

I might need to requestion a 4k monitor 😋

I'm sure you can find a manager at AWS that will approve such a request...



#### Medium

<a href="https://medium.com/apache-mxnet"><img src="https://cdn.mos.cms.futurecdn.net/xJGh6cXvC69an86AdrLD98-970-80.jpg" width="100px"/> Regular blogs about MXNet for your morning commute</a>


#### YouTube

<a href="https://www.youtube.com/channel/UCQua2ZAkbr_Shsgfk1LCy6A"><img src="https://techcrunch.com/wp-content/uploads/2017/08/youtube-new-logo.png" width="100px"/>MXNet YouTube channel</a>

<div class="g-ytsubscribe" data-channelid="UCQua2ZAkbr_Shsgfk1LCy6A" data-layout="full" data-count="hidden"></div>

<br/><br/>


#### Twitter

<a href="https://twitter.com/apachemxnet"><img src="https://static01.nyt.com/images/2014/08/10/magazine/10wmt/10wmt-superJumbo-v4.jpg" width="100px"/>Apache MXNet on Twitter</a>

<a href="https://twitter.com/apachemxnet?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-show-count="false">Follow @apachemxnet</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<br/><br/>


#### Reddit

<a href="https://reddit.com/r/mxnet"><img src="https://www.redditstatic.com/spreddit5.gif" alt="reddit" border="0"/> Discuss MXNet on r/mxnet</a>

<br/><br/>
<a href="https://reddit.com/r/mxnet"><img src="https://www.redditstatic.com/spreddit5.gif" alt="reddit" border="0"/> r/mxnet</a>


## JIRA
Expand Down