Line 1: | Line 1: | ||
<html> | <html> | ||
+ | |||
+ | <script> | ||
+ | ( function( $ ) { | ||
+ | $( document ).ready(function() { | ||
+ | $('#dropdown').prepend(''); | ||
+ | var activeElement = $('#dropdown>ul>li:first'); | ||
+ | |||
+ | $('#dropdown>ul>li').each(function() { | ||
+ | if ($(this).hasClass('active')) { | ||
+ | activeElement = $(this); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | var posLeft = activeElement.position().left; | ||
+ | var elementWidth = activeElement.width(); | ||
+ | posLeft = posLeft + elementWidth/2 -6; | ||
+ | if (activeElement.hasClass('has-sub')) { | ||
+ | posLeft -= 6; | ||
+ | } | ||
+ | |||
+ | $("#dropdown>ul>li").hover(function() { | ||
+ | element = $(this); | ||
+ | var w = element.width(); | ||
+ | if ($(this).hasClass('has-sub')) | ||
+ | { | ||
+ | leftPos = element.position().left + w/2 - 12; | ||
+ | } | ||
+ | else { | ||
+ | leftPos = element.position().left + w/2 - 6; | ||
+ | }; | ||
+ | |||
+ | // rotating porifi while hovering on headings | ||
+ | //$("img[alt^='Porifi']").width(150).height(150); | ||
+ | //hover(function() { | ||
+ | //$(this).replaceWith('<img src='../Aalto-Helsinki-wiki/Porifi-lab.png'>'); | ||
+ | //$("img[alt^='Porifi']").replaceWith('<img src='../Aalto-Helsinki-wiki/Porifi-lab.png'>'); | ||
+ | //}); | ||
+ | |||
+ | $('#dropdown>ul').prepend('<li id="menu-button"><a>Menu</a></li>'); | ||
+ | $( "#menu-button" ).click(function(){ | ||
+ | if ($(this).parent().hasClass('open')) { | ||
+ | $(this).parent().removeClass('open'); | ||
+ | } | ||
+ | else { | ||
+ | $(this).parent().addClass('open'); | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | //$(".porify").width(150).height(150); | ||
+ | //$("img[alt^='Porifi']").width(150).height(150); | ||
+ | |||
+ | } )( jQuery ); | ||
+ | |||
+ | </script> | ||
+ | |||
<style> | <style> | ||
+ | |||
html { | html { | ||
position: relative; | position: relative; | ||
Line 892: | Line 949: | ||
} | } | ||
} | } | ||
+ | |||
</style> | </style> | ||
+ | |||
+ | <head> | ||
+ | |||
+ | <!-- This tells the browser that your page is responsive --> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <br> | ||
+ | <br> | ||
+ | <img src="../Aalto-Helsinki-wiki-17/Aalto-Helsinki-wiki.png"><br> | ||
+ | <br> | ||
+ | <!-- DROPDOWN MENU --> | ||
+ | <div id='dropdown'> | ||
+ | <ul> | ||
+ | <li class='active has-sub'><a class='lab' href='../Aalto-Helsinki-wiki-17/Laboratory.html'>Laboratory</a> | ||
+ | <ul> | ||
+ | <li class='has-sub'> | ||
+ | <li><a href="../Aalto-Helsinki-wiki-17/Laboratory.html">Overview</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Laboratory_Theory">Theoretical Background</a></li> | ||
+ | <li class='has-sub'><a href="https://2017.igem.org/Team:Aalto-Helsinki/Laboratory_Methods">Materials and Methods</a> | ||
+ | <ul> | ||
+ | <li class='last'><a href="https://2017.igem.org/Team:Aalto-Helsinki/Protocols">Protocols</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Laboratory_Results">Results and Discussion</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Laboratory_Future">Future Prospectives</a></li> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class='active has-sub'><a class='mod' href='../Aalto-Helsinki-wiki-17/Model.html'>Modeling</a> | ||
+ | <ul> | ||
+ | <li class='has-sub'> | ||
+ | <li><a href="../Aalto-Helsinki-wiki-17/Model.html">Overview</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Model_Theory">Theoretical Background</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Model_Setup">Simulation Setup</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Model_Results">Results and Discussion</a></li> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class='active has-sub'><a class='hp' href='../Aalto-Helsinki-wiki-17/HP.html'>Human Practices</a> | ||
+ | <ul> | ||
+ | <li class='has-sub'> | ||
+ | <li><a href="../Aalto-Helsinki-wiki-17/HP.html">Overview</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/HP/Story">Story</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/HP/Education">Education</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/HP/Gold_Integrated">Integrated Human Practices</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Engagement">Sweat Challenge</a></li> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class='active has-sub'><a class='com' href='../Aalto-Helsinki-wiki-17/Community.html'>Community</a> | ||
+ | <ul> | ||
+ | <li class='has-sub'> | ||
+ | <li><a href="../Aalto-Helsinki-wiki-17/Community.html">Overview</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Parts">Parts</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Interlab">Interlab</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Collaborations">Collaborations</a></li> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class='active has-sub'><a class='peo' href='../Aalto-Helsinki-wiki-17/Team.html'>People</a> | ||
+ | <ul> | ||
+ | <li class='has-sub'> | ||
+ | <li><a href="../Aalto-Helsinki-wiki-17/Team.html">Team Members</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Advisors">Advisors</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Attributions">Attributions</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Sponsors">Sponsors</a></li> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> |
Revision as of 14:09, 18 September 2017