|
|
Line 7: |
Line 7: |
| //remove the HQ_page id | | //remove the HQ_page id |
| $("#HQ_page").attr('id',''); | | $("#HQ_page").attr('id',''); |
− |
| |
− |
| |
− | //highlight current page on the menu
| |
− | highlight_current_page_menu();
| |
− |
| |
− | //accessing submenus
| |
− | $(".menu_item").click(function(){
| |
− | $(".submenu_control_icon", this).toggleClass("open");
| |
− | $(this).next(".submenu").fadeToggle(400);
| |
− | });
| |
− |
| |
− | //mobile menu access
| |
− | $(".igem_2019_team_mobile_bar").click(function(){
| |
− | $(this).next().toggleClass("displaying_menu");
| |
− | });
| |
| | | |
| }); | | }); |
− |
| |
− |
| |
− | function highlight_current_page_menu() {
| |
− |
| |
− | var page_url="https://2019.igem.org/";
| |
− | page_url = page_url + wgPageName;
| |
− | $("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");
| |
− |
| |
− | }
| |
− | }
| |
| | | |
| | | |
Line 131: |
Line 99: |
| </style> | | </style> |
| | | |
− |
| |
− | <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| |
− | <!--- THIS IS WHERE THE HTML BEGINS --->
| |
− | <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| |
− |
| |
− | <head>
| |
− |
| |
− | <!-- This tells the browser that your page is responsive -->
| |
− | <meta name="viewport" content="width=device-width, initial-scale=1">
| |
− |
| |
− | </head>
| |
− |
| |
− |
| |
− |
| |
− | <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| |
− | <!--- Menu --->
| |
− | <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <div class="igem_2019_team_mobile_bar">
| |
− |
| |
− | <div class="igem_logo_mobile">
| |
− | <img src="https://static.igem.org/mediawiki/2019/3/3c/Igem_mobile_menu_logo.svg">
| |
− | </div>
| |
− |
| |
− |
| |
− | <div class="igem_menu_control_mobile">
| |
− | <img id="menu_control_image" src="https://static.igem.org/mediawiki/2019/e/ee/2019_team_menu_icon.svg">
| |
− | </div>
| |
− |
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <div class="igem_2019_team_menu">
| |
− |
| |
− |
| |
− | <a href="https://2019.igem.org/Team:Example2">
| |
− | <img src="https://placehold.it/350x150/ececec/cecece">
| |
− | </a>
| |
− |
| |
− |
| |
− |
| |
− | <a href="https://2019.igem.org/Team:Example2">
| |
− | <div class="menu_item direct_link">
| |
− | HOME
| |
− | </div>
| |
− | </a>
| |
− |
| |
− | <!-- Team -->
| |
− | <div class="menu_item">
| |
− | <div class="submenu_control_icon"> </div>
| |
− | TEAM
| |
− | </div>
| |
− | <div class="submenu">
| |
− |
| |
− | <a href="https://2019.igem.org/Team:Example2/Team">
| |
− | <div class="submenu_item">
| |
− | Team Members
| |
− | </div>
| |
− | </a>
| |
− |
| |
− | <a href="https://2019.igem.org/Team:Example2/Collaborations">
| |
− | <div class="submenu_item">
| |
− | Collaborations
| |
− | </div>
| |
− | </a>
| |
− | </div>
| |
− |
| |
− |
| |
− | <!-- Project -->
| |
− | <div class="menu_item">
| |
− | <div class="submenu_control_icon"> </div>
| |
− | PROJECT
| |
− | </div>
| |
− | <div class="submenu">
| |
− |
| |
− | <a href="https://2019.igem.org/Team:Example2/Description">
| |
− | <div class="submenu_item">
| |
− | Description
| |
− | </div>
| |
− | </a>
| |
− |
| |
− | <a href="https://2019.igem.org/Team:Example2/Design">
| |
− | <div class="submenu_item">
| |
− | Design
| |
− | </div>
| |
− | </a>
| |
− |
| |
− | <a href="https://2019.igem.org/Team:Example2/Experiments">
| |
− | <div class="submenu_item">
| |
− | Experiments
| |
− | </div>
| |
− | </a>
| |
− |
| |
− |
| |
− | <a href="https://2019.igem.org/Team:Example2/Notebook">
| |
− | <div class="submenu_item">
| |
− | Notebook
| |
− | </div>
| |
− | </a>
| |
− |
| |
− | <a href="https://2019.igem.org/Team:Example2/Contribution">
| |
− | <div class="submenu_item">
| |
− | Contribution
| |
− | </div>
| |
− | </a>
| |
− |
| |
− | <a href="https://2019.igem.org/Team:Example2/Results">
| |
− | <div class="submenu_item">
| |
− | Results
| |
− | </div>
| |
− | </a>
| |
− |
| |
− |
| |
− | <a href="https://2019.igem.org/Team:Example2/Demonstrate">
| |
− | <div class="submenu_item">
| |
− | Demonstrate
| |
− | </div>
| |
− | </a>
| |
− |
| |
− | <a href="https://2019.igem.org/Team:Example2/Improve">
| |
− | <div class="submenu_item">
| |
− | Improve
| |
− | </div>
| |
− | </a>
| |
− |
| |
− | <a href="https://2019.igem.org/Team:Example2/Attributions">
| |
− | <div class="submenu_item">
| |
− | Attributions
| |
− | </div>
| |
− | </a>
| |
− |
| |
− | </div>
| |
− |
| |
− |
| |
− | <div class="menu_item">
| |
− | <div class="submenu_control_icon"> </div>
| |
− | PARTS
| |
− | </div>
| |
− | <div class="submenu">
| |
− |
| |
− | <a href="https://2019.igem.org/Team:Example2/Parts">
| |
− | <div class="submenu_item">
| |
− | Parts Overview
| |
− | </div>
| |
− | </a>
| |
− |
| |
− | <a href="https://2019.igem.org/Team:Example2/Basic_Part">
| |
− | <div class="submenu_item">
| |
− | Basic Parts
| |
− | </div>
| |
− | </a>
| |
− |
| |
− | <a href="https://2019.igem.org/Team:Example2/Composite_Part">
| |
− | <div class="submenu_item">
| |
− | Composite Parts
| |
− | </div>
| |
− | </a>
| |
− |
| |
− | <a href="https://2019.igem.org/Team:Example2/Part_Collection">
| |
− | <div class="submenu_item">
| |
− | Part Collection
| |
− | </div>
| |
− | </a>
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <a href="https://2019.igem.org/Team:Example2/Safety">
| |
− | <div class="menu_item direct_link">
| |
− | SAFETY
| |
− | </div>
| |
− | </a>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <div class="menu_item">
| |
− | <div class="submenu_control_icon"> </div>
| |
− | HUMAN PRACTICES
| |
− | </div>
| |
− |
| |
− | <div class="submenu">
| |
− |
| |
− | <a href="https://2019.igem.org/Team:Example2/Human_Practices">
| |
− | <div class="submenu_item">
| |
− | Human Practices
| |
− | </div>
| |
− | </a>
| |
− |
| |
− |
| |
− | <a href="https://2019.igem.org/Team:Example2/Public_Engagement">
| |
− | <div class="submenu_item">
| |
− | Education & Engagement
| |
− | </div>
| |
− | </a>
| |
− |
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <div class="menu_item">
| |
− | <div class="submenu_control_icon"> </div>
| |
− | AWARDS
| |
− | </div>
| |
− |
| |
− | <div class="submenu">
| |
− |
| |
− | <a href="https://2019.igem.org/Team:Example2/Entrepreneurship">
| |
− | <div class="submenu_item">
| |
− | Entrepreneurship
| |
− | </div>
| |
− | </a>
| |
− |
| |
− | <a href="https://2019.igem.org/Team:Example2/Hardware">
| |
− | <div class="submenu_item">
| |
− | Hardware
| |
− | </div>
| |
− | </a>
| |
− |
| |
− | <a href="https://2019.igem.org/Team:Example2/Measurement">
| |
− | <div class="submenu_item">
| |
− | Measurement
| |
− | </div>
| |
− | </a>
| |
− |
| |
− | <a href="https://2019.igem.org/Team:Example2/Model">
| |
− | <div class="submenu_item">
| |
− | Model
| |
− | </div>
| |
− | </a>
| |
− |
| |
− | <a href="https://2019.igem.org/Team:Example2/Plant">
| |
− | <div class="submenu_item">
| |
− | Plant
| |
− | </div>
| |
− | </a>
| |
− |
| |
− |
| |
− | <a href="https://2019.igem.org/Team:Example2/Software">
| |
− | <div class="submenu_item">
| |
− | Software
| |
− | </div>
| |
− | </a>
| |
− |
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− | <a href="https://igem.org/2019_Judging_Form?team=Example2">
| |
− | <div class="menu_item direct_link">
| |
− | JUDGING FORM ⇗
| |
− | </div>
| |
− | </a>
| |
− |
| |
− |
| |
− |
| |
− | <div class="menu_padding"></div>
| |
− |
| |
| | | |
| | | |
| | | |
| | | |
− | </div>
| |
− | */
| |
| <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> |
| <!--- Content of the page ---> | | <!--- Content of the page ---> |