Difference between revisions of "Template:Technion HS Israel9"

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 href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
+
  <head>
−
       
+
   
−
 
+
     <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.6.9/jquery.fullPage.min.css">
−
      <link href="//2015.igem.org/Template:Technion_HS_Israel4/Technion_HS_Israel_menu_style?action=raw&ctype=text/css" rel="stylesheet">
+
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.6.9/jquery.fullPage.min.js"></script>
−
    </head>
+
   
−
 
+
<script type="text/javascript" src="https://2015.igem.org/Team:Technion_HS_Israel/js/Homepage.js?action=raw&ctype=text/javascript"></script>
−
     <body>
+
    <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'>
−
<ul id="sdt_menu" class="sdt_menu" style="margin: 0; position: relative; top: 0px; background:#0C2926 none no-repeat scroll right bottom; left:0;">
+
    <title></title>
−
<li>
+
  </head>
−
<a href="https://2015.igem.org/Team:Technion_HS_Israel/DemoHome">
+
  <body>
−
<img src="https://static.igem.org/mediawiki/2015/3/3b/Technion_HS_Israel_Menu1.png" alt=""/>
+
    <div id="fullpage">
−
<span class="sdt_active"></span>
+
      <div class="section">
−
<span class="sdt_wrap">
+
        <div class="grayRect_test" style="background-color:#383838;">
−
<span class="sdt_link">Home</span>
+
          <h1 style=
−
<span class="sdt_descr"></span>
+
          "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>
−
</span>
+
            <span>Kill Switch for Bacteria</span>
−
</a>
+
          </h1>
−
</li>
+
          <h2 style=
−
<li>
+
          "font-size: 4vw;font-family:'Trebuchet MS', Helvetica, sans-serif; text-align: left;color:white; margin-left: 5%; margin-top: auto;">
−
<a href="https://2015.igem.org/Team:Technion_HS_Israel/Project">
+
          That's <font style="color:rgb(42,214,42)"><b>What We Do.</b></font>
−
<img src="https://static.igem.org/mediawiki/2015/8/87/Technion_HS_Israel_Menu2.png" alt=""/>
+
          </h2><img src="https://static.igem.org/mediawiki/2015/3/3f/Logo4_.png" style=
−
<span class="sdt_active"></span>
+
          "position:absolute;top:10vh;right:3vw;width:20vw">
−
<span class="sdt_wrap">
+
        </div>
−
<span class="sdt_link">Project</span>
+
      </div>
−
<span class="sdt_descr">More about our project</span>
+
      <div class="section">
−
</span>
+
        <div class="grayRect_test" style="background-color:white;">
−
</a>
+
<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 class="sdt_box">
+
<h2 style="font-size:3em;margin-left:35vw; margin-top:7vw; text-align:left;bottom:30vh;">Welcome to our wiki.</h2>
−
<a href = "https://2015.igem.org/Team:Technion_HS_Israel/Project/Project_Description">Overview</a>
+
<div id="scroll_to_questions">
−
+
      Scroll to see <span>What, Why, How</span> and <span>Who</span><br>
−
<a href= "https://2015.igem.org/Team:Technion_HS_Israel/Project/Results">Results</a>
+
  <hr style="margin-top: 10px; margin-bottom: 10px;" width="30%">
−
<a href= "https://2015.igem.org/Team:Technion_HS_Israel/Project/Design">Design</a>
+
      <img src="https://static.igem.org/mediawiki/2015/3/32/Arr_in_circle.png" width="40px;">
−
+
    </div>
−
<a href= "https://2015.igem.org/Team:Technion_HS_Israel/Project/Parts">Parts</a>
+
</div>
−
 
+
      </div>
−
</div>
+
      <div class="section">
−
</li>
+
        <div class="header_test" style=
−
<li>
+
        "background-color:white; z-index:2; margin:0">
−
<a href="#">
+
          <p>
−
<img src="https://static.igem.org/mediawiki/2015/c/cc/Technion_HS_Israel_Menu3.png" alt=""/>
+
            <span>What</span> we do
−
<span class="sdt_active"></span>
+
          </p>
−
<span class="sdt_wrap">
+
        </div>
−
<span class="sdt_link">Documents</span>
+
        <div class="grayRect_test" style=
−
<span class="sdt_descr"></span>
+
        "background-color: hsla(0,0%,85%,0.91);">
