Team:WHU-China

From 2011.igem.org

(Difference between revisions)
 
(279 intermediate revisions not shown)
Line 12: Line 12:
$(document).ready(function()
$(document).ready(function()
{
{
-
   var a1=1227;
+
   var a1=1354;
   var a2=document.body.clientHeight;
   var a2=document.body.clientHeight;
   document.getElementById("bottom").style.top=(a2+a1).toString()+'px';
   document.getElementById("bottom").style.top=(a2+a1).toString()+'px';
Line 20: Line 20:
-
<style type="text/css">  
+
<style type="text/css">
 +
#footer-box
 +
{
 +
display:block;
 +
}
#bb
#bb
{
{
Line 31: Line 35:
width:450px;
width:450px;
margin-left:40px;
margin-left:40px;
-
top:80px;
+
top:40px;
text-align:center;
text-align:center;
 +
font-family: 'Vollkorn',tahoma,宋体b8b\4f53,sans-serif;
}
}
-
#WHU2introduction a1
+
#WHU2introduction div.a1
{
{
-
color:#306E3C;
+
color:#EB5649;
font-size:36px;
font-size:36px;
-
font-family:'Molengo',serif;  
+
font-family:"Bodoni MT", Helvetica, sans-serif;  
}
}
#WHUF
#WHUF
{
{
  position:absolute;
  position:absolute;
-
  background-color:#EBEBEB;
+
  background-color:white;
-
  top:70px;
+
  top:40px;
-
  width:450px;
+
  width:480px;
-
  height:330px;
+
  height:360px;
-
  right:50px;
+
  right:20px;
z-index:0;
z-index:0;
 +
color:white;
 +
}
 +
#follow
 +
{
 +
position:absolute;
 +
-webkit-border-radius: 5px;
 +
-moz-border-radius:5px;
 +
text-align:center;
 +
width:170px;
 +
height:100px;
 +
top:1155px;
 +
background:#FCD208;
 +
left:1005px;
 +
font-size:15px;
 +
}
 +
#follow h3
 +
{
 +
font-family: 'Lobster',"Bodoni MT",tahoma,宋体b8b\4f53,sans-serif, cursive;
 +
font-size:22px;
 +
color:#EB5649;
}
}
#WHUF3
#WHUF3
{
{
  position:absolute;
  position:absolute;
-
  top:30px;
+
  top:0px;
-
  width:430px;
+
  width:480px;
-
  height:330px;
+
  height:360px;
-
background-color:#EBEBEB;
+
  left:40px;
  left:40px;
  z-index:0;
  z-index:0;
Line 63: Line 87:
{
{
  position:absolute;
  position:absolute;
-
background-color:#EBEBEB;
+
  top:0px;
-
  top:30px;
+
  width:480px;
-
  width:450px;
+
  height:360px;
-
  height:330px;
+
  right:20px;
-
  right:50px;
+
  z-index:0;
  z-index:0;
}
}
Line 84: Line 107:
font-size:15px;
font-size:15px;
}
}
 +
#name1
#name1
{
{
position:absolute;
position:absolute;
-
right:250px;
+
right:220px;
-
top:390px;
+
top:391px;
 +
z-index:99;
}
}
.name p
.name p
Line 94: Line 119:
font-size:19px;
font-size:19px;
color:#E63913;
color:#E63913;
-
font-family:'Molengo',serif;
+
font-family:"Bodoni MT", Helvetica, sans-serif;
}
}
#name2
#name2
{
{
position:absolute;
position:absolute;
-
right:230px;
+
right:220px;
top:350px;
top:350px;
}
}
Line 105: Line 130:
{
{
position:absolute;
position:absolute;
-
left:170px;
+
left:188px;
top:350px;
top:350px;
}
}
Line 112: Line 137:
         position:relative;
         position:relative;
         background-color: transparent;
         background-color: transparent;
-
height: 400px;
+
height: 428px;
width: 1000px;
width: 1000px;
         z-index:-1;
         z-index:-1;
 +
        top:-10px;
}
}
#WHU3
#WHU3
{
{
         position:relative;
         position:relative;
-
         margin-top:50px
+
         top:10px;
         background-color: transparent;
         background-color: transparent;
-
height: 400px;
+
height: 460px;
width: 1000px;
width: 1000px;
         z-index:-1;
         z-index:-1;
 +
}
 +
#leftpic{
 +
    float: left;
 +
    margin: 3px;
 +
    padding: 0;
 +
    width: auto;
 +
    height: auto;
}
}
Line 137: Line 170:
}
}
-
#acknowledgment a2
+
#acknowledgment div.a1
{
{
color:#FDC00F;
color:#FDC00F;
font-size:40px;
font-size:40px;
-
font-family:'Molengo',serif;
+
position:absolute;
 +
top:25px;
 +
left:0px;
 +
text-align:center;
 +
height:50px;
 +
width:1000px;
 +
font-family:"Bodoni MT", Helvetica, sans-serif;
 +
z-index:99;
}
}
#acknowledgment
#acknowledgment
Line 147: Line 187:
position:relative;
position:relative;
width:1000px;
width:1000px;
-
height:400px;
+
height:440px;
text-align:center;
text-align:center;
-
top:50px;
+
top:72px;
z-index:1;
z-index:1;
}
}
Line 156: Line 196:
{
{
position: relative;
position: relative;
-
top:30px;
+
top:-38px;
width:1000px;
width:1000px;
height:300px;
height:300px;
text-align:center;
text-align:center;
 +
font-family: 'Vollkorn',arial,tahoma,宋体b8b\4f53,sans-serif;
}
}
Line 165: Line 206:
{
{
position: absolute;
position: absolute;
-
left:70px;
+
left:40px;
-
width:260px;
+
width:280px;
 +
 
 +
}
 +
#high1 p
 +
{
 +
text-align:left;
}
}
Line 172: Line 218:
{
{
position:absolute;
position:absolute;
-
left:380px;
+
left:360px;
-
width:260px;
+
width:280px;
 +
 
 +
}
 +
#high2 p
 +
{
 +
text-align:left;
}
}
Line 179: Line 230:
{
{
position:absolute;
position:absolute;
-
left:690px;
+
left:680px;
-
width:260px;
+
width:280px;
 +
}
 +
#high3 p
 +
{
 +
text-align:left;
}
}
#ack1
#ack1
Line 218: Line 273:
}
}
-
#highlight a1
+
#highlight div.a1
{
{
font-size:28px;
font-size:28px;
-
    font-family:'Molengo',serif;
+
  font-family:"Bodoni MT", Helvetica, sans-serif;
 +
  margin:7px;
}
}
-
#high1 a1
+
#high1 div.a1
{
{
color:#E63913;}
color:#E63913;}
-
#high2 a1
+
#high2 div.a1
{
{
  color:#830910;}
  color:#830910;}
-
#high3 a1
+
#high3 div.a1
{
{
color:#0A5417;}
color:#0A5417;}
Line 240: Line 296:
<div class="WHUFlash" id="WHU2">
<div class="WHUFlash" id="WHU2">
-
<div id="WHU2introduction">
+
<div id="WHU2introduction" style="background:#BBBBDD;-webkit-border-radius: 5px;-moz-border-radius:5px; ">
-
<a1>Brief Introduction </a1>
+
<div class="a1" style="margin:12px;">Brief Introduction </div>
<div id="details">
<div id="details">
-
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Our project focuses on constructing colorful E.coli, which includes two parts. We plan to construct two systems consisting of several strains of E.coli: one produces different pigments due to the change of time, and the other produces different pigments with the change of position.</br>
+
<p style="margin:6px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Our project focuses on constructing colorful E.coli, which includes two parts. We plan to construct two systems consisting of several strains of E.coli: one produces different pigments due to the change of time, and the other produces different pigments with the change of position.</br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In the first part, the strain of E.coli works as an oscillator which can yield different kinds of pigment periodically with the help of a signal transformation system. </br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In the first part, the strain of E.coli works as an oscillator which can yield different kinds of pigment periodically with the help of a signal transformation system. </br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In the second part, we came up with the idea of “colorful E.film”. In hope to create a colorful film, we will construct three E.coli strains which can produce and secrete three primary colors respectively in the presence of the three primary lights. Therefore, if we use a color picture as an input signal, the output will be the copy of it on the plate. </p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In the second part, we came up with the idea of “colorful E.film”. In hope to create a colorful film, we will construct three E.coli strains which can produce and secrete three primary colors respectively in the presence of the three primary lights. Therefore, if we use a color picture as an input signal, the output will be the copy of it on the plate. </p>
-
 
</div>
</div>
</div>
</div>
<div id="WHUF">
<div id="WHUF">
-
<embed src="/wiki/images/3/32/Whu-Color_Film.swf" height="330" width="450" loop="true"></embed>
+
<embed src="/wiki/images/9/93/Whu-Color_film%282%29.swf" wmode="transparent" height="360" width="480" loop="true"></embed>
</div>
</div>
<div id="name1" class="name"><p>First Part</p></div>  
<div id="name1" class="name"><p>First Part</p></div>  
Line 259: Line 314:
<div id="WHUF3">  
<div id="WHUF3">  
<div id="player">
<div id="player">
-
                   <object width="450" height="330" align="center"> <param name="flashvars" value="offsite=true&lang=es-us&page_show_url=%2Fphotos%2F67894018%40N07%2Fshow%2F&page_show_back_url=%2Fphotos%2F67894018%40N07%2F&user_id=67894018@N07&jump_to="></param> <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=104087"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/slideshow/show.swf?v=104087" allowFullScreen="true" flashvars="offsite=true&lang=es-us&page_show_url=%2Fphotos%2F67894018%40N07%2Fshow%2F&page_show_back_url=%2Fphotos%2F67894018%40N07%2F&user_id=67894018@N07&jump_to=" width="450" height="330"></embed></object>
+
                   <object width="450" height="360" align="center"> <param name="flashvars" value="offsite=true&lang=es-us&page_show_url=%2Fphotos%2F67894018%40N07%2Fshow%2F&page_show_back_url=%2Fphotos%2F67894018%40N07%2F&user_id=67894018@N07&jump_to="></param> <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=104087"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/slideshow/show.swf?v=104087" allowFullScreen="true" flashvars="offsite=true&lang=es-us&page_show_url=%2Fphotos%2F67894018%40N07%2Fshow%2F&page_show_back_url=%2Fphotos%2F67894018%40N07%2F&user_id=67894018@N07&jump_to=" width="450" height="360"></embed></object>
                     </div>
                     </div>
                                                      
                                                      
Line 265: Line 320:
<div id="WHUF2">
<div id="WHUF2">
-
<embed src="/wiki/images/3/31/Whu-Oscillator.swf" height="330" width="450" loop="true"></embed>
+
<OBJECT classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B " id="MediaPlayer1">
 +
<EMBED  src="/wiki/images/e/e4/Whu-Oscillator2.swf" width="480" height="360" autostart="true" loop="true">
 +
</EMBED>
 +
</OBJECT>
</div>  
</div>  
<div class="name" id="name2"><p>Second Part</p></div>
<div class="name" id="name2"><p>Second Part</p></div>
Line 274: Line 332:
<div id="highlight">
<div id="highlight">
<div id="high1">
<div id="high1">
-
<a1>Our Standard</a1>
+
<div class="a1">Our Standard</div>
-
</br></br>
+
<div style="background:#E63913;-webkit-border-radius: 5px;-moz-border-radius:5px;">
-
<p>Japan was fun. It was very cool and windy. We flew kites in the park. I bought a watch there. I wanted to buy more, but I didn't have money. The gardens there were beautiful. I liked them the best. The department stores were too big. I couldn't find Mom. The food was delicious. We ate a lot of fish, and I also liked the vegetables and cake there. I hope I can go to Japan one more time.</p>
+
<div id="leftpic"><img src="/wiki/images/b/b3/WHU_Standard2.png"/></div>
 +
<p style="margin:5px;color:white;font-size:14px;">We iGEM-WHU team is a young team, but we are full of new ideas. This year, we put up with two standards. The first one is a whole new way to assemble biobricks. In this way, several biobricks can be assembled together in only one step. It saves much time in experiments and also is much more stable than the traditional way. The second standard is an extension to the traditional assembly standard and makes the former better. We hope these two standards will help all the teams next year. </p></br></br>
 +
<a href="https://2011.igem.org/Team:WHU-China/Standard"><img src="/wiki/images/1/14/Whu-More.png" style="position:absolute;bottom:5px;right:10px"/></a></div>
</div>
</div>
<div id="high2">
<div id="high2">
-
<a1>Modeling</a1>
+
<div class="a1">Modeling</div>
-
</br></br>
+
<div style="background:#830910;-webkit-border-radius: 5px;-moz-border-radius:5px;">
-
<p>Japan was fun. It was very cool and windy. We flew kites in the park. I bought a watch there. I wanted to buy more, but I didn't have money. The gardens there were beautiful. I liked them the best. The department stores were too big. I couldn't find Mom. The food was delicious. We ate a lot of fish, and I also liked the vegetables and cake there. I hope I can go to Japan one more time.</p>
+
<div id="leftpic"><img src="/wiki/images/f/fe/Whu-modeling2.png" height="80" width="110"/></div>
 +
<p style="margin:5px;color:white;font-size:14px;">In the mathematic modeling section, we focused on oscillators. We made stimulation about two possible circumstances of oscillator, one including two proteins and the other including three proteins. Firstly, we tried to figure out whether our oscillator of two proteins can work well in mathematic models. Then we tried to carry out experiments to test it. In addition, we compared our oscillator to those of three proteins. Fortunately, we got some conclusions.</p></br></br>
 +
<a href="https://2011.igem.org/Team:WHU-China/Project/Modeling"><img src="/wiki/images/1/14/Whu-More.png" style="position:absolute;bottom:5px;right:10px"/></a></div>
</div>
</div>
<div id="high3">
<div id="high3">
-
<a1> Safety</a1>
+
<div class="a1"> Human Practise</div>
-
</br></br>
+
<div style="background:#0A5417;-webkit-border-radius: 5px;-moz-border-radius:5px;">
-
<p>Japan was fun. It was very cool and windy. We flew kites in the park. I bought a watch there. I wanted to buy more, but I didn't have money. The gardens there were beautiful. I liked them the best. The department stores were too big. I couldn't find Mom. The food was delicious. We ate a lot of fish, and I also liked the vegetables and cake there. I hope I can go to Japan one more time.</p>
+
<div id="leftpic"><img src="/wiki/images/c/c9/WHU_human_practice.png"/></div>
 +
<p style="margin:5px;color:white;font-size:14px;">In September, we carried out a questionnaire research among the freshmen who have little knowledge of synthetic biology. We tried to find out the opinions of public on synthetic biology and spread knowledge of synthetic biology at the same time.  
 +
58 of the 100 subjects replied to our questionaire. Based on their answeres to the questions, we concluded that people are very concerned with the problem of safety but still have an optimistic altitude towards the development of synthetic biology. </p></br></br>
 +
<a href="https://2011.igem.org/Team:WHU-China/Humanpractice"><img src="/wiki/images/1/14/Whu-More.png" style="position:absolute;bottom:5px;right:10px"/></a></div>
</div>
</div>
</div>
</div>
<div id="acknowledgment">
<div id="acknowledgment">
-
<a2>Acknowledgment</a2>
+
<div class="a1">Acknowledgment</div>
<div id="ack1">
<div id="ack1">
-
<a href="https://2011.igem.org/Team:Edinburgh"><img src="https://static.igem.org/mediawiki/2011/d/d9/Edinburgh_home_logo.png" width="220" height="200"/></a>
+
<a href="https://2011.igem.org/Team:Edinburgh"><img src="/wiki/images/b/b8/Edinburg.png" width="200" height="200" style="margin-top:5px;"/></a>
</div>
</div>
<div id="ack2">
<div id="ack2">
-
<a href="https://2011.igem.org/Team:HUST-China"><img src="/wiki/images/4/45/HUST-China_logo.png" width="220" height="200"/></a>
+
<a href="https://2011.igem.org/Team:HUST-China"><img src="/wiki/images/9/93/Hust_China_logo.png" style="margin-left:-5px;margin-top:28px;" width="220" height="150"/></a>
</div>
</div>
<div id="ack3">
<div id="ack3">
<a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico">
<a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico">
-
<img src="/wiki/images/7/7d/Whu-Logo_light_minimal_small_render.png" width="220" height="200"/></a>
+
<img src="/wiki/images/7/7d/Whu-Logo_light_minimal_small_render.png" width="200" height="200"/></a>
</div>
</div>
<div id="ack4">
<div id="ack4">
<a href="https://2011.igem.org/Team:UANL_Mty-Mexico">
<a href="https://2011.igem.org/Team:UANL_Mty-Mexico">
-
<img src="/wiki/images/1/17/Whu-Logo-alpha.png" width="220" height="200"/></a>
+
<img src="/wiki/images/1/17/Whu-Logo-alpha.png" width="210" height="160" style="margin-top:30px;"/></a>
</div>
</div>
 +
<div style="position:absolute;bottom:145px;right:40px;"><a href="https://2011.igem.org/Team:WHU-China/Acknowledgement"><img src="/wiki/images/a/a2/Whu-Details%282%29.png" height="25" width="80"/></a></div>
</div>
</div>
Line 320: Line 386:
</div>
</div>
 +
<div id="follow">
 +
<h3>Follow Us</h3>
 +
<a href="http://weibo.com/igemwhu2011" title="SinaWeibo.com"><img style="float:left;position:relative;left:5%;" width="15%" src="/wiki/images/2/29/Sina-weibo.png"></a>
 +
<a href="http://www.renren.com/profile.do?id=342247267&q=whu&p=&s=open&u=252907496&act=name&rt=user&in=1&ft=1&hh=1" title="Renren.com"><img style="float:left;position:relative;left:7%;" width="22%" src="/wiki/images/4/41/Renren.png"></a>
 +
<a href="http://cn.linkedin.com/pub/zhang-chao/32/5b7/437" title="Link In"><img style="float:left;position:relative;left:10%;" width="15%" src="/wiki/images/8/83/Linked_In.png"></a>
</div>
</div>
 +
 +
</div>
</body>
</body>
</html>
</html>
-
 
{{WHUcss}}
{{WHUcss}}

Latest revision as of 10:43, 28 October 2011

Brief Introduction

      Our project focuses on constructing colorful E.coli, which includes two parts. We plan to construct two systems consisting of several strains of E.coli: one produces different pigments due to the change of time, and the other produces different pigments with the change of position.
      In the first part, the strain of E.coli works as an oscillator which can yield different kinds of pigment periodically with the help of a signal transformation system.
      In the second part, we came up with the idea of “colorful E.film”. In hope to create a colorful film, we will construct three E.coli strains which can produce and secrete three primary colors respectively in the presence of the three primary lights. Therefore, if we use a color picture as an input signal, the output will be the copy of it on the plate.

First Part

Second Part

IGEM in WHU

Our Standard

We iGEM-WHU team is a young team, but we are full of new ideas. This year, we put up with two standards. The first one is a whole new way to assemble biobricks. In this way, several biobricks can be assembled together in only one step. It saves much time in experiments and also is much more stable than the traditional way. The second standard is an extension to the traditional assembly standard and makes the former better. We hope these two standards will help all the teams next year.



Modeling

In the mathematic modeling section, we focused on oscillators. We made stimulation about two possible circumstances of oscillator, one including two proteins and the other including three proteins. Firstly, we tried to figure out whether our oscillator of two proteins can work well in mathematic models. Then we tried to carry out experiments to test it. In addition, we compared our oscillator to those of three proteins. Fortunately, we got some conclusions.



Human Practise

In September, we carried out a questionnaire research among the freshmen who have little knowledge of synthetic biology. We tried to find out the opinions of public on synthetic biology and spread knowledge of synthetic biology at the same time. 58 of the 100 subjects replied to our questionaire. Based on their answeres to the questions, we concluded that people are very concerned with the problem of safety but still have an optimistic altitude towards the development of synthetic biology.



Acknowledgment

Follow Us

Count Down

days

hours

minutes

seconds

Visitor

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