Difference between revisions of "Template:NEU China B"

Line 1: Line 1:
 
<html>
 
<html>
 
<script>
 
<script>
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
    ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
−
$(document).ready(function() {
+
    $(document).ready(function () {
  
−
$("#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_2018_team_mobile_bar").click(function(){
 
−
$(this).next().toggleClass("displaying_menu");
 
−
});
 
−
 
−
});
 
  
 +
        //highlight current page on the menu
 +
        highlight_current_page_menu();
  
−
function highlight_current_page_menu() {
+
        //accessing submenus
−
+
        $(".menu_item").click(function () {
−
var page_url="https://2018.igem.org/";
+
            $(".submenu_control_icon", this).toggleClass("open");
−
page_url = page_url + wgPageName;
+
            $(this).next(".submenu").fadeToggle(400);
−
$("a[href$='"+ page_url +"']").children().addClass("current_page");
+
        });
−
+
 
−
//if the page is in a submenu, open the submenu and make the appropiate changes
+
        //mobile menu access
−
if( $( ".current_page" ).hasClass( "submenu_item" )){
+
        $(".igem_2018_team_mobile_bar").click(function () {
−
+
            $(this).next().toggleClass("displaying_menu");
−
$(".current_page").parent().parent().fadeToggle(400);
+
        });
−
$(".current_page").parent().parent().prev().addClass("current_page");
+
 
−
$(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
+
    });
−
+
 
−
}
+
 
−
}
+
    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");
 +
 
 +
        }
 +
    }
  
  
Line 47: Line 47:
  
 
<style>
 
<style>
−
/**************************************************************************************************************************************************************************************************/
+
    /**************************************************************************************************************************************************************************************************/
  
  
Line 506: Line 506:
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
−
<head>  
+
<head>
  
−
<meta charset="utf-8">
+
    <meta charset="utf-8">
−
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
        <meta name="viewport" content="width=device-width, initial-scale=1">
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
−
        <title>Title Page</title>
+
    <title>Title Page</title>
−
        <!-- Bootstrap CSS -->
+
    <!-- Bootstrap CSS -->
−
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
+
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
−
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+
    <script src="https://cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></script>
−
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
−
        <!--[if lt IE 9]>
+
−
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.3/html5shiv.js"></script>
+
−
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+
−
        <![endif]-->
+
−
        <script src="https://cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></script>
+
−
        <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
 
</head>
 
</head>
  
Line 529: Line 523:
 
<!--- Menu --->
 
<!--- Menu --->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
 
−
 
−
 
  
 
<div class="igem_2018_team_mobile_bar">
 
<div class="igem_2018_team_mobile_bar">
−
 
−
<div class="igem_logo_mobile">
 
−
<img src="https://static.igem.org/mediawiki/2018/4/4f/2018_igem_mobile_menu_logo.svg">
 
−
</div>
 
  
 +
    <div class="igem_logo_mobile">
 +
        <img src="https://static.igem.org/mediawiki/2018/4/4f/2018_igem_mobile_menu_logo.svg">
 +
    </div>
  
−
<div class="igem_menu_control_mobile">
 
−
<img id="menu_control_image" src="https://static.igem.org/mediawiki/igem.org/3/3b/Menu_icon.svg">
 
−
</div>
 
−
 
−
</div>
 
  
 +
    <div class="igem_menu_control_mobile">
 +
        <img id="menu_control_image" src="https://static.igem.org/mediawiki/igem.org/3/3b/Menu_icon.svg">
 +
    </div>
  
 +
</div>
  
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!--- Content of the page  --->
 
<!--- Content of the page  --->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
  <nav class="navbar navbar-default navbar-fixed-top" role="navigation" style="margin-top: 20px">
+
<style>
−
            <!-- Brand and toggle get grouped for better mobile display -->
+
    .bs-docs-nav {
−
            <div class="navbar-header">
+
    background-color: #f8f8f8;
−
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
+
    border-color: #e7e7e7;
−
                    <span class="sr-only">Toggle navigation</span>
+
    }
−
                    <span class="icon-bar"></span>
