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>
+
    <body>
 +
 
 
     <div id="fullpage">
 
     <div id="fullpage">
 
       <div class="section">
 
       <div class="section">
Line 28: Line 30:
 
       </div>
 
       </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>
−
  </body>
+
 
</html>
 
</html>

Revision as of 08:54, 14 September 2015

Innovative Autonomous
Kill Switch for Bacteria

That's What We Do.