Difference between revisions of "Template:ASTWS-China"

Line 1: Line 1:
 
<html>
 
<html>
−
    <script>
 
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
−
 
−
$(document).ready(function() {
 
−
 
−
$("#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_2018_team_mobile_bar").click(function(){
 
−
$(this).next().toggleClass("displaying_menu");
 
−
});
 
−
 
−
});
 
−
 
−
 
−
function highlight_current_page_menu() {
 
−
 
−
var page_url="https://2018.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");
 
−
 
−
}
 
−
}
 
−
 
−
 
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
−
    </script>
 
 
     <head>
 
     <head>
 
         <!--Implement Bootstrap-->
 
         <!--Implement Bootstrap-->
Line 50: Line 6:
 
    <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
 
    <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
 
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
        <style>
 +
            #top_title{
 +
                display: none;
 +
            }
 +
            html{
 +
                height:100%;
 +
            }
 +
            body {
 +
                height:100%;
 +
                background-color: white;
 +
            }
 +
        </style>
 
     </head>
 
     </head>
 
     <body>
 
     <body>
Line 61: Line 29:
 
                     <ul class="nav navbar-nav">
 
                     <ul class="nav navbar-nav">
 
                         <li><a href="#">Team</a></li>
 
                         <li><a href="#">Team</a></li>
−
                         <li><a href="#">Project</a></li>
+
                         <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project
 +
                                <b class="caret"></b>
 +
                            </a>
 +
                            <ul class="dropdown-menu">
 +
                                <li><a href="#">Description</a></li>
 +
                                <li class="divider"></li>
 +
                            </ul>
 +
                        </li>
 
                         <li class="dropdown">
 
                         <li class="dropdown">
 
                             <a href="#" class="dropdown-toggle" data-toggle="dropdown">Lab Work
 
                             <a href="#" class="dropdown-toggle" data-toggle="dropdown">Lab Work

Revision as of 02:37, 30 July 2018