Team:WHU-China
From 2011.igem.org
(405 intermediate revisions not shown) | |||
Line 12: | Line 12: | ||
$(document).ready(function() | $(document).ready(function() | ||
{ | { | ||
- | var a1= | + | var a1=1354; |
- | var a2=document. | + | var a2=document.body.clientHeight; |
document.getElementById("bottom").style.top=(a2+a1).toString()+'px'; | document.getElementById("bottom").style.top=(a2+a1).toString()+'px'; | ||
- | document.getElementById("contact").style.top=(a2+a1+ | + | document.getElementById("contact").style.top=(a2+a1+80).toString()+'px'; |
}); | }); | ||
</script> | </script> | ||
- | <style type="text/css"> | + | <style type="text/css"> |
- | + | #footer-box | |
+ | { | ||
+ | display:block; | ||
+ | } | ||
+ | #bb | ||
+ | { | ||
+ | position:relative; | ||
+ | left:1px; | ||
+ | } | ||
#WHU2introduction | #WHU2introduction | ||
{ | { | ||
position:absolute; | position:absolute; | ||
- | width: | + | width:450px; |
- | margin-left: | + | margin-left:40px; |
- | top: | + | top:40px; |
text-align:center; | text-align:center; | ||
+ | font-family: 'Vollkorn',tahoma,宋体b8b\4f53,sans-serif; | ||
} | } | ||
- | #WHU2introduction a1 | + | #WHU2introduction div.a1 |
{ | { | ||
- | color:# | + | color:#EB5649; |
font-size:36px; | font-size:36px; | ||
- | font-family:Bodoni MT, Helvetica, sans-serif; | + | font-family:"Bodoni MT", Helvetica, sans-serif; |
} | } | ||
#WHUF | #WHUF | ||
{ | { | ||
position:absolute; | position:absolute; | ||
- | background-color: | + | background-color:white; |
- | top: | + | top:40px; |
- | width: | + | width:480px; |
- | height: | + | height:360px; |
- | right: | + | 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 | ||
+ | { | ||
+ | position:absolute; | ||
+ | top:0px; | ||
+ | width:480px; | ||
+ | height:360px; | ||
+ | left:40px; | ||
+ | z-index:0; | ||
+ | } | ||
+ | #WHUF2 | ||
+ | { | ||
+ | position:absolute; | ||
+ | top:0px; | ||
+ | width:480px; | ||
+ | height:360px; | ||
+ | right:20px; | ||
+ | z-index:0; | ||
} | } | ||
#footer-box | #footer-box | ||
Line 50: | Line 97: | ||
position:absolute; | position:absolute; | ||
top:2000px; | top:2000px; | ||
+ | } | ||
+ | #details | ||
+ | { | ||
+ | text-align:left; | ||
+ | |||
+ | } | ||
+ | #details p | ||
+ | { | ||
+ | font-size:15px; | ||
+ | } | ||
+ | |||
+ | #name1 | ||
+ | { | ||
+ | position:absolute; | ||
+ | right:220px; | ||
+ | top:391px; | ||
+ | z-index:99; | ||
+ | } | ||
+ | .name p | ||
+ | { | ||
+ | font-size:19px; | ||
+ | color:#E63913; | ||
+ | font-family:"Bodoni MT", Helvetica, sans-serif; | ||
+ | } | ||
+ | #name2 | ||
+ | { | ||
+ | position:absolute; | ||
+ | right:220px; | ||
+ | top:350px; | ||
+ | } | ||
+ | #name3 | ||
+ | { | ||
+ | position:absolute; | ||
+ | left:188px; | ||
+ | top:350px; | ||
} | } | ||
#WHU2 | #WHU2 | ||
Line 55: | Line 137: | ||
position:relative; | position:relative; | ||
background-color: transparent; | background-color: transparent; | ||
- | height: | + | height: 428px; |
width: 1000px; | width: 1000px; | ||
z-index:-1; | z-index:-1; | ||
+ | top:-10px; | ||
} | } | ||
- | # | + | #WHU3 |
{ | { | ||
- | position: | + | position:relative; |
- | z-index:-1; | + | top:10px; |
+ | background-color: transparent; | ||
+ | height: 460px; | ||
+ | width: 1000px; | ||
+ | z-index:-1; | ||
} | } | ||
+ | #leftpic{ | ||
+ | float: left; | ||
+ | margin: 3px; | ||
+ | padding: 0; | ||
+ | width: auto; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | #contact | ||
+ | {position:absolute; | ||
+ | z-index:1; | ||
+ | left:0px;} | ||
+ | |||
#bottom | #bottom | ||
{ | { | ||
Line 70: | Line 170: | ||
} | } | ||
- | #acknowledgment | + | #acknowledgment div.a1 |
{ | { | ||
color:#FDC00F; | color:#FDC00F; | ||
font-size:40px; | font-size:40px; | ||
- | font-family:Bodoni MT, Helvetica, sans-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 80: | Line 187: | ||
position:relative; | position:relative; | ||
width:1000px; | width:1000px; | ||
- | height: | + | height:440px; |
text-align:center; | text-align:center; | ||
- | top: | + | top:72px; |
z-index:1; | z-index:1; | ||
} | } | ||
Line 89: | Line 196: | ||
{ | { | ||
position: relative; | position: relative; | ||
- | top: | + | 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 98: | Line 206: | ||
{ | { | ||
position: absolute; | position: absolute; | ||
- | left: | + | left:40px; |
- | width: | + | width:280px; |
+ | |||
+ | } | ||
+ | #high1 p | ||
+ | { | ||
+ | text-align:left; | ||
} | } | ||
Line 105: | Line 218: | ||
{ | { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:360px; |
- | width: | + | width:280px; |
} | } | ||
+ | #high2 p | ||
+ | { | ||
+ | text-align:left; | ||
+ | } | ||
#high3 | #high3 | ||
{ | { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:680px; |
- | width: | + | width:280px; |
+ | } | ||
+ | #high3 p | ||
+ | { | ||
+ | text-align:left; | ||
} | } | ||
#ack1 | #ack1 | ||
{ | { | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:60px; |
width:21%; | width:21%; | ||
left:3%; | left:3%; | ||
height:200px; | height:200px; | ||
- | + | ||
} | } | ||
#ack2 | #ack2 | ||
{ | { | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:60px; |
width:21%; | width:21%; | ||
left:27%; | left:27%; | ||
height:200px; | height:200px; | ||
- | + | ||
} | } | ||
#ack3 | #ack3 | ||
{ | { | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:60px; |
width:21%; | width:21%; | ||
left:51%; | left:51%; | ||
height:200px; | height:200px; | ||
- | + | ||
} | } | ||
#ack4 | #ack4 | ||
{ | { | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:60px; |
width:21%; | width:21%; | ||
- | left: | + | left:75%; |
height:200px; | height:200px; | ||
- | + | ||
} | } | ||
- | #highlight a1 | + | #highlight div.a1 |
{ | { | ||
font-size:28px; | font-size:28px; | ||
- | + | font-family:"Bodoni MT", Helvetica, sans-serif; | |
+ | margin:7px; | ||
} | } | ||
- | #high1 a1 | + | #high1 div.a1 |
{ | { | ||
- | color:# | + | color:#E63913;} |
- | #high2 a1 | + | #high2 div.a1 |
{ | { | ||
color:#830910;} | color:#830910;} | ||
- | #high3 a1 | + | #high3 div.a1 |
{ | { | ||
color:#0A5417;} | color:#0A5417;} | ||
Line 174: | 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 </ | + | <div class="a1" style="margin:12px;">Brief Introduction </div> |
- | < | + | <div id="details"> |
- | < | + | <p style="margin:6px;"> 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> |
- | + | 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> | |
- | + | 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 id="WHUF"> | <div id="WHUF"> | ||
- | <embed src="/wiki/images/ | + | <embed src="/wiki/images/9/93/Whu-Color_film%282%29.swf" wmode="transparent" height="360" width="480" loop="true"></embed> |
+ | </div> | ||
+ | <div id="name1" class="name"><p>First Part</p></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="WHUFlash" id="WHU3"> | ||
+ | |||
+ | <div id="WHUF3"> | ||
+ | <div id="player"> | ||
+ | <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> | ||
+ | |||
+ | <div id="WHUF2"> | ||
+ | <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="name3"><p>IGEM in WHU</p></div> | ||
</div> | </div> | ||
Line 190: | Line 332: | ||
<div id="highlight"> | <div id="highlight"> | ||
<div id="high1"> | <div id="high1"> | ||
- | <a1> | + | <div class="a1">Our Standard</div> |
- | </ | + | <div style="background:#E63913;-webkit-border-radius: 5px;-moz-border-radius:5px;"> |
- | <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</ | + | <div class="a1">Modeling</div> |
- | </ | + | <div style="background:#830910;-webkit-border-radius: 5px;-moz-border-radius:5px;"> |
- | <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> | + | <div class="a1"> Human Practise</div> |
- | </ | + | <div style="background:#0A5417;-webkit-border-radius: 5px;-moz-border-radius:5px;"> |
- | <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"> | ||
- | < | + | <div class="a1">Acknowledgment</div> |
<div id="ack1"> | <div id="ack1"> | ||
+ | <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/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"> | ||
+ | <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"> | ||
+ | <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 224: | Line 380: | ||
<div id="contact"> | <div id="contact"> | ||
- | < | + | <a href="https://2011.igem.org/wiki/index.php?title=Team:WHU-China&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 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
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
![](/wiki/images/b/b3/WHU_Standard2.png)
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.
![](/wiki/images/1/14/Whu-More.png)
![](/wiki/images/f/fe/Whu-modeling2.png)
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.
![](/wiki/images/1/14/Whu-More.png)
![](/wiki/images/c/c9/WHU_human_practice.png)
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.
![](/wiki/images/1/14/Whu-More.png)