Line 1: | Line 1: | ||
− | { | + | <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> | ||
− | |||
− | + | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | |
+ | <!--- THIS IS WHERE THE HTML BEGINS ---> | ||
+ | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
− | + | <head> | |
− | < | + | <!-- THIS IS A CDN - MAKE IT LOCAL!! --> |
− | < | + | <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500|Varela+Round" rel="stylesheet"> |
− | < | + | <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> |
− | + | <!-- --> | |
− | + | ||
− | + | ||
+ | <link rel="stylesheet" type="text/css" href="/Team:Lund/styles/wrapper?action=raw&ctype=text/css&cache=37"> | ||
+ | <script type="text/javascript" src="/Team:Lund/scripts/bootstrap?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="/Team:Lund/scripts/ScrollTrigger?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="/Team:Lund/scripts/jquery-scrollTo?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="/Team:Lund/scripts/featherlight?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <script> | ||
+ | $(document).ready(function() { | ||
+ | var pages = { | ||
+ | 'Team:Lund': '#li_home', | ||
+ | 'Team:Lund/Team': '#li_team', | ||
+ | 'Team:Lund/Collaborations': '#li_team', | ||
+ | 'Team:Lund/Attributions': '#li_team', | ||
+ | 'Team:Lund/Description': '#li_team', | ||
+ | 'Team:Lund/Design': i '#li_team', | ||
+ | 'Team:Lund/Description': '#li_team', | ||
+ | 'Team:Lund/Attributions': '#li_team', | ||
+ | 'Team:Lund/Attributions/LundUniversity': '#li_team', | ||
+ | 'Team:Lund/Attributions/Team': '#li_team', | ||
+ | 'Team:Lund/Attributions/Sponsors': '#li_team', | ||
+ | 'Team:Lund/Attributions/Inspiration': '#li_team', | ||
+ | 'Team:Lund/Attributions/ProjectDesign': '#li_team', | ||
+ | 'Team:Lund/Description': '#li_project', | ||
+ | 'Team:Lund/Design': '#li_project', | ||
+ | 'Team:Lund/Design/Animation': '#li_project', | ||
+ | 'Team:Lund/Design/Theory': '#li_project', | ||
+ | 'Team:Lund/Design/Design': '#li_project', | ||
+ | 'Team:Lund/Design/Circuit': '#li_project', | ||
+ | 'Team:Lund/Design/Experiments': '#li_project', | ||
+ | 'Team:Lund/Design/References': '#li_project', | ||
+ | 'Team:Lund/Results': '#li_project', | ||
+ | 'Team:Lund/InterLab': '#li_project', | ||
+ | 'Team:Lund/Parts': '#li_project', | ||
+ | 'Team:Lund/Experiments': '#li_project', | ||
+ | 'Team:Lund/Notebook': '#li_project', | ||
+ | 'Team:Lund/Model': '#li_model', | ||
+ | 'Team:Lund/Modeling/ModelDerivation': '#li_model', | ||
+ | 'Team:Lund/Modeling/ParameterEstimation': '#li_model', | ||
+ | 'Team:Lund/Modeling/Implementation': '#li_model', | ||
+ | 'Team:Lund/Safety': '#li_safety', | ||
+ | 'Team:Lund/HP/Silver': '#li_hp', | ||
+ | 'Team:Lund/HP/Gold_Integrated': '#li_hp', | ||
+ | 'Team:Lund/Engagement': '#li_hp', | ||
+ | 'Team:Lund/HP/Media': '#li_hp', | ||
+ | 'Team:Lund/Communication': '#li_hp', | ||
+ | }; | ||
+ | |||
+ | var listItem = $(pages[wgPageName]); | ||
+ | listItem.addClass('active'); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | /***************************************************** DEFAULT WIKI SETTINGS ****************************************************/ | ||
+ | |||
+ | /* Clear the default wiki settings */ | ||
+ | |||
+ | #home_logo, #sideMenu { display:none; } | ||
+ | #sideMenu, #top_title, .patrollink {display:none;} | ||
+ | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} | ||
+ | body {background-color:white; } | ||
+ | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
+ | </style> | ||
+ | |||
+ | <!-- This tells the browser that your page is responsive --> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | </head> | ||
+ | |||
+ | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
+ | <!--- Menu ---> | ||
+ | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
+ | |||
+ | <nav id="navbar" class="navbar navbar-inverse navbar-static-top"> | ||
+ | <div class="container"> | ||
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false"> | ||
+ | <span class="sr-only">Toggle navigation</span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | <a class="navbar-brand" href="/Team:Lund"> | ||
+ | <img alt="iGEM Lund" src="https://static.igem.org/mediawiki/2018/3/3e/T--Lund--igem_lund_logo_animation_white.gif" style="height:400%"> | ||
+ | </a> | ||
+ | </div> | ||
− | + | <div class="collapse navbar-collapse" id="navbar-collapse"> | |
+ | <ul class="nav navbar-nav navbar-right"> | ||
− | + | <li id="li_home"><a href="/Team:Lund">Home</a></li> | |
− | + | <li id="li_team" class="dropdown"> | |
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team <span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="/Team:Lund/Team">Team</a></li> | ||
+ | <li><a href="/Team:Lund/Collaborations">Collaborations</a></li> | ||
+ | <li><a href="/Team:Lund/Attributions">Attributions</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
− | + | <li id="li_project" class="dropdown"> | |
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="/Team:Lund/Description">Description</a></li> | ||
+ | <li><a href="/Team:Lund/Design">Design</a></li> | ||
+ | <li><a href="/Team:Lund/Results">Results</a></li> | ||
+ | <li><a href="/Team:Lund/InterLab">InterLab</a></li> | ||
+ | <li><a href="/Team:Lund/Parts">Parts</a></li> | ||
+ | <li><a href="/Team:Lund/Experiments">Protocols</a></li> | ||
+ | <li><a href="/Team:Lund/Notebook">Notebook</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
− | + | <li id="li_model"><a href="/Team:Lund/Model">Model</a></li> | |
− | + | <li id="li_safety"><a href="/Team:Lund/Safety">Safety</a></li> | |
− | </ | + | <li id="li_hp"><a href="/Team:Lund/HP/Silver">Practices</a></li> |
− | < | + | </ul> |
+ | </div><!-- /.navbar-collapse --> | ||
+ | </div><!-- /.container-fluid --> | ||
+ | </nav> | ||
− | < | + | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> |
+ | <!--- Content of the page ---> | ||
+ | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
+ | <!-- <div class="igem_2018_team_content"> | ||
+ | <div class="igem_2018_team_column_wrapper"> | ||
+ | <div class="clear extra_space"></div> | ||
+ | <div class="clear extra_space"></div> --> | ||
</html> | </html> |
Revision as of 17:25, 25 September 2018