Team:WHU-China

From 2011.igem.org

(Difference between revisions)
 
(426 intermediate revisions not shown)
Line 12: Line 12:
$(document).ready(function()
$(document).ready(function()
{
{
-
   var a1=330;
+
   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';
 +
  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:400px;
+
width:450px;
-
margin-left:70px;
+
margin-left:40px;
-
top:90px;
+
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:Bodoni MT, Helvetica, sans-serif;  
+
font-family:"Bodoni MT", Helvetica, sans-serif;  
}
}
#WHUF
#WHUF
{
{
  position:absolute;
  position:absolute;
-
  background-color:#EBEBEB;
+
  background-color:white;
-
  top:30px;
+
  top:40px;
-
  width:420px;
+
  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
 +
{
 +
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 49: 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 54: 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
 +
{
 +
        position:relative;
 +
        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 64: Line 170:
}
}
 +
#acknowledgment div.a1
 +
{
 +
color:#FDC00F;
 +
font-size:40px;
 +
position:absolute;
 +
top:25px;
 +
left:0px;
 +
text-align:center;
 +
height:50px;
 +
width:1000px;
 +
font-family:"Bodoni MT", Helvetica, sans-serif;
 +
z-index:99;
 +
}
 +
#acknowledgment
 +
{
 +
position:relative;
 +
width:1000px;
 +
height:440px;
 +
text-align:center;
 +
top:72px;
 +
z-index:1;
 +
}
 +
#highlight
#highlight
{
{
position: relative;
position: relative;
 +
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 75: Line 206:
{
{
position: absolute;
position: absolute;
-
left:70px;
+
left:40px;
-
width:260px;
+
width:280px;
 +
 
 +
}
 +
#high1 p
 +
{
 +
text-align:left;
}
}
Line 82: Line 218:
{
{
position:absolute;
position:absolute;
-
left:380px;
+
left:360px;
-
width:260px;
+
width:280px;
}
}
 +
#high2 p
 +
{
 +
text-align:left;
 +
}
#high3
#high3
{
{
position:absolute;
position:absolute;
-
left:690px;
+
left:680px;
-
width:260px;
+
width:280px;
 +
}
 +
#high3 p
 +
{
 +
text-align:left;
 +
}
 +
#ack1
 +
{
 +
position:absolute;
 +
top:60px;
 +
width:21%;
 +
left:3%;
 +
height:200px;
 +
 
 +
}
 +
#ack2
 +
{
 +
position:absolute;
 +
top:60px;
 +
width:21%;
 +
left:27%;
 +
height:200px;
 +
 
 +
}
 +
#ack3
 +
{
 +
position:absolute;
 +
top:60px;
 +
width:21%;
 +
left:51%;
 +
height:200px;
 +
 
 +
}
 +
#ack4
 +
{
 +
position:absolute;
 +
top:60px;
 +
width:21%;
 +
left:75%;
 +
height:200px;
 +
 
}
}
-
#highlight a1
+
#highlight div.a1
{
{
font-size:28px;
font-size:28px;
-
    font-family:Bodoni MT, Helvetica, sans-serif;
+
  font-family:"Bodoni MT", Helvetica, sans-serif;
 +
  margin:7px;
}
}
-
#high1 a1
+
#high1 div.a1
{
{
-
color:#115883;}
+
color:#E63913;}
-
#high2 a1
+
#high2 div.a1
{
{
  color:#830910;}
  color:#830910;}
-
#high3 a1
+
#high3 div.a1
{
{
color:#0A5417;}
color:#0A5417;}
Line 115: 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>
-
<br/><br/><br/>
+
<div id="details">
-
<p> Sign up for a free account at StatCounter and follow the 'Install Code' wizard to generate your StatCounter code.
+
<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>
-
When prompted, make sure to choose vBulletin 3.8 as your Blog/Web Page Editor from the drop down list.
+
&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>
-
Copy the StatCounter code.
+
&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>
-
Log into your vBulletin forum.Click "Admin"</p>
+
</div>
</div>
</div>
<div id="WHUF">
<div id="WHUF">
-
<embed src="/wiki/images/1/1a/Whu-flah1.swf" height="330" width="420"></embed>
+
<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 131: Line 332:
<div id="highlight">
<div id="highlight">
<div id="high1">
<div id="high1">
-
<a1>Best 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> Title 3</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 id="acknowledgment">
 +
<div class="a1">Acknowledgment</div>
 +
<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 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 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 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 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 150: Line 377:
<image src="/wiki/images/5/58/Whu-backgroundbottom.png"/>
<image src="/wiki/images/5/58/Whu-backgroundbottom.png"/>
</div>
</div>
 +
<!-- bottom and needed to be modified in the top-->
 +
 +
<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>
</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"