Move Hub link (#66)

* wip move hub link to resources dropdown

* remove css for active class

* wip add resources option to array

* Add resource dropdown options to array for readability

* updates based on PR feedback

Co-authored-by: Brandon Green <brandon@shiftlabny.com>

Author: Bgreen23

_includes/main_menu.html

@@ -4,22 +4,12 @@
       <a href="{{ site.baseurl }}/get-started">Get Started</a>
     </li>
 
-    <li class="main-menu-item {% if current[1] == 'ecosystem' or current[1] == 'hub' %}active{% endif %}">
+    <li class="main-menu-item {% if current[1] == 'ecosystem' %}active{% endif %}">
 
       <div id="dropdownMenuButton" data-toggle="ecosystem-dropdown" class="ecosystem-dropdown">
-        <a class="ecosystem-option with-right-white-arrow">
+        <a class="ecosystem-option" href="{{ site.baseurl }}/ecosystem">
           Ecosystem
         </a>
-        <div class="ecosystem-dropdown-menu">
-          <a class="nav-dropdown-item" href="{{ site.baseurl }}/hub">
-            <span class=dropdown-title>Models (Beta)</span>
-            <p>Discover, publish, and reuse pre-trained models</p>
-          </a>
-          <a class="nav-dropdown-item" href="{{ site.baseurl }}/ecosystem">
-            <span class=dropdown-title>Tools & Libraries</span>
-            <p>Explore the ecosystem of tools and libraries</p>
-          </a>
-        </div>
       </div>
     </li>
 
@@ -39,7 +29,9 @@
       <a href="{{ site.baseurl }}/docs">Docs</a>
     </li>
 
-    <li class="main-menu-item {% if current[1] == 'resources' or current[1] == 'features' %}active{% endif %}">
+    {% assign resources = "resources, features, hub" | split: ", " %}
+
+    <li class="main-menu-item {% if resources contains current[1] %}active{% endif %}">
 
       <div id="resourcesDropdownButton" data-toggle="resources-dropdown" class="resources-dropdown">
         <a class="resource-option with-right-white-arrow">
@@ -54,6 +46,10 @@
             <span class=dropdown-title>About</span>
             <p>Learn about PyTorch’s features and capabilities</p>
           </a>
+          <a class="nav-dropdown-item" href="{{ site.baseurl }}/hub">
+            <span class=dropdown-title>Models (Beta)</span>
+            <p>Discover, publish, and reuse pre-trained models</p>
+          </a>
           <a class="nav-dropdown-item" href="{{ site.baseurl }}/#community-module">
             <span class=dropdown-title>Community</span>
             <p>Join the PyTorch developer community to contribute, learn, and get your questions answered.</p>

assets/main-menu-dropdown.js

@@ -1,8 +1,3 @@
-$("[data-toggle='ecosystem-dropdown']").hover(function() {
-  toggleDropdown($(this).attr("data-toggle"));
-  toggleArrowClass(".ecosystem-option");
-});
-
 $("[data-toggle='resources-dropdown']").hover(function() {
   toggleDropdown($(this).attr("data-toggle"));
   toggleArrowClass(".resource-option");