+
    .nav .navbar-nav>li .dropdown-menu {margin:0;}
−
                    <span class="icon-bar"></span>
+
    .nav .navbar-nav>li:hover .dropdown-menu{display:block;}
−
                    <span class="icon-bar"></span>
+
    .navbar .nav > li .dropdown-menu {margin: 0;}  
−
                </button>
+
    .navbar .nav > li:hover .dropdown-menu {display: block;}
−
                <a class="navbar-brand" href="#">NEU_China_B</a>
+
    .rightbottom{position:fixed;bottom:50px;right:50px;}
−
            </div>
+
</style>
−
          
+
<header class="navbar navbar-static-top bs-docs-nav" style="margin-top: 15px" id="top">
−
            <!-- Collect the nav links, forms, and other content for toggling -->
+
    <div class="container">
−
            <div class="collapse navbar-collapse navbar-ex1-collapse">
+
        <div class="navbar-header">
−
                <ul class="nav navbar-nav">
+
            <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#bs-navbar"
−
                    <li class="active"><a href="#">Link</a></li>
+
                aria-controls="bs-navbar" aria-expanded="false">
−
                    <li><a href="#">Link</a></li>
+
                <span class="sr-only">Toggle navigation</span>
−
                </ul>
+
                <span class="icon-bar"></span>
−
                <ul class="nav navbar-nav navbar-right">
+
                <span class="icon-bar"></span>
−
                    <li><a href="#">Link</a></li>
+
                <span class="icon-bar"></span>
−
                    <li class="dropdown">
+
            </button>
−
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+
            <a href="/" class="navbar-brand">NEU_China_B</a>
−
                        <ul class="dropdown-menu">
+
        </div>
−
                            <li><a href="#">Action</a></li>
+
         <nav id="bs-navbar" class="collapse navbar-collapse">
−
                            <li><a href="#">Another action</a></li>
+
            <ul class="nav navbar-nav">
−
                            <li><a href="#">Something else here</a></li>
+
                <li class="dropdown">
−
                            <li><a href="#">Separated link</a></li>
+
                    <a href="#">Project<span class="caret"></span></a>
−
                        </ul>
+
                    <ul class="dropdown-menu">
−
                    </li>
+
                         <li><a href="#">background</a></li>
−
                </ul>
+
                         <li>
−
            </div><!-- /.navbar-collapse -->
+
                             <a href="https://2018.igem.org/Team:NEU_China_B/Description">
−
        </nav>
+
                                 Description
−
 
+
−
<div class="container_fluid" style="margin-top: 70px">
+
−
            <div class="col-md-3 col-lg-3">
+
−
                    <ul class="nav nav-pills nav-stacked">
+
−
                        <li><a href="https://2018.igem.org/Team:NEU_China_B">HOME</a></li>
+
−
                         <li><a href="#">Team</a></li>
+
−
                         <ul>
+
−
                            <li>
+
−
                                <a href="https://2018.igem.org/Team:NEU_China_B/Team">
+
−
                                    Team Members
+
−
                                </a>
+
−
                             </li>
+
−
                            <li>
+
−
                                <a href="https://2018.igem.org/Team:NEU_China_B/Collaborations">
+
−
                                    Collaborations
+
−
                                 </a>
+
−
                            </li>
+
−
                        </ul>
+
−
                      <li><a href="#">PROJECT</a></li>
+
−
                      <ul>
+
−
                            <li>
+
−
                                <a href="https://2018.igem.org/Team:NEU_China_B/Description">
+
−
                                    Description
+
−
                                </a>
+
−
                            </li>
+
−
                            <li>
+
−
                                <a href="https://2018.igem.org/Team:NEU_China_B/Design">
+
−
                                    Design
+
−
                                </a>
+
−
                            </li>           
+
−
                            <li>
+
−
                                <a href="https://2018.igem.org/Team:NEU_China_B/Experiments">
+
−
                                    Experiments
+
−
                                </a>
+
−
                            </li>
+
−
                            <li>
+
−
                                <a href="https://2018.igem.org/Team:NEU_China_B/Notebook">
+
−
                                            Notebook
