Difference between revisions of "Template:Technion HS Israel9"

 
(53 intermediate revisions by 2 users not shown)
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">
 
−
  <head>
 
 
      
 
      
 +
 +
  <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.js?action=raw&ctype=text/javascript"></script>
+
<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>
+
    <body>
−
    <div id="fullpage">
+
 
−
      <div class="section">
+
<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 for Bacteria</span>
+
             <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>
−
      </div>
+
 
−
      <div class="section">
+
−
        <div class="grayRect_test" style="background-color:white;">
+
−
<h1 style="font-family: 'Varela Round', sans-serif;padding-top:20px;text-align:left;margin-left:40px;margin-top: -10px;line-height:110%;font-size:5em">We Are The Technion HS 2015 iGEM Team</h1>
+
  
−
</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;">
  
−
      </div>
 
  
−
 
 
   </body>
 
   </body>
 
</html>
 
</html>

Latest revision as of 20:32, 18 September 2015

Innovative Autonomous
Bacteria Kill Switch

That's What We Do.