Difference between revisions of "Template:Technion HS Israel9"
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | |||
<link href="//2015.igem.org/Template:Technion_HS_Israel4/Technion_HS_Israel_menu_style?action=raw&ctype=text/css" rel="stylesheet"> | <link href="//2015.igem.org/Template:Technion_HS_Israel4/Technion_HS_Israel_menu_style?action=raw&ctype=text/css" rel="stylesheet"> | ||
<head> | <head> | ||
Line 11: | Line 12: | ||
<title></title> | <title></title> | ||
</head> | </head> | ||
− | + | <body> | |
+ | |||
<div id="fullpage"> | <div id="fullpage"> | ||
<div class="section"> | <div class="section"> | ||
Line 28: | Line 30: | ||
</div> | </div> | ||
− | + | <div id="top"></div> | |
+ | |||
+ | <div id="bar"></div> | ||
+ | <table id="header" style="background:transparent"> | ||
+ | <tr style="background:transparent"><td style="background:transparent"> | ||
+ | <img id="logo" src="https://static.igem.org/mediawiki/2015/b/b7/Technion_HS_Israel_Logo_Symbol6.png" style="height:140px;"></img> | ||
+ | </td><td id="tcell" width="0px"> | ||
+ | <img id="title" src="https://static.igem.org/mediawiki/2015/7/7d/Technion_HS_Israel_Logo_Text1.png" style="display: none;left:0;margin-top:30px;height:70px;"></img> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <div class="content" style="width:100%;top:150px;position:absolute"> | ||
+ | <ul id="sdt_menu" class="sdt_menu"> | ||
+ | <li> | ||
+ | <a href="https://2015.igem.org/Team:Technion_HS_Israel"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/3/3b/Technion_HS_Israel_Menu1.png" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">Home</span> | ||
+ | <span class="sdt_descr"></span> | ||
+ | |||
+ | </span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2015.igem.org/Team:Technion_HS_Israel/Description"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/8/87/Technion_HS_Israel_Menu2.png" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">Project</span> | ||
+ | <span class="sdt_descr">More about our project</span> | ||
+ | </span> | ||
+ | </a> | ||
+ | <div class="sdt_box"> | ||
+ | <a href = "https://2015.igem.org/Team:Technion_HS_Israel/Description">Description</a> | ||
+ | |||
+ | <a href= "https://2015.igem.org/Team:Technion_HS_Israel/Project/Results">Results</a> | ||
+ | <a href= "#"></a> | ||
+ | |||
+ | <a href= "https://2015.igem.org/Team:Technion_HS_Israel/Project/Parts">Parts</a> | ||
+ | |||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/c/cc/Technion_HS_Israel_Menu3.png" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">Documents</span> | ||
+ | <span class="sdt_descr"></span> | ||
+ | </span> | ||
+ | </a> | ||
+ | <div class="sdt_box"> | ||
+ | |||
+ | <a href= "https://2015.igem.org/Team:Technion_HS_Israel/Experiments">Experiments</a> | ||
+ | <a href= "https://2015.igem.org/Team:Technion_HS_Israel/Notebook">Notebook</a> | ||
+ | <a href= "https://2015.igem.org/Team:Technion_HS_Israel/safety">safty</a> | ||
+ | <a href= "https://2015.igem.org/Safety/Final_Safety_Form?team_id=1767"> safety form</a> | ||
+ | <a href= "https://2015.igem.org/Team:Technion_HS_Israel/Protocols">Protocols</a> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2015.igem.org/Team:Technion_HS_Israel/Modelling"> | ||
+ | <!--https://2015.igem.org/Team:Technion_HS_Israel/Modelling/Software--!> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/6/6d/Technion_HS_Israel_Menu4.png" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">Modelling</span> | ||
+ | <span class="sdt_descr">We take our math seriously</span> | ||
+ | </span> | ||
+ | </a> | ||
+ | <div class="sdt_box"> | ||
+ | <a href = "https://2015.igem.org/Team:Technion_HS_Israel/Modelling">Model</a> | ||
+ | <a href = "https://2015.igem.org/Team:Technion_HS_Israel/Constants_Database">Constants Database</a> | ||
+ | <a href="https://2015.igem.org/Team:Technion_HS_Israel/Practices/SearchEngine"> Search Engine</a> | ||
+ | <a href = "#"></a> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2015.igem.org/Team:Technion_HS_Israel/Team"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/2/2c/Technion_HS_Israel_Menu5.png" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">Team</span> | ||
+ | <span class="sdt_descr">We are a bunch of nerdy nerds</span> | ||
+ | </span> | ||
+ | </a> | ||
+ | <div class="sdt_box"> | ||
+ | |||
+ | |||
+ | <a href= "https://2015.igem.org/Team:Technion_HS_Israel/Team">Members</a> | ||
+ | <a href= "https://2015.igem.org/Team:Technion_HS_Israel/Attributions">Attributions and contributions</a> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2015.igem.org/Team:Technion_HS_Israel/Practices"> | ||
+ | <img src="Technion_HS_Israel_Menu6.jpg" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">Practices</span> | ||
+ | <span class="sdt_descr"></span> | ||
+ | </span> | ||
+ | </a> | ||
+ | <div class="sdt_box"> | ||
+ | <a href="https://2015.igem.org/Team:Technion_HS_Israel/Practices/collaborations">Collaborations</a> | ||
+ | <a href="https://2015.igem.org/Team:Technion_HS_Israel/Practices">Practices</a> | ||
+ | <a href="https://2015.igem.org/Team:Technion_HS_Israel/Practices/SearchEngine">Search Engine</a> | ||
+ | <a href="#">Tutorial Clips</a> | ||
+ | <a href="#">Other Activities</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
+ | <div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <!-- The JavaScript --> | ||
+ | |||
+ | <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script> | ||
+ | <script type="text/javascript" src="//2015.igem.org/Template:Technion_HS_Israel4/Technion_HS_Israel_jquery_scripts? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(window).enllax(); | ||
+ | $(function() { | ||
+ | /** | ||
+ | * for each menu element, on mouseenter, | ||
+ | * we enlarge the image, and show both sdt_active span and | ||
+ | * sdt_wrap span. If the element has a sub menu (sdt_box), | ||
+ | * then we slide it - if the element is the last one in the menu | ||
+ | * we slide it to the left, otherwise to the right | ||
+ | */ | ||
+ | |||
+ | $('#header').bind('mouseenter',function(){ | ||
+ | var $elem = $(this); | ||
+ | $elem.find('#tcell') | ||
+ | .stop(true) | ||
+ | .animate({'width':'600px','left':'120px' | ||
+ | },400,''); | ||
+ | $elem.find('#logo') | ||
+ | .stop(true) | ||
+ | //.glow({ radius: "10", color:"green" }); | ||
+ | $elem.find('#title').fadeIn( 1000 ); | ||
+ | |||
+ | }).bind('mouseleave',function(){ | ||
+ | var $elem = $(this); | ||
+ | $elem.find('#tcell') | ||
+ | .stop(true) | ||
+ | .animate({'width':'0px','left':'150' | ||
+ | },400,''); | ||
+ | $elem.find('#logo') | ||
+ | .stop(true) | ||
+ | //.glow({ radius: "20", color:"green", disable:true }); | ||
+ | $elem.find('#title').fadeOut( "slow" ); | ||
+ | }); | ||
+ | $('#sdt_menu > li').bind('mouseenter',function(){ | ||
+ | var $elem = $(this); | ||
+ | $elem.find('img') | ||
+ | .stop(true) | ||
+ | .animate({ | ||
+ | 'width':'170px', | ||
+ | 'height':'170px', | ||
+ | 'left':'0px' | ||
+ | },400,'easeOutBack') | ||
+ | .andSelf() | ||
+ | .find('.sdt_wrap') | ||
+ | .stop(true) | ||
+ | .animate({'top':'140px'},500,'easeOutBack') | ||
+ | .andSelf() | ||
+ | .find('.sdt_active') | ||
+ | .stop(true) | ||
+ | .animate({'height':'170px'},300,function(){ | ||
+ | var $sub_menu = $elem.find('.sdt_box'); | ||
+ | if($sub_menu.length){ | ||
+ | var left = '170px'; | ||
+ | if($elem.parent().children().length == $elem.index()+1) | ||
+ | left = '-170px'; | ||
+ | $sub_menu.show().animate({'left':left},200); | ||
+ | } | ||
+ | }); | ||
+ | }).bind('mouseleave',function(){ | ||
+ | var $elem = $(this); | ||
+ | var $sub_menu = $elem.find('.sdt_box'); | ||
+ | if($sub_menu.length) | ||
+ | $sub_menu.hide().css('left','0px'); | ||
+ | |||
+ | $elem.find('.sdt_active') | ||
+ | .stop(true) | ||
+ | .animate({'height':'0px'},300) | ||
+ | .andSelf().find('img') | ||
+ | .stop(true) | ||
+ | .animate({ | ||
+ | 'width':'0px', | ||
+ | 'height':'0px', | ||
+ | 'left':'85px'},400) | ||
+ | .andSelf() | ||
+ | .find('.sdt_wrap') | ||
+ | .stop(true) | ||
+ | .animate({'top':'25px'},500); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <div id="whiteBox" style="width: 80%; background-color: hsla(0,0%,85%,0.91); padding: 25px; height: auto; margin-left: auto; | ||
+ | margin-right: auto; position: absolute; top: 285px; left: 10%; right: 10%; z-index:-1;"> | ||
+ | |||
− | + | </body> | |
− | + | ||
</html> | </html> |
Revision as of 08:54, 14 September 2015