+
−
                                </a>
+
−
                            </li>
+
−
                            <li>
+
−
                                <a href="https://2018.igem.org/Team:NEU_China_B/InterLab">
+
−
                                    InterLab
+
−
                                </a>
+
−
                            </li>
+
−
                            <li>
+
−
                                <a href="https://2018.igem.org/Team:NEU_China_B/Model">
+
−
                                    Model
+
−
                                </a>
+
−
                            </li>
+
−
                            <li>
+
−
                                <a href="https://2018.igem.org/Team:NEU_China_B/Results">
+
−
                                    Results
+
−
                                </a>
+
−
                            </li>
+
−
                            <li>
+
−
                                <a href="https://2018.igem.org/Team:NEU_China_B/Demonstrate">
+
−
                                    Demonstrate
+
−
                                </a>
+
−
                            </li>
+
−
                            <li>
+
−
                                <a href="https://2018.igem.org/Team:NEU_China_B/Improve">
+
−
                                    Improve
+
−
                                </a>
+
−
                            </li>
+
−
                            <li>
+
−
                                <a href="https://2018.igem.org/Team:NEU_China_B/Attributions">
+
−
                                    Attributions
+
−
                                </a>
+
−
                            </li>
+
−
                      </ul>
+
−
                      <li><a href="#">PARTS</a></li>
+
−
                      <ul>
+
−
                          <li>
+
−
                                <a href="https://2018.igem.org/Team:NEU_China_B/Parts">
+
−
                                    Parts Overview
+
−
                                </a>
+
−
                          </li>
+
−
                          <li>
+
−
                                <a href="https://2018.igem.org/Team:NEU_China_B/Basic_Part">
+
−
                                    Basic Parts
+
−
                                </a>
+
−
                          </li>
+
−
                          <li>
+
−
                                <a href="https://2018.igem.org/Team:NEU_China_B/Composite_Part">
+
−
                                    Composite Parts
+
−
                                </a>
+
−
                          </li>
+
−
                          <li>
+
−
                                <a href="https://2018.igem.org/Team:NEU_China_B/Part_Collection">
+
−
                                    Part Collection
+
−
                                </a>
+
−
                          </li>
+
−
                      </ul>
+
−
                      <li><a href="https://2018.igem.org/Team:NEU_China_B/Safety">SAFETY</a></li>
+
−
                      <li><a href="#">HUMAN PRACTICES</a></li>
+
−
                      <ul>
+
−
                          <li>
+
−
                                <a href="https://2018.igem.org/Team:NEU_China_B/Human_Practices">
+
−
                                    Human Practices
+
−
                                </a>
+
−
                          </li>
+
−
                          <li>
+
−
                                <a href="https://2018.igem.org/Team:NEU_China_B/Public_Engagement">
+
−
                                    Education & Engagement
+
−
                                </a>
+
−
                          </li>
+
−
                           
+
−
                      </ul>
+
−
                      <li><a href="#">AWARDS</a></li>
+
−
                      <ul>
+
−
                            <a href="https://2018.igem.org/Team:NEU_China_B/Applied_Design">
+
−
                                <div class="submenu_item">
+
−
                                    Applied Design
+
−
                                </div>
+
 
                             </a>
 
                             </a>
−
               
+
                        </li>
−
                             <a href="https://2018.igem.org/Team:NEU_China_B/Entrepreneurship">
+
                        <li>
−
                                 <div class="submenu_item">
+
                             <a href="https://2018.igem.org/Team:NEU_China_B/Design">
−
                                    Entrepreneurship
+
                                 Design
−
                                </div>
+
 
                             </a>
 
                             </a>
−
               
+
                        </li>
−
                             <a href="https://2018.igem.org/Team:NEU_China_B/Hardware">
+
                        <li><a href="#">application</a></li>
−
                                 <div class="submenu_item">
+
                        <li>
−
                                    Hardware
+
                             <a href="https://2018.igem.org/Team:NEU_China_B/Results">
−
                                </div>
+
                                 Results
 
                             </a>
 
                             </a>
−
               
+
                        </li>