−
</span>
+
<div class="cardbox">
−
</a>
+
<div class="slide" style="background-color:blue">
−
<div class="sdt_box">
+
<span>We design</span>
−
+
<h2>a chain of reactions which ends with in a poison </h2>
−
<a href= "#">Experiments</a>
+
</div>
−
<a href= "#">Notebook</a>
+
<div class="slide" style="background-color:red">
−
<a href= "#">safety</a>
+
<span>We implement </span>
−
+
<h2> it using genetic engineering on a plasmid </h2>
−
 
+
</div>
−
</div>
+
<div class="slide" style="background-color:blue">
−
</li>
+
<span>We introduce </span>
−
<li>
+
<h2>it into the bacteria in question </h2>
−
<a href="https://2015.igem.org/Team:Technion_HS_Israel/Modeling">
+
</div>
−
<img src="https://static.igem.org/mediawiki/2015/6/6d/Technion_HS_Israel_Menu4.png" alt=""/>
+
<div class="slide" style="background-color:red">
−
<span class="sdt_active"></span>
+
<span>We control</span>
−
<span class="sdt_wrap">
+
<h2>the bacteria's lifespan by adjusting the amount of 'food' we give </h2>
−
<span class="sdt_link">Modelling</span>
+
</div>
−
<span class="sdt_descr">We take our math seriously</span>
+
<div class="slide" style="background-color:blue">
−
</span>
+
<h2><span>We rest</span>
−
</a>
+
because the kill switch will eliminate the bacteria at the right time</h2>
−
<div class="sdt_box">
+
</div>
−
<a href = "https://2015.igem.org/Team:Technion_HS_Israel/Modelling/Model">Model</a>
+
</div>
−
<a href = "https://2015.igem.org/Team:Technion_HS_Israel/Modelling/Software">Software</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"> Members</a>
+
−
<a href= "#">Collaborations</a>
+
−
<a href= "#">Human Practices</a>
+
−
+
−
 
+
−
</div>
+
−
</li>
+
−
<li>
+
−
<a href="#">
+
−
<img src="Technion_HS_Israel_Menu6.jpg" alt=""/>
+
−
<span class="sdt_active"></span>
+
−
<span class="sdt_wrap">
+
−
<span class="sdt_link">Extra</span>
+
−
<span class="sdt_descr">Stuff im not sure where to place</span>
+
−
</span>
+
−
</a>
+
−
<div class="sdt_box">
+
−
<a href="#">Measurement</a>
+
−
<a href="#">Entrepreneurship</a>
+
−
<a href="#">Attributions</a>
+
−
</div>
+
−
</li>
+
−
</ul>
+
 
 
−
     
+
      </div>
 +
  </div>
 +
      <div class="section">
 +
        <div class="header_test" style=
 +
        "z-index:4;background-color:hsla(0,0%,85%,0.91);">
 +
          <p>
 +
            <span>Why</span> should you care
 +
          </p>
 +
        </div>
 +
        <div class="grayRect_test" style=
 +
        "z-index:-5;background-color:hsla(216, 100%, 50%, 1);">
 +
<div class="cardbox">
 +
<div class="slide" style="background-color:blue">
 +
<h2>Genetically modified organisms (GMO) </h2>
 +
<span>are everywhere</span>
 +
<h2>food, medicines, industry... </h2>
 +
</div>
 +
<div class="slide" style="background-color:red">
 +
<span>GMOs are scary</span>
 +
<h2>52% of the population think Genetically Modified foods are unsafe </h2>
 +
</div>
 +
<div class="slide" style="background-color:blue">
 +
<h2>Uncontrolled GMO growth might harm </h2>
 +
<span>the environment</span>
 +
</div>
 +
<div class="slide" style="background-color:red">
 +
<span>Our system</span>
 +
<h2>helps to solve these problems by controlling GMO's population </h2>
 +
</div>
 +
<div class="slide" style="background-color:blue">
 +
<h2>and enables GMO-based industry to control precisely </h2>
 +
<span>how much product</span>
 +
<h2>will be produced </h2>
 +
</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.css?
 
−
action=raw&ctype=text/javascript"></script>
 
 
 
 +
</div>
 +
      </div>
 +
      <div class="section">
 +
        <div class="header_test" style=
 +
        "background-color:hsla(216, 100%, 50%, 1);">
 +
          <p>
 +
            <span>How</span> we do it
 +
          </p>
 +
        </div>
 +
        <div class="grayRect_test" style=
 +
        "background-color: hsla(194, 100%, 53%, 1);">
 +
        <div class="grayRect_test" style=
 +
        "background-color: hsla(0,0%,85%,0.91);">
 +
<div class="cardbox">
 +
<div class="slide" style="background-color:blue">
 +
<span>Our biobrick</span>
 +
