Team:WHU-China/Project/Overview

From 2011.igem.org

(Difference between revisions)
 
(67 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
<style type="text/css">
<style type="text/css">
-
#pics
+
#follow
{
{
-
position:relative;
+
display:none;
-
top:30px;
+
-
width:1000px;
+
-
height:270px;
+
}
}
 +
#overview p
#overview p
{
{
-
font-size:15px;
+
font-size:16.5px;
 +
}
 +
#contact
 +
{position:absolute;
 +
z-index:1;
 +
left:0px;}
 +
 
 +
#countdown
 +
{
 +
display:none;
 +
}
 +
#visit
 +
{
 +
display:none;
 +
}
 +
 
 +
#bottom
 +
{
 +
position:absolute;
 +
z-index:1;
 +
 
}
}
#overview
#overview
{
{
position:relative;
position:relative;
-
width:620px;
+
width:90%;
-
height:600px;
+
top:20px;
-
top:30px;
+
background-color:transparent;
background-color:transparent;
-
left:35px;
+
left:5%;
-
}
+
-
div.pic
+
-
{
+
}
}
-
#horizontal
+
#pic1
{
{
position:absolute;
position:absolute;
-
left:35px;
+
top:25px;
-
width:650px;
+
width:45%;
-
height:270px;
+
}
}
-
#vertical
+
#pic2
{
{
position:absolute;
position:absolute;
-
left:670px;
+
top:25px;
-
width:290px;
+
width:45%;
-
top:265px;
+
left:50%;
-
height:560px;
+
}
}
 +
#pic
 +
{
 +
width:100%;
 +
position:relative;
 +
height:300px;
 +
}
 +
#tt
 +
{
 +
position:relative;
 +
 +
}
 +
#footer-box
#footer-box
{
{
Line 49: Line 73:
.lab2
.lab2
{
{
-
height:280px;
+
height:260px;
-
width:290px;
+
width:320px;
}
}
.lab1
.lab1
{
{
-
 
-
 
height:260px;
height:260px;
}
}
Line 63: Line 85:
{
{
position:absolute;
position:absolute;
-
width:555px;
+
width:560px;
-
left:370px;
+
left:365px;
top:5px;
top:5px;
}
}
Line 74: Line 96:
$(document).ready(function()
$(document).ready(function()
{
{
-
    
+
   var a1=456;
 +
  var a2=document.body.clientHeight;
 +
  document.getElementById("bottom").style.top=(a2+a1).toString()+'px';
 +
  document.getElementById("contact").style.top=(a2+a1+80).toString()+'px';
});
});
</script>
</script>
Line 81: Line 106:
<div id="content1">
<div id="content1">
-
<div id="pics">
+
 
-
<div class="pic" id="horizontal">
+
<div id="tt">
-
<div class="lab1" id="p1"><img src="/wiki/images/f/f4/Whu-project2.jpg"height="260" width="370"/>    </div>
+
-
<div class="lab1" id="p2"> <img src="/wiki/images/d/d4/Whu-project1.jpg" height="260" width="550"/></div>
+
-
</div>
+
-
<div class="pic" id="vertical">
+
-
<div class="lab2" id="p3">    </div>
+
-
<div class="lab2" id="p4"></div>
+
-
</div>
+
-
</div>
+
<div id="overview">
<div id="overview">
-
<p>&nbsp;&nbsp;&nbsp;&nbsp;Stepping into the IGEM world for the first time, we studied a huge amount of previous projects and found that light sensing bacteria kept arousing general interest but remain an unsettled issue. Despite the great efforts made by previous teams, little progress was made in this field. Therefore we decide to make some attempts. We focus on constructing colorful E.coli.
+
<p>&nbsp;&nbsp;&nbsp;&nbsp; Being born, growing, aging and embracing death, the life process that every creature must go through is just like a movie. However, as one of the simplest life forms, E.coli's life story is too evanescent and monotonous. How can we utilize E.coli to show more complicated processes, such as the growing and withering of a tree?
-
<br/>&nbsp;&nbsp;&nbsp;&nbsp;Firstly, we came up with the idea of “colorful E.film” based on previous research of bio-imaging. The greatest advantage of our “E.film” against traditional chemical film is the extremely small size of pixels. And we hope to create a colorful film instead of a black-and-white one by constructing three E.coli strains which can produce and secrete three primary colors respectively in the presence of different lights. The combination of various concentrations of the primary colors will yield a colorful picture. Therefore, if we use a color picture as an input signal, the output will be the copy of it on the plate. The whole system works as a camera.
+
<br/>&nbsp;&nbsp;&nbsp;&nbsp; Numerous problems stand in the way to this goal. So we just take two steps towards this direction. Firstly, we only focus on one pixel of this picture. As time goes by, the color of this point changes periodically. This effect is achieved by a strain of E.coli working as an oscillator which can yield different kinds of pigment periodically with the help of a signal transformation system. Secondly, we will get a static picture if time freezes, just like taking a snap. We call this design “E. film”, and this kind of colorful film is created by constructing three E.coli strains which can produce and secrete three primary colors respectively in the presence of different colors of light.
-
<br/>&nbsp;&nbsp;&nbsp;&nbsp;Secondly, we plan to engineer a light signal producing machine. We designed two separate systems and try to coordinate them: the oscillator system and the signal transformation system. After chemical signals (variation of GFP concentration) are generated by the oscillator system periodically, the transformation system transforms them into light signals. Compared with chemical signals, light signals have several advantages: they can travel without liquid media and can be more easily tested. If connected with another strain of bacteria which can react to the signals, our system may be able to control the behaviors of other bacteria through light. This can be of great significance in automatically manipulating bacteria’s behaviors.
+
-
</br>&nbsp;&nbsp;&nbsp;&nbsp;Currently, we have already done pre-experiments and in the next period we will try our best to make the system work. We hope that our colorful E.coli that weaves time and space will shine this year.
+
-
</br>&nbsp;&nbsp;&nbsp;&nbsp;We will keep updating information about our experiments.
+
-
</br>&nbsp;&nbsp;&nbsp;&nbsp;Look forward to your attention!
+
</p>
</p>
 +
</div>
 +
<div id="pic">
 +
<div id="pic1">
 +
<img style="width:100%;" src="/wiki/images/b/b6/Whu-project1.png"/>
 +
</div>
 +
<div id="pic2">
 +
<img style="width:100%;" src="/wiki/images/f/f8/Whu-project2.png"/>
 +
</div>
 +
</div>
 +
</div>
 +
<div style="height:200px;"></div>
 +
<div id="bottom">
 +
<image  src="/wiki/images/5/58/Whu-backgroundbottom.png"/>
 +
</div>
 +
<div id="contact">
 +
<a href="https://2011.igem.org/wiki/index.php?title=Team:WHU-China/Project/Overview&action=edit"><img class="whucontact" style="position:relative;left:636px;top:38px;z-index:10;" src="/wiki/images/2/2a/Whu-Home_r1_c1.png"/></a>
 +
<a href="Mailto:gubrian890512@gmail.com"><img class="whucontact" style="position:relative;left:660px;top:38px;z-index:10;" src="/wiki/images/9/97/Whu-Home_r1_c3.png"/></a>
 +
<a href="https://igem.org/Main_Page"><img class="whucontact" style="position:relative;left:676px;top:38px;z-index:10;" src="/wiki/images/0/03/Whu-Home_r1_c5.png"/></a>
 +
<img id="bb" src="/wiki/images/3/3c/Whu-build.jpg"/>
</div>
</div>
</div>
</div>

Latest revision as of 02:49, 26 October 2011

     Being born, growing, aging and embracing death, the life process that every creature must go through is just like a movie. However, as one of the simplest life forms, E.coli's life story is too evanescent and monotonous. How can we utilize E.coli to show more complicated processes, such as the growing and withering of a tree?
     Numerous problems stand in the way to this goal. So we just take two steps towards this direction. Firstly, we only focus on one pixel of this picture. As time goes by, the color of this point changes periodically. This effect is achieved by a strain of E.coli working as an oscillator which can yield different kinds of pigment periodically with the help of a signal transformation system. Secondly, we will get a static picture if time freezes, just like taking a snap. We call this design “E. film”, and this kind of colorful film is created by constructing three E.coli strains which can produce and secrete three primary colors respectively in the presence of different colors of light.

Count Down

days

hours

minutes

seconds

Visitor

Retrieved from "http://2011.igem.org/Team:WHU-China/Project/Overview"