−
                             <a href="https://2018.igem.org/Team:NEU_China_B/Measurement">
+
                        <li>
−
                                 <div class="submenu_item">
+
                             <a href="https://2018.igem.org/Team:NEU_China_B/Improve">
−
                                    Measurement
+
                                 Improvement
−
                                </div>
+
 
                             </a>
 
                             </a>
−
               
+
                        </li>
 +
                        <li>
 
                             <a href="https://2018.igem.org/Team:NEU_China_B/Model">
 
                             <a href="https://2018.igem.org/Team:NEU_China_B/Model">
−
                                 <div class="submenu_item">
+
                                 Models
−
                                    Model
+
−
                                </div>
+
 
                             </a>
 
                             </a>
−
                  
+
                        </li>
−
                             <a href="https://2018.igem.org/Team:NEU_China_B/Plant">
+
                    </ul>
−
                                 <div class="submenu_item">
+
                 </li>
−
                                    Plant
+
                <li class="dropdown">
−
                                </div>
+
                    <a href="#">Lab<span class="caret"></span></a>
 +
                    <ul class="dropdown-menu">
 +
                        <li>
 +
                             <a href="https://2018.igem.org/Team:NEU_China_B/InterLab">
 +
                                 InterLab
 
                             </a>
 
                             </a>
−
               
+
                        </li>
−
               
+
                        <li><a href="#">workflow</a></li>
−
                             <a href="https://2018.igem.org/Team:NEU_China_B/Software">
+
                        <li><a href="#">protocols</a></li>
−
                                 <div class="submenu_item">
+
                        <li>
−
                                    Software
+
                             <a href="https://2018.igem.org/Team:NEU_China_B/Notebook">
−
                                </div>
+
                                 Notebook
 
                             </a>
 
                             </a>
−
                      </ul>
+
                        </li>
 +
                        <li><a href="#">material&equipment</a></li>
 +
                        <li><a href="https://2018.igem.org/Team:NEU_China_B/Safety">SAFETY</a></li>
 +
 
 
                     </ul>
 
                     </ul>
−
            </div>
+
                </li>
−
                      
+
                <li class="dropdown">
−
             <div class="col-md-9 col-lg-9">
+
                     <a href="#">Parts<span class="caret"></span></a>
 +
                    <ul class="dropdown-menu">
 +
                        <li>
 +
                            <a href="https://2018.igem.org/Team:NEU_China_B/Basic_Part">
 +
                                Basic Parts
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2018.igem.org/Team:NEU_China_B/Composite_Part">
 +
                                Composite Parts
 +
                            </a>
 +
                        </li>
 +
                        <li><a href="#">characterization</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li class="dropdown">
 +
                    <a href="#">Human practice<span class="caret"></span></a>
 +
                    <ul class="dropdown-menu">
 +
                        <li><a href="#">human practice for sliver</a></li>
 +
                        <li><a href="#">integrated human practice for gold collaboration</a></li>
 +
                        <li><a href="#">characterization</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li class="dropdown">
 +
                    <a href="#">Tram<span class="caret"></span></a>
 +
                    <ul class="dropdown-menu">
 +
                        <li><a href="#">membership</a></li>
 +
                        <li>
 +
                            <a href="https://2018.igem.org/Team:NEU_China_B/Attributions">
 +
                                Attributions
 +
                            </a>
 +
                        </li>
 +
                        <li><a href="#">medal</a></li>
 +
                    </ul>
 +
                </li>
 +
             </ul>
 +
            <ul class="nav navbar-nav navbar-right">
 +
                <!-- <li><a href="http://www.bootcss.com/" onclick="_hmt.push(['_trackEvent', 'docv3-navbar', 'click', 'V3导航-Bootstrap中文网'])" target="_blank">Bootstrap中文网</a></li> -->
 +
            </ul>
 +
        </nav>
 +
    </div>
 +
</header>
 +
<div class="rightbottom">
 +
    <a class="btn btn-default" href="#top" role="button">got to top</a>
 +
</div>
 +
<div class="container" style="margin-top: 70px">

Revision as of 08:38, 4 October 2018

Title Page

got to top