<h2>is composed out of three parts </h2>
 +
</div>
 +
<div class="slide" style="background-color:red">
 +
<span style="font-size:9vw">The first and second parts </span>
 +
<h2>are responsible for controlling expression in the third part- the killing part.</h2>
 +
</div>
 +
<div class="slide" style="background-color:blue">
 +
<h2>we achieve </h2>
 +
<span>control</span>
 +
<h2>over the first two parts by using AHL (N-Acyl homoserine lactones) as an inducer- the 'food'. </h2>
 +
</div>
 +
<div class="slide" style="background-color:red">
 +
<span>The AHL</span>
 +
<h2 style="line-height:170%">binds with LuxR creating a complex that inhibits expression of some genes while AiiA degrades the AHL. that why when the 'food' runs out the poison in the third part is expressed and the cell dies. </h2>
 +
</div>
 +
</div>
 
 
−
        <script type="text/javascript">
+
</div>
−
$(window).enllax();
+
</div>
−
            $(function() {
+
      </div>
−
/**
+
      <div class="section">
−
* for each menu element, on mouseenter,
+
        <div class="header_test" style=
−
* we enlarge the image, and show both sdt_active span and
+
        "background-color: hsla(194, 100%, 53%, 1);">
−
* sdt_wrap span. If the element has a sub menu (sdt_box),
+
          <p>
−
* then we slide it - if the element is the last one in the menu
+
            <span>Who</span> we are
−
* we slide it to the left, otherwise to the right
+
          </p>
−
*/
+
        </div>
−
+
        <div class="grayRect_test" style="background-color: white;">
−
$('#header').bind('mouseenter',function(){
+
<div class="cardbox">
−
var $elem = $(this);
+
<div class="slide" style="background-color:blue">
−
$elem.find('#tcell')
+
−
.stop(true)
+
<span>High school students</span>
−
.animate({'width':'600px','left':'120px'
+
<h2>from Israel </h2>
−
},400,'');
+
</div>
−
$elem.find('#logo')
+
−
.stop(true)
+
</div>
−
//.glow({ radius: "10", color:"green" });
+
</div>
−
$elem.find('#title').fadeIn( 1000 );
+
      </div>
−
+
      <div class="section">
−
}).bind('mouseleave',function(){
+
        <div class="header_test" style="background-color: white;">
−
var $elem = $(this);
+
          <p>
−
$elem.find('#tcell')
+
          </p>
−
.stop(true)
+
        </div>
−
.animate({'width':'0px','left':'150'
+
        <div class="grayRect_test" style=
−
},400,'');
+
        "background-color: hsla(194, 100%, 53%, 1);"></div>
−
$elem.find('#logo')
+
      </div>
−
.stop(true)
+
    </div>
−
//.glow({ radius: "20", color:"green", disable:true });
+
    <div id="scroll_for_more">
−
$elem.find('#title').fadeOut( "slow" );
+
      Scroll for more<br>
−
});
+
      <img src="https://static.igem.org/mediawiki/2015/3/35/Arr_down.png" width="25px;">
−
                $('#sdt_menu > li').bind('mouseenter',function(){
+
    </div>
−
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>
+
−
 
+
 
 
−
    </body>
+
  </body>
 
</html>
 
</html>

Revision as of 08:49, 14 September 2015

Innovative Autonomous
Kill Switch for Bacteria

That's What We Do.

We Are The Technion HS 2015 iGEM Team

Welcome to our wiki.

Scroll to see What, Why, How and Who

What we do

We design

a chain of reactions which ends with in a poison

We implement

it using genetic engineering on a plasmid

We introduce

it into the bacteria in question

We control

the bacteria's lifespan by adjusting the amount of 'food' we give

We rest because the kill switch will eliminate the bacteria at the right time

Why should you care

Genetically modified organisms (GMO)

are everywhere

food, medicines, industry...

GMOs are scary

52% of the population think Genetically Modified foods are unsafe

Uncontrolled GMO growth might harm

the environment
Our system

helps to solve these problems by controlling GMO's population

and enables GMO-based industry to control precisely

how much product

will be produced

How we do it

Our biobrick

is composed out of three parts

The first and second parts

are responsible for controlling expression in the third part- the killing part.

we achieve

control

over the first two parts by using AHL (N-Acyl homoserine lactones) as an inducer- the 'food'.

The AHL

binds with LuxR creating a complex that inhibits expression of some genes while AiiA degrades the AHL. that why when the 'food' runs out the poison in the third part is expressed and the cell dies.

Who we are

High school students

from Israel

Scroll for more