Merge pull request #66 from shiftlab/update-footer

Update footer

Author: brucejlin1

images/logo-youtube-dark.svg

@@ -365,25 +365,24 @@ <h2>Resources</h2>
             <li><a href="{{ theme_variables.external_urls['features'] }}">Features</a></li>
             <li><a href="{{ theme_variables.external_urls['ecosystem'] }}">Ecosystem</a></li>
             <li><a href="{{ theme_variables.external_urls['blog'] }}">Blog</a></li>
-            <li><a href="{{ theme_variables.external_urls['resources'] }}">Resources</a></li>
+            <li><a href="{{ theme_variables.external_urls['contributing'] }}">Contributing</a></li>
           </ul>
         </div>
 
         <div class="footer-links-col">
           <ul>
-            <li class="list-title"><a href="{{ theme_variables.external_urls['support'] }}">Support</a></li>
+            <li class="list-title"><a href="{{ theme_variables.external_urls['resources'] }}">Resources</a></li>
             <li><a href="{{ theme_variables.external_urls['tutorials'] }}">Tutorials</a></li>
             <li><a href="{{ theme_variables.external_urls['docs'] }}">Docs</a></li>
             <li><a href="{{ theme_variables.external_urls['discuss'] }}" target="_blank">Discuss</a></li>
             <li><a href="{{ theme_variables.external_urls['github_issues'] }}" target="_blank">Github Issues</a></li>
-            <li><a href="{{ theme_variables.external_urls['slack'] }}" target="_blank">Slack</a></li>
-            <li><a href="{{ theme_variables.external_urls['contributing'] }}" target="_blank">Contributing</a></li>
+            <li><a href="{{ theme_variables.external_urls['brand_guidelines'] }}" target="_blank">Brand Guidelines</a></li>
           </ul>
         </div>
 
         <div class="footer-links-col follow-us-col">
           <ul>
-            <li class="list-title">Follow Us</li>
+            <li class="list-title">Stay Connected</li>
             <li>
               <div id="mc_embed_signup">
                 <form
@@ -420,6 +419,7 @@ <h2>Resources</h2>
           <div class="footer-social-icons">
             <a href="{{ theme_variables.external_urls['facebook'] }}" target="_blank" class="facebook"></a>
             <a href="{{ theme_variables.external_urls['twitter'] }}" target="_blank" class="twitter"></a>
+            <a href="{{ theme_variables.external_urls['youtube'] }}" target="_blank" class="youtube"></a>
           </div>
         </div>
       </div>

pytorch_sphinx_theme/layout.html

@@ -17,6 +17,8 @@
   'resources': 'https://pytorch.org/resources',
   'support': 'https://pytorch.org/support',
   'mobile': 'https://pytorch.org/mobile',
-  'hub': 'https://pytorch.org/hub'
+  'hub': 'https://pytorch.org/hub',
+  'youtube': 'https://www.youtube.com/pytorch',
+  'brand_guidelines': 'https://pytorch.org/assets/brand-guidelines/PyTorch-Brand-Guidelines.pdf'
 }
 -%}

pytorch_sphinx_theme/static/css/theme.css

@@ -1,7 +1,7 @@
 .site-footer {
   padding: rem(40px) 0;
   width: 100%;
-  background-image: url("../images/home-footer-background.jpg");
+  background: $black;
   background-size: 100%;
   margin-left: 0;
   margin-right: 0;
@@ -25,7 +25,7 @@
   ul li {
     font-size: rem(18px);
     line-height: rem(32px);
-    color: $dark_grey;
+    color: #A0A0A1;
     padding-bottom: rem(6px);
 
     &.list-title {
@@ -197,6 +197,12 @@
       background-size: 17px 17px;
       background-repeat: no-repeat;
     }
+
+    &.youtube {
+      background-image: url("../images/logo-youtube-dark.svg");
+      background-position: center center;
+      background-repeat: no-repeat;
+    }
   }
 }