Difference between revisions of "Template:Technion HS Israel9"
(53 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
− | |||
− | |||
+ | |||
+ | <head> | ||
+ | <link href="//2015.igem.org/Template:Technion_HS_Israel4/Technion_HS_Israel_menu_style?action=raw&ctype=text/css" rel="stylesheet"> | ||
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.6.9/jquery.fullPage.min.css"> | <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.6.9/jquery.fullPage.min.css"> | ||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.6.9/jquery.fullPage.min.js"></script> | <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.6.9/jquery.fullPage.min.js"></script> | ||
− | <script type="text/javascript" src="https://2015.igem.org/Team:Technion_HS_Israel/js/Homepage | + | <script type="text/javascript" src="https://2015.igem.org/Team:Technion_HS_Israel/js/Homepage?action=raw&ctype=text/javascript"></script> |
<link href="https://2015.igem.org/Team:Technion_HS_Israel/css/Homepage?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | <link href="https://2015.igem.org/Team:Technion_HS_Israel/css/Homepage?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | ||
<link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'> | <link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'> | ||
<title></title> | <title></title> | ||
</head> | </head> | ||
− | + | <body> | |
− | + | ||
− | + | <div class="content" style="width:100%;top:-5px;padding:0;position:absolute;margin:0;"> | |
− | <div class="grayRect_test" style="background-color:#383838;"> | + | <ul id="sdt_menu" class="sdt_menu" style="margin:0;"> |
+ | <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> | ||
+ | <div class="sdt_box"> | ||
+ | <a href = "https://2015.igem.org/Team:Technion_HS_Israel/MedalFulfillment"> Medal Fulfillment</a> | ||
+ | <a href = "https://2015.igem.org/Team:Technion_HS_Israel"> Home</a> | ||
+ | </div> | ||
+ | </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="https://2015.igem.org/Team:Technion_HS_Israel/Experiments"> | ||
+ | <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">safety</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 Overview</a> | ||
+ | <a href = "https://2015.igem.org/Team:Technion_HS_Israel/PlasmidLoss">Plasmid Loss</a> | ||
+ | <a href = "https://2015.igem.org/Team:Technion_HS_Israel/Modelling/Equations">Equations</a> | ||
+ | <a href = "https://2015.igem.org/Team:Technion_HS_Israel/Modelling/Parameters">Parameters</a> | ||
+ | <a href = "https://2015.igem.org/Team:Technion_HS_Israel/Modelling/Results">Results</a> | ||
+ | <a href = "https://2015.igem.org/Team:Technion_HS_Israel/Modelling/Documents">Documents</a> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2015.igem.org/Team:Technion_HS_Israel/Software"> | ||
+ | <!--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">Software</span> | ||
+ | <span class="sdt_descr"</span> | ||
+ | </span> | ||
+ | </a> | ||
+ | <div class="sdt_box"> | ||
+ | <a href="https://2015.igem.org/Team:Technion_HS_Israel/Software">Software Overview</a> | ||
+ | <a href="https://2015.igem.org/Team:Technion_HS_Israel/Practices/SearchEngine"> Search Engine</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/Software/Simulation">Simulation </a> | ||
+ | <a href="https://2015.igem.org/Team:Technion_HS_Israel/LINK_TO_EXPLANATION">About the Database </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> | ||
+ | <a href= "https://2015.igem.org/Team:Technion_HS_Israel/teamGallery">Gallery</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="https://2015.igem.org/Team:Technion_HS_Israel/Practices/modelingTutorials ">Modeling Tutorials </a> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | <div class="grayRect_test" style="background-color:#383838;top:85px;"> | ||
<h1 style= | <h1 style= | ||
"font-family: Varela Round,sans-serif; margin-left: 5%; padding: 3% 0%; width: 80%; color:white; font-size: 6.2vw; text-align: left; line-height: 1.3; letter-spacing: -0.05em;"> | "font-family: Varela Round,sans-serif; margin-left: 5%; padding: 3% 0%; width: 80%; color:white; font-size: 6.2vw; text-align: left; line-height: 1.3; letter-spacing: -0.05em;"> | ||
Innovative Autonomous<br> | Innovative Autonomous<br> | ||
− | <span>Kill Switch | + | <span>Bacteria Kill Switch</span> |
</h1> | </h1> | ||
<h2 style= | <h2 style= | ||
Line 26: | Line 166: | ||
"position:absolute;top:10vh;right:3vw;width:20vw"> | "position:absolute;top:10vh;right:3vw;width:20vw"> | ||
</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':'190px', | ||
+ | '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 = '190px'; | ||
+ | if($elem.parent().children().length == $elem.index()+1) | ||
+ | left = '-190px'; | ||
+ | $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: 670px; left: 10%; right: 10%; z-index:-1;"> | ||
− | |||
− | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 20:32, 18 September 2015