(Created page with "<html> <script> // This is the jquery part of your template. // Try not modify any of this code too much since it makes your menu work. $(document).ready(function() {...") |
|||
Line 3: | Line 3: | ||
<script> | <script> | ||
− | // This is the jquery part of your template. | + | // This is the jquery part of your template. |
// Try not modify any of this code too much since it makes your menu work. | // Try not modify any of this code too much since it makes your menu work. | ||
Line 10: | Line 10: | ||
$("#HQ_page").attr('id',''); | $("#HQ_page").attr('id',''); | ||
− | // call the functions that control the menu | + | // call the functions that control the menu |
− | menu_functionality(); | + | menu_functionality(); |
hide_show_menu(); | hide_show_menu(); | ||
Line 22: | Line 22: | ||
$(".menu_button").click(function(){ | $(".menu_button").click(function(){ | ||
− | // add or remove the class "open" , this class holds the "-" | + | // add or remove the class "open" , this class holds the "-" |
$(this).children().toggleClass("open"); | $(this).children().toggleClass("open"); | ||
− | // show or hide the submenu | + | // show or hide the submenu |
$(this).next('.submenu_wrapper').fadeToggle(400); | $(this).next('.submenu_wrapper').fadeToggle(400); | ||
}); | }); | ||
Line 33: | Line 33: | ||
}); | }); | ||
− | // call the current page highlight function | + | // call the current page highlight function |
highlight_current_page(); | highlight_current_page(); | ||
} | } | ||
Line 48: | Line 48: | ||
// change the +/- symbol of the corresponding menu button | // change the +/- symbol of the corresponding menu button | ||
$(".current_page").parents(".submenu_wrapper").prev().children().toggleClass("open"); | $(".current_page").parents(".submenu_wrapper").prev().children().toggleClass("open"); | ||
− | + | ||
} | } | ||
Line 55: | Line 55: | ||
// allow button on the black menu bar to show/hide the side menu | // allow button on the black menu bar to show/hide the side menu | ||
function hide_show_menu() { | function hide_show_menu() { | ||
− | + | ||
− | // in case you preview mode is selected, the menu is hidden for better visibility | + | // in case you preview mode is selected, the menu is hidden for better visibility |
if (window.location.href.indexOf("submit") >= 0) { | if (window.location.href.indexOf("submit") >= 0) { | ||
$(".igem_2017_menu_wrapper").hide(); | $(".igem_2017_menu_wrapper").hide(); | ||
Line 70: | Line 70: | ||
// show/hide the menu wrapper | // show/hide the menu wrapper | ||
$(".igem_2017_menu_wrapper").fadeToggle("100"); | $(".igem_2017_menu_wrapper").fadeToggle("100"); | ||
− | }); | + | }); |
− | } | + | } |
// because the black menu bars loads at a different time than the rest of the page, this function is set on a time out so it can run again in case it has not been loaded yet | // because the black menu bars loads at a different time than the rest of the page, this function is set on a time out so it can run again in case it has not been loaded yet | ||
Line 84: | Line 84: | ||
</script> | </script> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 453: | Line 90: | ||
− | <head> | + | <head> |
<!-- This tells the browser that your page is responsive --> | <!-- This tells the browser that your page is responsive --> | ||
− | <meta name="viewport" content="width=device-width, initial-scale=1"> | + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
</head> | </head> | ||
Line 473: | Line 110: | ||
<!-- this div is hidden by default and will only be displayed if the screen size is too small --> | <!-- this div is hidden by default and will only be displayed if the screen size is too small --> | ||
<div class="menu_button" id="display_menu_control"> | <div class="menu_button" id="display_menu_control"> | ||
− | MENU | + | MENU |
− | </div> | + | </div> |
<div id="menu_content"> | <div id="menu_content"> | ||
− | + | ||
Line 484: | Line 121: | ||
<div class="menu_button direct_to_page"> | <div class="menu_button direct_to_page"> | ||
HOME | HOME | ||
− | </div> | + | </div> |
</a> | </a> | ||
Line 490: | Line 127: | ||
<div class="menu_button"> | <div class="menu_button"> | ||
− | <div class="expand_collapse_icon"> </div> TEAM | + | <div class="expand_collapse_icon"> </div> TEAM |
− | </div> | + | </div> |
<div class="submenu_wrapper" id="team_submenu"> | <div class="submenu_wrapper" id="team_submenu"> | ||
− | + | ||
<a href="https://2017.igem.org/Team:Toronto/Team"> | <a href="https://2017.igem.org/Team:Toronto/Team"> | ||
<div class="submenu_button" id="Team_page"> | <div class="submenu_button" id="Team_page"> | ||
− | Team | + | Team |
</div> | </div> | ||
</a> | </a> | ||
Line 506: | Line 143: | ||
</div> | </div> | ||
</a> | </a> | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | ||
− | + | ||
<div class="menu_button"> | <div class="menu_button"> | ||
<div class="expand_collapse_icon"> </div> PROJECT | <div class="expand_collapse_icon"> </div> PROJECT | ||
− | </div> | + | </div> |
<!-- project submenu --> | <!-- project submenu --> | ||
<div class="submenu_wrapper"> | <div class="submenu_wrapper"> | ||
− | + | ||
<a href="https://2017.igem.org/Team:Toronto/Description"> | <a href="https://2017.igem.org/Team:Toronto/Description"> | ||
<div class="submenu_button" id="Description_page"> | <div class="submenu_button" id="Description_page"> | ||
Line 585: | Line 222: | ||
<a href="https://2017.igem.org/Team:Toronto/Attributions"> | <a href="https://2017.igem.org/Team:Toronto/Attributions"> | ||
<div class="submenu_button" id="Attributions_page"> | <div class="submenu_button" id="Attributions_page"> | ||
− | Attributions | + | Attributions |
</div> | </div> | ||
</a> | </a> | ||
Line 591: | Line 228: | ||
</div> | </div> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div class="menu_button"> | <div class="menu_button"> | ||
<div class="expand_collapse_icon"> </div> PARTS | <div class="expand_collapse_icon"> </div> PARTS | ||
</div> | </div> | ||
− | + | ||
<!-- parts submenu --> | <!-- parts submenu --> | ||
<div class="submenu_wrapper"> | <div class="submenu_wrapper"> | ||
− | + | ||
<a href="https://2017.igem.org/Team:Toronto/Parts"> | <a href="https://2017.igem.org/Team:Toronto/Parts"> | ||
<div class="submenu_button" id="Parts_page"> | <div class="submenu_button" id="Parts_page"> | ||
Parts | Parts | ||
− | </div> | + | </div> |
</a> | </a> | ||
Line 626: | Line 263: | ||
</div> | </div> | ||
</a> | </a> | ||
− | </div> | + | </div> |
+ | |||
+ | |||
+ | |||
+ | |||
− | |||
− | |||
− | |||
− | |||
<a href="https://2017.igem.org/Team:Toronto/Safety"> | <a href="https://2017.igem.org/Team:Toronto/Safety"> | ||
<div class="menu_button direct_to_page"> | <div class="menu_button direct_to_page"> | ||
SAFETY | SAFETY | ||
− | </div> | + | </div> |
</a> | </a> | ||
Line 646: | Line 283: | ||
<div class="menu_button" > | <div class="menu_button" > | ||
− | <div class="expand_collapse_icon"> </div> HUMAN PRACTICES | + | <div class="expand_collapse_icon"> </div> HUMAN PRACTICES |
− | </div> | + | </div> |
<!-- human practices submenu --> | <!-- human practices submenu --> | ||
Line 667: | Line 304: | ||
<a href="https://2017.igem.org/Team:Toronto/Engagement"> | <a href="https://2017.igem.org/Team:Toronto/Engagement"> | ||
<div class="submenu_button" id="Engagement_page"> | <div class="submenu_button" id="Engagement_page"> | ||
− | Public Engagement | + | Public Engagement |
</div> | </div> | ||
</a> | </a> | ||
Line 676: | Line 313: | ||
<div class="menu_button"> | <div class="menu_button"> | ||
<div class="expand_collapse_icon"> </div> AWARDS | <div class="expand_collapse_icon"> </div> AWARDS | ||
− | </div> | + | </div> |
<!-- awards submenu --> | <!-- awards submenu --> | ||
Line 724: | Line 361: | ||
</a> | </a> | ||
− | </div> | + | </div> |
<a href="https://igem.org/2017_Judging_Form?team=Toronto"> | <a href="https://igem.org/2017_Judging_Form?team=Toronto"> | ||
<div class="menu_button direct_to_page"> | <div class="menu_button direct_to_page"> | ||
JUDGING FORM | JUDGING FORM | ||
− | </div> | + | </div> |
</a> | </a> | ||
− | + | ||
<div class="menu_bottom_padding" > | <div class="menu_bottom_padding" > | ||
− | </div> | + | </div> |
− | + | ||
</div> | </div> | ||
Revision as of 15:51, 27 October 2017