|
|
(30 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
| <html> | | <html> |
| | | |
− | <style> | + | <script> |
− | .dropdown:hover .dropdown-menu {
| + | |
− | display: block;
| + | |
− | }
| + | |
| | | |
− | .dropdown-backdrop {position: static;}
| + | //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// |
| | | |
− | #navbar {top: 0px;}
| |
| | | |
− | #header h1 {margin: 0px;}
| + | $(document).ready(function() { |
| | | |
− | body {margin: 0;}
| |
| | | |
− | nav.navbar {padding-bottom: 10px;}
| + | //remove the HQ_page id |
| | | |
− | .navbar {z-index: 100; top: 0px; position: fixed; width: 100%;} | + | $("#HQ_page").attr('id',''); |
| | | |
− | .nav-link {font-family: Raleway, Montserrat, Ariel, sans-serif !important;color: #001438;}
| |
| | | |
− | a:visited {font-family: Raleway, Montserrat, Ariel, sans-serif !important;color: #001438;}
| |
| | | |
− | .dropdown-toggle::after {display:none;}
| + | //highlight current page on the menu |
| | | |
− | .navbar-toggler:not(:disabled):not(.disabled) {position: relative;}
| + | highlight_current_page_menu(); |
| | | |
− | #navbarDropdownMenuLink {font-family: Raleway, Montserrat, Ariel, sans-serif !important; color: #FFF;}
| |
| | | |
− | #navbarDropdown {font-family: Raleway, Montserrat, Ariel, sans-serif !important;color: #FFF;}
| + | //accessing submenus |
| | | |
− | #navbar-brand {height: 60px;}
| + | $(".menu_item").click(function(){ |
| | | |
− | .navbar-toggler {font-family: Raleway, Montserrat, Ariel, sans-serif !important;color: #FFF;} | + | $(".submenu_control_icon", this).toggleClass("open"); |
| | | |
− | .navbar-nav .nav-link {color: #FFF;} | + | $(this).next(".submenu").fadeToggle(400); |
| | | |
− | </style>
| + | }); |
| | | |
− | <nav class="navbar navbar-expand-lg navbar-light carroll" style=" background-color: #001438">
| |
− | <a class="navbar-brand" href="https://2019.igem.org/Team:US_AFRL_CarrollHS" style="color: white;">US_AFRL_CarrollHS</a>
| |
− | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
| |
− | <span class="navbar-toggler-icon"></span>
| |
− | </button>
| |
| | | |
− | <div class="collapse navbar-collapse" id="navbarSupportedContent">
| + | //mobile menu access |
− | <ul class="navbar-nav mr-auto">
| + | |
| | | |
− | <li class="nav-item dropdown">
| + | $(".igem_2019_team_mobile_bar").click(function(){ |
− | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| + | |
− | Team
| + | |
− | </a>
| + | |
− | <div class="dropdown-menu" aria-labelledby="navbarDropdown">
| + | |
− | <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Team">Team</a>
| + | |
− | <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Collaborations">Collaborations</a>
| + | |
− | </div>
| + | |
− | </li>
| + | |
| | | |
− | <li class="nav-item dropdown">
| + | $(this).next().toggleClass("displaying_menu"); |
− | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| + | |
− | Project
| + | }); |
− | </a>
| + | |
− | <div class="dropdown-menu" aria-labelledby="navbarDropdown">
| + | |
− | <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Description">Description</a>
| + | }); |
− | <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Design">Design</a>
| + | |
− | <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Experiments">Experiments</a>
| + | |
− | <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Notebook">Notebook</a>
| + | |
− | <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Contribution">Contribution</a>
| + | function highlight_current_page_menu() { |
− | <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Results">Results</a>
| + | |
− | <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Demonstrate">Demonstrate</a>
| + | |
− | <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Improve">Improve</a>
| + | var page_url="https://2019.igem.org/"; |
− | <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Attributions">Attributions</a>
| + | |
− | </div>
| + | page_url = page_url + wgPageName; |
− | </li>
| + | |
| + | $("a[href$='"+ page_url +"']").children().addClass("current_page"); |
| + | |
| + | |
| + | //if the page is in a submenu, open the submenu and make the appropiate changes |
| + | |
| + | if( $( ".current_page" ).hasClass( "submenu_item" )){ |
| + | |
| + | |
| + | $(".current_page").parent().parent().fadeToggle(400); |
| + | |
| + | $(".current_page").parent().parent().prev().addClass("current_page"); |
| + | |
| + | $(".menu_item.current_page > .submenu_control_icon").toggleClass("open"); |
| + | |
| + | |
| + | } |
| + | |
| + | } |
| | | |
− | <li class="nav-item dropdown">
| |
− | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| |
− | Parts
| |
− | </a>
| |
− | <div class="dropdown-menu" aria-labelledby="navbarDropdown">
| |
− | <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Parts">Parts Overview</a>
| |
− | <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Basic_Part">Basic Parts</a>
| |
− | <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Composite_Part">Composite Parts</a>
| |
− | <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Part_Collection">Part Collection</a>
| |
− | </div>
| |
− | </li>
| |
| | | |
− | <li class="nav-item">
| |
− | <a class="nav-link" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Safety" style="color: white;">Safety</a>
| |
| | | |
− | <li class="nav-item dropdown">
| + | //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// |
− | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| + | |
− | Human Practices
| + | |
− | </a>
| + | |
− | <div class="dropdown-menu" aria-labelledby="navbarDropdown">
| + | |
− | <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Human_Practices">Human Practices</a>
| + | |
− | <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Public_Engagement">Education & Engagement</a>
| + | |
− | </div>
| + | |
− | </li>
| + | |
| | | |
− | <li class="nav-item dropdown">
| + | </script> |
− | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| + | |
− | Awards
| + | |
− | </a>
| + | |
− | <div class="dropdown-menu" aria-labelledby="navbarDropdown">
| + | |
− | <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Entrepreneurship">Entrepreneurship</a>
| + | |
− | <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Hardware">Hardware</a>
| + | |
− | <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Measurement">Measurement</a>
| + | |
− | <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Model">Model</a>
| + | |
− | <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Plant">Plant</a>
| + | |
− | <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Software">Software</a>
| + | |
− | </div>
| + | |
− | </li>
| + | |
| | | |
− | <li class="nav-item">
| |
− | <a class="nav-link" href="https://igem.org/2019_Judging_Form?team=US_AFRL_CarrollHS" style="color: white;">Judging Form</a>
| |
− | </li>
| |
| | | |
− | <li class="nav-item"style=" color: #FFF">
| |
− | <a class="nav-link" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/WikiGuide" style="color: white;">Wiki Guide</a>
| |
− | </li>
| |
− | </div>
| |
− | </nav>
| |
| </html> | | </html> |