Team:WHU-China

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
<html>
<head>
<head>
-
<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=Hammersmith+One' rel='stylesheet' type='text/css'>
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://gettopup.com/releases/latest/top_up-min.js"></script>
<script type="text/javascript" src="http://gettopup.com/releases/latest/top_up-min.js"></script>
-
<!---Get jquery script and css from google-->
 
-
 
-
<script type="text/javascript">
 
-
$(document).ready(function()
 
-
{
 
-
  var a1=1345;
 
-
  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>
 
-
 
-
 
<style type="text/css">
<style type="text/css">
-
#footer-box
+
#countdown
{
{
-
display:block;
+
display:none;
-
}
+
-
#bb
+
-
{
+
-
position:relative;
+
-
left:1px;
+
}
}
-
#WHU2introduction
+
#visit
{
{
-
position:absolute;
+
display:none;
-
width:450px;
+
-
margin-left:40px;
+
-
top:55px;
+
-
text-align:center;
+
-
font-family: 'Vollkorn', serif;
+
}
}
-
#WHU2introduction div.a1
+
#demo
{
{
-
color:#EB5649;
+
position:relative;
-
font-size:36px;
+
top:15px;
-
font-family:"Bodoni MT", Helvetica, sans-serif;
+
height:260px;
 +
width:1000px;
 +
left:0px;
 +
overflow:hidden;
}
}
-
#WHUF
+
#demo img {
-
{
+
top:20px;
-
position:absolute;
+
height:260px;
-
background-color:#EBEBEB;
+
width:300px;
-
-webkit-border-radius: 5px;
+
-
top:55px;
+
-
width:480px;
+
-
height:360px;
+
-
right:20px;
+
-
z-index:0;
+
}
}
-
#WHUF3
+
#indemo {
-
{
+
float: left;
-
position:absolute;
+
width: 800%;
-
top:15px;
+
-
width:480px;
+
-
height:360px;
+
-
background-color:#EBEBEB;
+
-
left:40px;
+
-
z-index:0;
+
}
}
-
#WHUF2
+
#demo1 {
-
{
+
float: left;
-
position:absolute;
+
}
-
background-color:#EBEBEB;
+
#demo2 {
-
top:15px;
+
padding:0px 3px;
-
width:480px;
+
float: left;
-
height:360px;
+
-
right:20px;
+
-
z-index:0;
+
}
}
#footer-box
#footer-box
Line 81: Line 43:
top:2000px;
top:2000px;
}
}
-
#details
+
.team_images img
{
{
-
text-align:left;
 
 +
height:280px;
}
}
-
#details p
+
#preview_images
{
{
-
font-size:15px;
+
position:relative;
-
}
+
-
#name1
+
-
{
+
-
position:absolute;
+
-
right:220px;
+
-
top:408px;
+
-
z-index:99;
+
-
}
+
-
.name p
+
-
{
+
-
font-size:19px;
+
-
color:#E63913;
+
-
font-family:"Bodoni MT", Helvetica, sans-serif;
+
-
}
+
-
#name2
+
-
{
+
-
position:absolute;
+
-
right:220px;
+
-
top:368px;
+
-
}
+
-
#name3
+
-
{
+
-
position:absolute;
+
-
left:188px;
+
-
top:368px;
+
-
}
+
-
#WHU2
+
-
{
+
-
        position:relative;
+
-
        background-color: transparent;
+
-
height: 428px;
+
-
width: 1000px;
+
-
        z-index:-1;
+
-
}
+
-
#WHU3
+
-
{
+
-
        position:relative;
+
-
        top:20px;
+
-
        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
+
-
{
+
-
position:absolute;
+
-
z-index:1;
+
-
 
+
-
}
+
-
#acknowledgment div.a1
+
-
{
+
-
color:#FDC00F;
+
-
font-size:40px;
+
-
position:absolute;
+
top:20px;
top:20px;
-
left:0px;
+
background:transparent;
-
text-align:center;
+
height:600px;
-
width:1000px;
+
left:10px;
-
font-family:"Bodoni MT", Helvetica, sans-serif;
+
width:980px;
-
z-index:99;
+
}
}
-
#acknowledgment
+
</style>
-
{
+
-
position:relative;
+
-
width:1000px;
+
-
height:430px;
+
-
text-align:center;
+
-
top:80px;
+
-
z-index:1;
+
-
}
+
-
 
+
-
#highlight
+
-
{
+
-
position: relative;
+
-
top:0px;
+
-
width:1000px;
+
-
height:300px;
+
-
text-align:center;
+
-
font-family: 'Vollkorn', serif;
+
-
}
+
-
 
+
-
#high1
+
-
{
+
-
position: absolute;
+
-
left:40px;
+
-
width:280px;
+
-
 
+
-
}
+
-
#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;
+
-
}
+
-
#high1 div.a1
+
-
{
+
-
color:#E63913;}
+
-
#high2 div.a1
+
-
{
+
-
  color:#830910;}
+
-
#high3 div.a1
+
-
{
+
-
color:#0A5417;}
+
-
 
+
-
</style>  
+
</head>
</head>
-
 
<body>
<body>
<div id="content1">
<div id="content1">
-
 
+
<div id="demo">
-
<div class="WHUFlash" id="WHU2">
+
<div id="indemo">
-
<div id="WHU2introduction" style="background:#BBBBDD;-webkit-border-radius: 5px; ">
+
<div id="demo1">
-
<div class="a1" style="margin:12px;">Brief Introduction </div>
+
<a ><img src="/wiki/images/e/e6/Whu-1.jpg" border="1" /></a>
-
<div id="details">
+
<a ><img src="/wiki/images/f/f1/Whu-4-2.jpg" border="1" /></a>
-
<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>
+
<a ><img src="/wiki/images/c/c4/Whu-8.jpg" border="1" /></a>
-
&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>
+
<a ><img src="/wiki/images/f/f6/Whu-10.jpg" border="1" /></a>
-
&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>
+
<a ><img src="/wiki/images/6/69/Whu-13.jpg" border="1" /></a>
-
</div>
+
<a ><img src="/wiki/images/e/e1/Whu-18.jpg" border="1" /></a>
-
</div>
+
<a><img src="/wiki/images/4/42/Whu-32.jpg" border="1" /></a>
-
<div id="WHUF">
+
<a ><img src="/wiki/images/f/fc/Whu-43.jpg" border="1" /></a>
-
<embed src="/wiki/images/9/93/Whu-Color_film%282%29.swf" height="360" width="480" loop="true"></embed>
+
<a ><img src="/wiki/images/a/a8/Whu-61.jpg" border="1" /></a>
-
</div>
+
<a><img src="/wiki/images/5/57/Whu-47.jpg" border="1" /></a>
-
<div id="name1" class="name"><p>First Part</p></div>  
+
</div>
</div>
 +
<div id="demo2"></div>
 +
<script>
 +
var speed=20;
 +
var tab=document.getElementById("demo");
 +
var tab1=document.getElementById("demo1");
 +
var tab2=document.getElementById("demo2");
 +
tab2.innerHTML=tab1.innerHTML;
 +
function Marquee(){
 +
if(tab.scrollLeft<=0)
 +
tab.scrollLeft+=tab2.offsetWidth
 +
else{
 +
tab.scrollLeft--;
 +
}
 +
}
 +
var MyMar=setInterval(Marquee,speed);
 +
tab.onmouseover=function() {clearInterval(MyMar)};
 +
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-
<div class="WHUFlash" id="WHU3">
+
</script>  
-
 
+
-
<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>
-
 
-
<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>
-
 
+
<div id="#preview_images">
-
<div id="highlight">
+
tupian......
-
<div id="high1">
+
-
<div class="a1">Our Standard</div>
+
-
<div style="background:#E63913;-webkit-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 stable than the traditional ways. The second standard is an extension to the traditional assembly standard and makes the former more perfect. We hope these two standards help all the teams a lot 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;">
+
-
<div id="leftpic"><img src="/wiki/images/7/70/WHU_modeling.png" height="80" width="110"/></div>
+
-
<p style="margin:5px;color:white;font-size:14px;">In the mathematic modeling section, we were focus on the oscillators. We made stimulation about two possible circumstance of oscillators, one including two proteins and another of three proteins. Firstly, we tried to figure out whether our oscillator design of two proteins can work well in the mathematic models. Then we tried to carry out experiments to prove it. What’s more, we compared our design to oscillators of three proteins. Finally, 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;">
+
-
<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 did a questionnaire in the freshman grade. These freshmen has 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.
+
-
We received 58 questionnaires back. Based on all these answers, we found out people are more concerned with environment pollutions but have a 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="https://static.igem.org/mediawiki/2011/d/d9/Edinburgh_home_logo.png" width="220" height="200"/></a>
 
-
</div>
 
-
<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>
 
-
</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="220" 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="220" height="200"/></a>
 
-
</div>
 
-
<div style="position:absolute;bottom:120px;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>
-
<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">
+
</body>
-
<a href="https://2011.igem.org/wiki/index.php?title=Team:WHU-China/Team/History&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>
 
-
</body>
 
</html>
</html>
{{WHUcss}}
{{WHUcss}}

Revision as of 08:23, 2 October 2011

tupian......
Count Down

days

hours

minutes

seconds

Visitor

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