Team:WHU-China

From 2011.igem.org

(Difference between revisions)
 
(485 intermediate revisions not shown)
Line 1: Line 1:
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
-
 
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
<link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
Line 13: Line 12:
$(document).ready(function()
$(document).ready(function()
{
{
-
 
+
  var a1=1354;
 +
  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>
-
<style type="text/css">  
+
<style type="text/css">
-
#menulist{
+
#footer-box
-
position:absolute;
+
{
-
top:140px;
+
display:block;
-
left:0px;
+
}
-
        height:30px;
+
#bb
-
width:975;
+
{
-
background:Aliceblue;
+
position:relative;
-
list-style:none;
+
left:1px;
-
        margin-left:15px;
+
}
-
        z-index:0;
+
#WHU2introduction
 +
{
 +
position:absolute;
 +
width:450px;
 +
margin-left:40px;
 +
top:40px;
 +
text-align:center;
 +
font-family: 'Vollkorn',tahoma,宋体b8b\4f53,sans-serif;
 +
}
 +
#WHU2introduction div.a1
 +
{
 +
color:#EB5649;
 +
font-size:36px;
 +
font-family:"Bodoni MT", Helvetica, sans-serif;
 +
}
 +
#WHUF
 +
{
 +
position:absolute;
 +
background-color:white;
 +
top:40px;
 +
width:480px;
 +
height:360px;
 +
right:20px;
 +
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
 +
{
 +
position:absolute;
 +
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
{
{
-
         position:absolute;
+
         position:relative;
-
         background-color: #700;
+
         background-color: transparent;
-
        top:180px;
+
height: 428px;
-
height: 200px;
+
width: 1000px;
-
width: 975px;
+
         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;
}
}
-
#menus{
 
-
font-size:18px;
 
-
font-family:Calibri;
 
-
list-style-image: none;
 
-
list-style-type: none;
 
-
 
-
}
 
-
ul.menu 
+
#contact
-
{
+
{position:absolute;
-
display:none;  
+
z-index:1;
-
        list-style:none;  
+
left:0px;}
-
left:-10px;
+
 
-
        z-index:1
+
#bottom
 +
{
 +
position:absolute;
 +
z-index:1;
 +
 
}
}
-
ul.menu li
+
#acknowledgment div.a1
{
{
-
background-color:Aliceblue;
+
color:#FDC00F;
-
margin-left:-25px;
+
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;
}
}
-
li:hover .menu,.over .menu{
+
#acknowledgment
-
display:block;      
+
{
 +
position:relative;
 +
width:1000px;
 +
height:440px;
 +
text-align:center;
 +
top:72px;
 +
z-index:1;
}
}
-
#menulist li
+
 
 +
#highlight
{
{
-
    float:left;
+
position: relative;
-
    width:85px;
+
top:-38px;
 +
width:1000px;
 +
height:300px;
 +
text-align:center;
 +
font-family: 'Vollkorn',arial,tahoma,宋体b8b\4f53,sans-serif;
}
}
-
#menulist a{
+
 
-
display:block;  
+
#high1
-
text-decoration:none;
+
{
-
color:#000;
+
position: absolute;
-
font-weight:bold;
+
left:40px;
-
        text-align:center;
+
width:280px;
-
        border:1px solid #900;  
+
 
 +
}
 +
#high1 p
 +
{
 +
text-align:left;
 +
 
 +
}
 +
#high2
 +
{
 +
position:absolute;
 +
left:360px;
 +
width:280px;
 +
 
 +
}
 +
#high2 p
 +
{
 +
text-align:left;
 +
 
 +
}
 +
#high3
 +
{
 +
position:absolute;
 +
left:680px;
 +
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 div.a1
 +
{
 +
font-size:28px;
 +
  font-family:"Bodoni MT", Helvetica, sans-serif;
 +
  margin:7px;
}
}
-
#menulist a:hover{
+
#high1 div.a1
-
background-color:red;
+
{
-
font-style:italic;
+
color:#E63913;}
-
font-size:20px;
+
#high2 div.a1
-
width:auto;
+
{
-
}
+
  color:#830910;}
-
+
#high3 div.a1
 +
{
 +
color:#0A5417;}
 +
 
</style>  
</style>  
</head>
</head>
<body>
<body>
-
<div id="content">
+
<div id="content1">
-
<div class="WHUlogo" id="WHU1">
+
 
-
此处显示 我们的logo
+
<div class="WHUFlash" id="WHU2">
 +
<div id="WHU2introduction" style="background:#BBBBDD;-webkit-border-radius: 5px;-moz-border-radius:5px; ">
 +
<div class="a1" style="margin:12px;">Brief Introduction </div>
 +
<div id="details">
 +
<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 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 id="menus">
 
-
<ul id="menulist">
 
-
    <li><a href="/Team:WHU-China">Home</a>
 
-
    <li><a href="/Team:WHU-China/Team">Team</a>
 
-
        <ul class="menu">
 
-
            <li><a href="/Team:WHU-China/Team/History">History</a></li>
 
-
            <li><a href="/Team:WHU-China/Team/Gallary">Gallery</a></li>
 
-
            <li style="width:auto"><a href="/Team:WHU-China/Team/Collaboration">Collaboration</a></li>
 
-
        </ul>
 
-
    </li>   
 
-
    <li><a href="/Team:WHU-China/Project">Project</a>
 
-
        <div ><ul class="menu">
 
-
            <li><a href="/Team:WHU-China/Project/Overview">Overview</a></li>
 
-
            <li><a href="/Team:WHU-China/Project/Modeling">Modeling</a></li>
 
-
            <li><a href="/Team:WHU-China/Project/Results">Results</a></li>
 
-
           
 
-
        </ul></div> 
 
-
    </il>
 
-
    <li><a href="/Team:WHU-China/Parts">Parts</a>
 
-
        <div  > <ul class="menu"> 
 
-
            <li><a href="/Team:WHU-China/Parts/BioBricks">BioBricks</a></li>
 
-
<li><a href="/Team:WHU-China/Parts/Submitted" >Submitted</a></li>
 
-
            <li><a href="/Team:WHU-China/Parts/Vectors">Vectors</a></li>
 
-
        </ul></div>
 
-
    </li>
 
-
   
 
-
    <li style="width:100px"><a href="/Team:WHU-China/Notebook">Notebook</a>
 
-
        <div ><ul class="menu">
 
-
            <li><a href="/Team:WHU-China/Notebook/Protocols">Protocols</a></li>
 
-
            <li style="width:150px;"><a href="/Team:WHU-China/Notebook/Daytoday">Daytoday Progress</a></li>
 
-
        </ul></div>
 
-
    </li>
 
-
    <li ><a href="/Team:WHU-China/Safety">Safety</a>
 
-
    </li>
 
-
    <li style="width:150px;"><a href="/Team:WHU-China/Humanpractice">Human Practice</a>
 
-
    </li>
 
-
    <li style="width:180px;"><a href="/Team:WHU-China/Acknowledgements">Acknowledgements</a>
 
-
    </li>
 
-
    <li style="width:100px;"><a href="/Team:WHU-China/Data">Data Page</a>
 
-
    </li>
 
-
 
-
</ul>
 
</div>
</div>
-
<div class="WHUFlash" id="WHU2">
+
<div id="WHUF">
-
此处显示 我们的flash作品
+
<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>
</div>
-
</body>
 
-
</html>
+
<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 class="name" id="name2"><p>Second Part</p></div>
 +
<div class="name" id="name3"><p>IGEM in WHU</p></div>
 +
</div>
 +
 +
 +
<div id="highlight">
 +
<div id="high1">
 +
<div class="a1">Our Standard</div>
 +
<div style="background:#E63913;-webkit-border-radius: 5px;-moz-border-radius:5px;">
 +
<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 id="high2">
 +
<div class="a1">Modeling</div>
 +
<div style="background:#830910;-webkit-border-radius: 5px;-moz-border-radius:5px;">
 +
<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 id="high3">
 +
<div class="a1"> Human Practise</div>
 +
<div style="background:#0A5417;-webkit-border-radius: 5px;-moz-border-radius:5px;">
 +
<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 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 id="bottom">
 +
<image src="/wiki/images/5/58/Whu-backgroundbottom.png"/>
 +
</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 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>
 +
</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"