|
|
Line 306: |
Line 306: |
| <!-- This tells the browser that your page is responsive --> | | <!-- This tells the browser that your page is responsive --> |
| | | |
− | <head>
| |
− | <meta name="viewport" content="width=device-width, initial-scale=1">
| |
− | </head>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <div class="menu_wrapper" >
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <div class="collapsable_menu_control"> MENU ▤ </div>
| |
− |
| |
− | <ul id="accordion" class="accordion">
| |
− |
| |
− | <li class="menu_item"> <a href="https://2016.igem.org/Team:Newcastle">HOME </a> </li>
| |
− |
| |
− |
| |
− | <li class="menu_item"> <div class="icon plus"></div> TEAM
| |
− | <ul class="submenu">
| |
− | <li> <a href=" https://2016.igem.org/Team:Newcastle/Team"> Team </a> </li>
| |
− | <li> <a href="https://2016.igem.org/Team:Newcastle/Collaborations">★ Collaborations </a> </li>
| |
− | </ul>
| |
− | </li>
| |
− |
| |
− | <li class="menu_item"> <div class="icon plus"></div> PROJECT
| |
− | <ul class="submenu">
| |
− | <li> <a href="https://2016.igem.org/Team:Newcastle/Description"> ★ Description </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Newcastle/Design"> ★ Design </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Newcastle/Experiments"> Experiments </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Newcastle/Proof"> ★ Proof of Concept </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Newcastle/Demonstrate"> ★ Demonstrate </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Newcastle/Results"> Results </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Newcastle/Notebook"> Notebook </a></li>
| |
− | </ul>
| |
− | </li>
| |
− |
| |
− | <li class="menu_item"> <div class="icon plus"></div> PARTS
| |
− | <ul class="submenu">
| |
− | <li> <a href="https://2016.igem.org/Team:Newcastle/Parts">Parts </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Newcastle/Basic_Part"> ★ Basic Parts </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Newcastle/Composite_Part"> ★ Composite Parts </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Newcastle/Part_Collection"> ★ Part Collection </a></li>
| |
− | </ul>
| |
− | </li>
| |
− |
| |
− |
| |
− | <li class="menu_item"> <a href="https://2016.igem.org/Team:Newcastle/Safety"> SAFETY </a> </li>
| |
− |
| |
− |
| |
− | <li class="menu_item"> <a href="https://2016.igem.org/Team:Newcastle/Attributions">★ ATTRIBUTIONS </a></li>
| |
− |
| |
− |
| |
− | <li class="menu_item"> <div class="icon plus"></div> HUMAN PRACTICES
| |
− | <ul class="submenu">
| |
− | <li> <a href="https://2016.igem.org/Team:Newcastle/Human_Practices"> Human Practices </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Newcastle/HP/Silver">★ Silver </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Newcastle/HP/Gold">★ Gold </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Newcastle/Integrated_Practices"> ★ Integrated Practices </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Newcastle/Engagement">★ Engagement </a></li>
| |
− | </ul>
| |
− | </li>
| |
− |
| |
− |
| |
− | <li class="menu_item"> <div class="icon plus"></div> AWARDS
| |
− | <ul class="submenu">
| |
− | <li><a href="https://2016.igem.org/Team:Newcastle/Entrepreneurship"> ★ Entrepreneurship </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Newcastle/Hardware"> ★ Hardware </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Newcastle/Software">★ Software </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Newcastle/Measurement">★ Measurement </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Newcastle/Model">★ Model </a></li>
| |
− |
| |
− | </ul>
| |
− | </li>
| |
− | </ul>
| |
− |
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <div class="content_wrapper">
| |
− |
| |
− |
| |
− |
| |
− | <h1 id="team_name"> </h1>
| |
− | <h4 id="page_name"> </h4>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <script>
| |
− |
| |
− | // This is the jquery part of your template. Try not modify any of this code since it makes your menu work.
| |
− |
| |
− | $(document).ready(function() {
| |
− |
| |
− | $("#HQ_page").attr('id','');
| |
− |
| |
− |
| |
− | if ( wgPageName.substring( 0, 8) == "Template") { // if the page is a template it displays the full name in a single line
| |
− | $("#team_name").html( wgPageName );
| |
− | }
| |
− |
| |
− | else if ( ( (wgPageName.match(/\//g) || []).length ) == 0 ) { // if it is the home page , just print the team's name
| |
− | $("#team_name").html( wgPageName.substring( 5, wgPageName.length ) );
| |
− | }
| |
− |
| |
− | else {
| |
− | // this adds the team's name as an h1
| |
− | $("#team_name").html( wgPageName.substring( 5 , wgPageName.indexOf("/") ) );
| |
− |
| |
− | // this adds the page's title as an h4
| |
− | $("#page_name").html ( ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ") );
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | $('#accordion').find('.menu_item').click(function(){
| |
− |
| |
− | //Expand or collapse this panel
| |
− | submenu = $(this).find('.submenu');
| |
− | submenu.toggle();
| |
− |
| |
− | icon = $(this).find('.icon');
| |
− |
| |
− | if ( !$( submenu ).is(':visible') ) {
| |
− | icon.removeClass("less").addClass("plus");
| |
− | }
| |
− | else {
| |
− | icon.removeClass("plus").addClass("less");
| |
− | }
| |
− |
| |
− | //Hide the other panels
| |
− | $(".submenu").not(submenu).hide();
| |
− | $(".icon").not(icon).removeClass("less").addClass("plus");
| |
− | });
| |
− |
| |
− |
| |
− | $(".collapsable_menu_control").click(function() {
| |
− | $(".menu_item").toggle();
| |
− | });
| |
− |
| |
− | $( window ).resize(function() {
| |
− | $(".menu_item").show();
| |
− | });
| |
− |
| |
− |
| |
− | });
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | </script>
| |
| | | |
| | | |
| + | <body> |
| + | <nav class="navbar navbar-fixed-top"> |
| + | <span class="navbar-brand"><div class="main-logo">Culture Shock</div></span> |
| + | <ul class="nav navbar-nav"> |
| + | <li><a href="https://2016.igem.org/Team:Newcastle">Home</a></li> |
| + | <li class="dropBox"> |
| + | <a class="menuDropBox" href="https://2016.igem.org/Team:Newcastle/Description">Project Description</a> |
| + | <div class="db"> |
| + | <a href="https://2016.igem.org/Team:Newcastle/Design">Design</a> |
| + | <a href="https://2016.igem.org/Team:Newcastle/Parts">Parts</a> |
| + | <a href="https://2016.igem.org/Team:Newcastle/Proof">Proof of Concept</a> |
| + | <a href="https://2016.igem.org/Team:Newcastle/Demonstrate">Demonstrate</a> |
| + | </div> |
| + | </li> |
| + | <li><a href="https://2016.igem.org/Team:Newcastle/Team">Team</a></li> |
| + | <li class="dropBox"> |
| + | <a class="menuDropBox" href="https://2016.igem.org/Team:Newcastle/Notebook">Notebook </a> |
| + | <div class="db"> |
| + | <a href="https://2016.igem.org/Team:Newcastle/Experiments">Experiments</a> |
| + | <a href="https://2016.igem.org/Team:Newcastle/Diary">Diary</a> |
| + | <a href="https://2016.igem.org/Team:Newcastle/Safety">Safety</a> |
| + | </div> |
| + | </li> |
| + | <li class="dropBox"> |
| + | <a class="menuDropBox"href="https://2016.igem.org/Team:Newcastle/Attributions">Attribution</a> |
| + | <div class="db"> |
| + | <a href="https://2016.igem.org/Team:Newcastle/Support">Support</a> |
| + | <a href="https://2016.igem.org/Team:Newcastle/Collaborations">Collaborations</a> |
| + | </div> |
| + | </li> |
| + | <li class="dropBox"> |
| + | <a class="menuDropBox" href="https://2016.igem.org/Team:Newcastle/Human_Practices">Human Practices</a> |
| + | <div class="db"> |
| + | <a href="https://2016.igem.org/Team:Newcastle/HP/Silver">Silver</a> |
| + | <a href="https://2016.igem.org/Team:Newcastle/HP/Gold">Gold</a> |
| + | <a href="https://2016.igem.org/Team:Newcastle/Integrated_Practices">Integrated Practices</a> |
| + | <a href="https://2016.igem.org/Team:Newcastle/Engagements">Engagements</a> |
| + | </div> |
| + | </li> |
| + | </li> |
| + | </ul> |
| + | <div class="container-fluid"> |
| + | <div class="navbar-header"> |
| + | <a class="navbar-brand" href="https://www.facebook.com/Newcastle-University-IGEM-2016-228235764208988"> |
| + | <div class="fbimage"> |
| + | <img alt="Brand" src="https://static.igem.org/mediawiki/2016/e/e8/NCLfblogo.png"> |
| + | </div> |
| + | </a> |
| + | <a class="navbar-brand" href="https://twitter.com/ncliGEM16"> |
| + | <div class="twitterimage"> |
| + | <img alt="Brand" src="https://static.igem.org/mediawiki/2016/4/4d/NCLtwitterlogo.png"> |
| + | </div> |
| + | </a> |
| + | </a> |
| + | </div> |
| + | </div> |
| + | </nav> |
| + | </body> |
| </html> | | </html> |