Merge "Updated Nav Menu"

This commit is contained in:
Zuul 2022-01-04 16:47:07 +00:00 committed by Gerrit Code Review
commit b11504f3e7
2 changed files with 82 additions and 73 deletions

View File

@ -3,7 +3,8 @@
{% else %}{# a template was rendered directly #}
<!-- TEMPLATE_NAME: {{pagename}} -->
{% endif %}
{% include 'os_search_install.html' %}
{% include 'os_search_install.html' %}
{% set osf_base_url = 'https://www.openstack.org' %}
<nav class="navbar navbar-default" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
@ -22,93 +23,90 @@
{% include 'os_search.html' %}
<ul class="nav navbar-nav navbar-main show">
{% include 'os_search_mobile.html' %}
<li>
<a href="https://www.openstack.org/software/" class="drop" id="dropdownMenuSoftware">Software <i class="fa fa-caret-down"></i></a>
<li> <!--Software -->
<a href="{{osf_base_url}}/software/" class="drop" id="dropdownMenuSoftware">Software <i class="fa fa-caret-down"></i></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenuSoftware">
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.openstack.org/software/">Overview</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.openstack.org/software/project-navigator/openstack-components">Project Navigator</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.openstack.org/software/sample-configs/">Sample Configs</a></li>
<li role="presentation" class="divider"></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.openstack.org/software/security/">Security</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.openstack.org/software/start/">Get Started</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.openstack.org/software/roadmap/">Roadmap</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.openstack.org/software/latest-release/">Latest Release</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.openstack.org/software/sourcecode/">Source Code</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/software/">Overview</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/software/project-navigator/openstack-components">OpenStack Components</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/software/project-navigator/sdks">SDKs</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/software/project-navigator/deployment-tools">Deployment Tools</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/assets/software/projectmap/openstack-map.pdf" target="_blank">OpenStack Map</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/software/sample-configs/">Sample Configs</a></li>
</ul>
</li>
<li>
<a href="https://www.openstack.org/user-stories/" class="drop" id="dropdownMenuUsers">Users <i class="fa fa-caret-down"></i></a>
<li> <!-- Use Cases -->
<a href="{{osf_base_url}}/use-cases/" class="drop" id="dropdownMenuUsers">Use Cases <i class="fa fa-caret-down"></i></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenuUsers">
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.openstack.org/user-stories/">Overview</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/use-cases/">Users in Production</a></li>
<li role="presentation" class="divider"></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.openstack.org/telecoms-and-nfv/">Telecoms and NFV</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.openstack.org/enterprise/">OpenStack in the Enterprise</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.openstack.org/appdev/">Application Developers & ISVs</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://superuser.openstack.org/">Superuser Magazine</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.openstack.org/surveys/landing">User Survey</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/use-cases/bare-metal/">Ironic Bare Metal</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/use-cases/edge-computing/">Edge Computing</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/use-cases/telecoms-and-nfv/">Telecom & NFV</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/use-cases/science/">Science and HPC</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/use-cases/containers/">Containers</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/use-cases/enterprise/">Enterprise</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/surveys/landing">User Survey</a></li>
</ul>
</li>
<li>
<a href="https://www.openstack.org/community/" class="drop" id="dropdownMenuCommunity">Community <i class="fa fa-caret-down"></i></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenuCommunity">
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.openstack.org/community/">Welcome! Start Here</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://openinfra.dev/">Open Infrastructure Foundation</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://wiki.openstack.org">OpenStack Wiki</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://groups.openstack.org">User Groups</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.openstack.org/community/speakers/">Speakers Bureau</a></li>
<li role="presentation" class="divider"></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://openinfra.dev/companies/">Supporting Companies</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.openstack.org/community/jobs/">Jobs</a></li>
<li role="presentation" class="divider"></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://openinfra.dev/join/">Join The Community</a></li>
</ul>
</li>
<li>
<a href="https://www.openstack.org/marketplace/">Marketplace</a>
</li>
<li>
<a href="https://www.openstack.org/events/" class="drop" id="dropdownMenuEvents">Events <i class="fa fa-caret-down"></i></a>
<li> <!-- Events -->
<a href="{{osf_base_url}}/events/" class="drop" id="dropdownMenuEvents">Events <i class="fa fa-caret-down"></i></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenuEvents">
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.openstack.org/community/events/">Overview</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.openstack.org/summit/">The OpenStack Summit</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.openstack.org/community/events/">More OpenStack Events</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.openstack.org/community/events/openstackdays">OpenStack Days</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/summit/">Open Infrastructure Summits</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/ptg/">Project Teams Gathering</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/events/opendev-2020/">OpenDev</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/events/community-events/">Community Events</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/events/openstackdays">OpenStack & OpenInfra Days</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/videos/">Summit Videos</a></li>
</ul>
</li>
<li>
<a href="https://www.openstack.org/learn/" class="drop" id="dropdownMenuLearn">Learn <i class="fa fa-caret-down"></i></a>
<li><!-- Community -->
<a href="{{osf_base_url}}/community/" class="drop" id="dropdownMenuCommunity">Community <i class="fa fa-caret-down"></i></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenuCommunity">
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/community/">Welcome! Start Here</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/community/tech-committee">OpenStack Technical Committee</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/community/speakers/">Speakers Bureau</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://wiki.openstack.org">OpenStack Wiki</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/coa/">Get Certified (COA)</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/community/jobs/">Jobs</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/marketing/">Marketing Resources</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/news/">Community News</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://superuser.openstack.org">Superuser Magazine</a></li>
<li role="presentation" class="divider"></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/community/supporting-organizations/">OpenInfra Foundation Supporting Organizations</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://openinfra.dev">Open Infrastructure Foundation (OpenInfra Foundation)</a></li>
</ul>
</li>
<li><!-- Marketplace -->
<a href="{{osf_base_url}}marketplace/" class="drop" id="dropdownMenuLearn">Marketplace <i class="fa fa-caret-down"></i></a>
<ul class="dropdown-menu dropdown-hover" role="menu" aria-labelledby="dropdownMenuEvents">
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.openstack.org/marketplace/training/">Training</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.openstack.org/coa/">Get Certified</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://superuser.openstack.org">Superuser Magazine</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.openstack.org/videos/">Summit Videos</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.openstack.org/analysts/">Analyst Reports</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.openstack.org/news/">News</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.openstack.org/blog/">Blog</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/marketplace/training/">Training</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/marketplace/distros/">Distros & Appliances</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/marketplace/public-clouds/">Public Clouds</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/marketplace/hosted-private-clouds/">Hosted Private Clouds</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/marketplace/remotely-managed-private-clouds/">Remotely Managed Private Clouds</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/marketplace/consulting/">Consulting & Integrators</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="{{osf_base_url}}/marketplace/drivers/">Drivers</a></li>
</ul>
</li>
<li>
<a href="https://docs.openstack.org/">Docs</a>
<li><!-- Blog -->
<a href="{{osf_base_url}}/blog/">Blog</a>
</li>
<li>
</li>
<li>
<li class="join-nav-section">
<a href="https://openinfra.dev/join/" id="dropdownMenuJoin">Join <i class="fa fa-caret-down"></i></a>
<ul class="dropdown-menu dropdown-hover" role="menu" aria-labelledby="dropdownMenuJoin" style="display: none;">
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://openinfra.dev/join/">Sign up for Foundation Membership</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://openinfra.dev">More about the Foundation</a></li>
</ul>
</li>
<li>
<a href="https://www.openstack.org/Security/login/?BackURL=/home/" class="sign-in-btn">Log In</a>
</li>
<li><!-- Docs -->
<a href="http://docs.openstack.org/">Docs</a>
</li>
<li> <!-- Join -->
<li class="join-nav-section">
<a href="https://openinfra.dev/join/" id="dropdownMenuJoin">Join <i class="fa fa-caret-down"></i></a>
<ul class="dropdown-menu dropdown-hover" role="menu" aria-labelledby="dropdownMenuJoin" style="display: none;">
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://openinfra.dev/join/">Sign up for Foundation Membership</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://openinfra.dev/join/">Sponsor the Foundation</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://openinfra.dev">More about the Foundation</a></li>
</ul>
</li>
<li>
<a href="{{osf_base_url}}/Security/login/?BackURL=/home/" class="sign-in-btn">Log In</a>
</li>
</li>
</ul>
</div>
</div>

View File

@ -205,6 +205,17 @@ ul.navbar-main {
font-weight: 400;
text-transform: uppercase; }
.navbar-default ul.navbar-main > li > a.sign-in-btn {
background: #2A4E68;
padding: 7px 25px;
border-radius: 2px;
color: #fff;
margin-top: 7px; }
.navbar-default ul.navbar-main > li > a.sign-in-btn:hover {
background: #286A9D;
color: #fff; }
@media (min-width: 768px) and (max-width: 1025px) {
ul.navbar-main {
margin-top: 1px; }