XMU-Biomod/background
<html> <head> <style> /* hiding the top section*/ body{position:absolute; top:0px; width:100%; height:1400px;background-color:#c2edf4;}
- top-section{
height:0px; border:none; width:980px; margin:0 auto; padding:0 0 0 0; background-color:#c2edf4; overflow:hide;
}
- p-logo{display:none;}
- search-controls{display:none;}
- top{display:none;}
.firstHeading{display:none;} /* end of hiding the top section*/
/* global setting*/
- globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;}
- content{
background-color:#c2edf4; border:none; width:1340px; height:1400px; marign:0 auto; padding:0 0 0 0; top:0px;
background-image:url("http://2013.igem.org/wiki/images/7/75/Xmu-Bg.png"); background-repeat:no-repeat; background-attachment:fixed
}
- bodyContent{
background-color:transparent;
border:none;
background-image:url("http://2013.igem.org/wiki/images/7/75/Xmu-Bg.png");
background-repeat:no-repeat; background-attachment:fixed
}
siteSub{
display:none; border:none; }
contentSub{
display:none; }
/* end of global setting*/
/*hiding the footer-box*/
- footer-box{display:none;}
- catlinks{display:none;}
/*end of hiding the footer book*/ ul,li { list-style-type: none; text-transform: capitalize; }
</style></head> </html> <html> <head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>导航栏 </title> <link href="http://2013.igem.org/Team:XMU-China/Menu?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> <script src="http://2013.igem.org/Team:XMU-China/JQuery1?action=raw&ctype=text/javascript" type="text/javascript"></script> <script src="http://2013.igem.org/Team:XMU-China/Nav1?action=raw&ctype=text/javascript" type="text/javascript"></script>
<style>
- bodyContent {margin-top :-17px}
li,ul{list-style-image:none;} body{ margin:0; padding:0; width:100%; } </style>
</head> <body>
<!-- 代码 开始 -->
<div class="nav">
<div class="navmain">
<ul id="nav_all">
<a href="http://2013.igem.org/Team:XMU-China"> <li style="width:200px"><img src="http://2013.igem.org/wiki/images/2/2f/Xmu_Logo_black1.png"width: 191px;
style="margin-top: -19px;" height: 133px;/> </li></a>
<li><a href="http://2013.igem.org/Team:XMU-China">Home<br/><img src="http://2013.igem.org/wiki/images/1/1a/Xmu1-2.png" width="30" height="30" /></a>
<ul style="display: none;">
<li style="width: 120px;"></li>
<li><a href="http://2011.igem.org/Team:XMU-China">2011 XMU-China iGEM</a></li>
<li><a href="http://2012.igem.org/Team:XMU-China">2012 XMU-China iGEM</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China">2013 XMU-China iGEM</a></li>
</ul>
</li>
<li><a href="http://2013.igem.org/Team:XMU-China/Team1">Team<br/><img src="http://2013.igem.org/wiki/images/9/92/Xmu1-3.png" width="33" height="33" /></a>
<ul style="display: none;">
<li style="width: 200px;"></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Team1#Our_Team">Our Team</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Team1#Our_University">Our Univercity</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Team1#Our_City">Our City</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Album">Our Album</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Team1#Attribution">Attribution</a></li>
</ul>
</li>
<li><a href="http://2013.igem.org/Team:XMU-China/Background">Project<br/><img src="http://2013.igem.org/wiki/images/7/72/Xmu1-4.png" width="33" height="33" /></a>
<ul style="display: none;">
<li style="width: 80px;"></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Background">Background</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Mechanism">Three Plasmids</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Microfluidic">Microfluidic</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Exploration">Exploration</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Modeling1">Modeling</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Applications">Applications</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Parts1">Parts</a></li>
</ul>
</li>
<li><a href="http://2013.igem.org/Team:XMU-China/Software">Software<br/><img src="http://2013.igem.org/wiki/images/8/8c/Xmu1-9.png"width="35" height="35" /></a>
<ul style="display: none;">
<li style="width: 540px; margin-left: -30px"></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Software#Gene_OS">Gene OS</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Software#ImageMe">ImageMe</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Software#Examples">Examples & confirmation</a></li>
</ul>
</li>
<li><a href="http://2013.igem.org/Team:XMU-China/Notebook">Notebook<br/><img src="http://2013.igem.org/wiki/images/1/1f/Xmu1-5.png" width="33" height="33" /></a>
<ul style="display: none;">
<li style="width: 590px;"></li>
<li><a href="http://2013.igem.org/Team:XMU-China/wetlab_journal">Wetlab Journal</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Protocol">Protocol</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Calendar">Calender</a></li>
</ul>
</li>
<li><a href="http://2013.igem.org/Team:XMU-China/Human_Practice">Outreach<br/><img src="http://2013.igem.org/wiki/images/6/69/Xmu1-6.png"width="35" height="35" /></a>
<ul style="display: none;">
<li style="width: 550px;"></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Human_Practice#Abstract">Abstract</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Human_Practice#Lecture">Human Practice</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Human_Practice#Collaborations">Collaborations</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Human_Practice#Surveys">Surveys</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Human_Practice#Acknowledgement">Acknowledgement</a></li>
</ul>
</li>
<li><a href="http://2013.igem.org/Team:XMU-China/Safety">Safety<br/><img src="http://2013.igem.org/wiki/images/f/f4/Xmu1-7.png"width="35" height="35" /></a>
<ul style="display: none;">
<li style="width: 710px;"></li>
</ul>
</li>
</ul><a href="http://2013.igem.org" style="position:abosolute;right: 0px;float: right;"><img src="http://2013.igem.org/wiki/images/5/51/Xmuigemmm.png" width=166px;/></a>
</div>
</div>
<!-- 代码 结束 -->
<script> //定位1366*768 var x = window.innerWidth-1366; if(x>0){ x = x / 2; document.getElementById("xmu-software").style.left= x+"px"; } else{ document.getElementById("xmu-software").style.left="0px"; } </script>
</body> </html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>LinkUp - Multipurpose HTML Template</title> <link rel="icon" type="image/png" href="images/favicon.png" /> <style>
- wrapper p{ font-size:17px;}
- wrapper1 p{ font-size:17px;}
- wrapper2 p{ font-size:17px;}
table{font-size:12px} table{font-size:12px;background-color:transparent;text-align:center;border:1px;}
- wrapper {background:#fffccc}
</style> <!--[if lt IE 9]> <link rel="stylesheet" type="text/css" href="css/ie-fix.css" /> <![endif]--> <link rel="stylesheet" type="text/css" href="http://2013.igem.org/Team:XMU-China/reset.css?action=raw&ctype=text/css" > <link rel="stylesheet" typece="text/css" href="http://2013.igem.org/Team:XMU-China/style2.css?action=raw&ctype=text/css" > <link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Oswald' >
</head> <body> <div id="wrapper" style="margin-top: 40px"> <style>
- wrapper {background:#CFF}
</style> <div id="separator"> <div class="center-block"> <a name="Background"></a> <h3>Background</h3> </div> </div>
<!-- START CONTENT --> <div class="center-block-page clearfix"> <p>It’s an inspiring story about how some oscillation bacteria synchronized via two levels of communication method and formed their own glee: synchronized oscillation. Finally, they got a chance to perform on stages—microfluidics. Our wiki followed every effort they made and would give you the most detailed report of this star-making process.</p> <h4>Forming the Glee</h4> <p>To be a good glee, first it needs a good song. The most intriguing song on earth is called OSCILLATION. If you look about, you will find it ubiquitous and extremely useful. After we taught each member this song, we need to help them sing it together, so oscillation became SYNCHRONIZED OSCILLATION. Thus how we form a glee! </p>
<h4>Oscillation: The Magic Song of World</h4> <p>Once upon the time, there was a magic song called oscillation, it permeated every corner of the world. It <b>regulated nearly everything</b> on the earth. The interaction of moon and ocean generated the magnificent tide oscillation, and the biological process that displays a 24-hour oscillation inside human body.</p> <table style="margin-left: 40px"><tr><td><img src="http://2013.igem.org/wiki/images/7/75/Fig1_1.jpg" width =308px height=286px class="border" alt="" /> </td> <td><img src="http://2013.igem.org/wiki/images/5/5f/Fig1_2.png" width =554px height=286px class="border" alt="" /> </td></tr> <tr><td>Fig. 1-1 The Tides depend on several factors, including</br> where the sun and moon are relative to the Earth</td><td>Fig. 1-2 The circadian clock inside human body</td></tr></table></br></br> <div style="width: 330px; height: 360px; float: left; margin-left: 40px"> <table><tr><td><img src="http://2013.igem.org/wiki/images/1/1c/Xmubg-Image003.jpg" width =308px height=286px class="border" alt="" /> </td> </tr> <tr><td>Fig. 1-3 Helium-Neon laser demonstration at the</br> Kastler-Brossel Laboratory at Paris VI: Pierre et Marie</td></tr></table> </div> <br/> <p> Besides, oscillation also <b>plays an important part </b>in signal transition. Take lasers for example, which are known for their intensity and can be focused to a tight spot over long distance. These characteristics all owe to their spatial coherent in the frequency of the light source. </p> <div class="clear"></div> </br></br> <h4>Oscillation in Bacteria</h4> <p> Synthetic biologists have done a lot of work to teach bacteria to sing this oscillation song by building artificial genetic circuit inside them, since oscillations can lead to fantastic applications and benefit our everyday life. Besides regulation and signal transmission, oscillations in living organisms can also react to its growing environment, which probably will activate the trigger of oscillation inside cells and generate oscillation signals. From collected signals we can tell how an environment factor influences the cells behavior, and in turn the environment factor can be indicated by the signals. Furthermore, if we interpret these kinds of oscillation signals like 1010 in binary system, then we could even make an electronic environmental factor detector, using signals from environment as an input, and numbers on computer screen as output (Fig. 1-4). </p> <table style="margin-left: 220px"><tr><td><img src="http://2013.igem.org/wiki/images/f/f9/Fig1_4.png" width =500px height=262px class="border" alt="" /> </td> </tr> <tr><td>Fig. 1-4 How to make a signal converter</td></table></br></br>
<p>Here is the progress of artificial synthetic biological oscillations have made.<br/> In <b>the first generation of oscillation</b>, three transcriptional repressor systems that are not part of any natural biological clock are used to build an oscillating network, termed the repressilator, in <i>Escherichia coli</i> (Fig. 1-5). The network periodically induces the synthesis of green fluorescent protein as a readout of its state in individual cells. However, plasmids can hardly pass from generation to generation and this artificial clock is not robust enough and always displays noisy behavior. </p> <table style="margin-left: 220px"><tr><td><img src="http://2013.igem.org/wiki/images/1/13/Xmu-bgImage007.png" class="border" alt="" /> </td> </tr> <tr><td >Fig. 1-5 The first generation oscillator, known as repressor</td></tr></table></br></br>
<p>Scientists constructed the second generation oscillator rapidly. This <b>improved oscillator</b> is fast, robust and persistent; with tunable oscillatory periods as fast as 13 min (Fig.1-6). The oscillator is designed using a previously modeled network architecture comprising linked positive and negative feedback loops. But this circuit could only monitor oscillations in individual cells through multiple cycles, which means the song is still limited to single individual. </p> <table style="margin-left: 180px"><tr><td><img src="http://2013.igem.org/wiki/images/e/eb/Xmu-bgImage009.png" class="border" alt="" /> </td> </tr> <tr><td>Fig. 1-6 2nd generation of oscillation consists of positive and negative feedback loops</td></table></br></br>
<p>Thinking that singing alone is lonely, scientists introduce quorum sensing to connect isolated cells and let them sing together, and technically it's called synchronized oscillation. The synchronization effect of quorum sensing, however, is limited to over tens of micrometer (Fig.1-7). If the synchronized colony could be enlarged, then the oscillation signal will be much stronger and steadier. Longer ranged synchronized oscillation is realized by a gas-phase redox signal H<sub>2</sub>O<sub>2</sub> to the third generation circuit, which could achieve the communication among colonies at over millimeter scales and became the <b><a href="http://2013.igem.org/Team:XMU-China/Mechanism" style="font-size: 16px">fourth generation</a></b>. Oh yeah, finally our bacteria can sing the same oscillation at the same time, so they decided to form their own glee!
</p>
<table style="margin-left: 200px"><tr><td><img src="http://2013.igem.org/wiki/images/c/c9/Xmu-bgImage012.png" class="border" alt="" /> </td>
</tr>
<tr><td>Fig.1-7 3rd generation involved in quorum sensing</td></table></br></br>
<p>That's how our little <i>E. coli</i> friend formed their glee, a long but cheerful story. Thanks to hardworking synthetic biologists. Let's go and see how this fourth generation oscillation glee functions inside in <a href="http://2013.igem.org/Team:XMU-China/Mechanism"><b>THREE PLASMIDS</b></a>!</p>
<br/>
<p><i>Reference<br/></i>
1. http://en.wikipedia.org/wiki/Oscillation<br/>
2. Elowitz M. B. & Leibler S. A synthetic oscillatory network of transcriptional regulators. <i>Nature</i> 403, 335-338 (2000)<br/>
3. Stricker J. et al. A fast, robust and tunable synthetic gene oscillator. <i>Nature</i> 456, 516-519 (2008)<br/>
4. Danino T., Mondrago´n-Palomino O., Tsimring L. & Hasty J. A synchronized quorum of genetic clocks. <i>Nature</i> 463, 326-330 (2010)<br/>
</p> </div><!-- .center-block-page -->
<!-- END CONTENT --> </div>
<div class="clear"></div>
<div id="home_s4"><center> <img src="http://2013.igem.org/wiki/images/c/cb/Xmusoftware_sponsor1.png" width="80px" height="80px"> <img src="http://2013.igem.org/wiki/images/1/18/Xmusoftware_sponsor2.png" width="80px" height="80px"> <img src="http://2013.igem.org/wiki/images/6/6f/Xmu-Bg_header_mwlogo_notag.jpg" height="60px"> <img src="http://2013.igem.org/wiki/images/e/ed/Xmu-evernote.jpg" height="60px"> </center> </div> <div id="footer-menu"> <div class="center-block clearfix"> <ul id="second-menu"> <li><a href="http://2013.igem.org/Team:XMU-China">Home</a></li> <li><a href="http://2013.igem.org/Team:XMU-China/Team1">Team</a></li> <li><a href="http://2013.igem.org/Team:XMU-China/Project">Project</a></li> <li><a href="http://2013.igem.org/Team:XMU-China/Notebook">Notebook</a></li> <li><a href="http://2013.igem.org/Team:XMU-China/Software">Software</a></li> <li><a href="http://2013.igem.org/Team:XMU-China/Human Practice">Human Practice</a></li> <li><a href="http://2013.igem.org/Team:XMU-China/Safety">Safety</a></li> <li style="margin-left: 400px"><a href="http://2013.igem.org/Team:XMU-China/Team1#Attribution">Contact us</a></li> </ul> <div class="copyright" style="margin-right: -150px">© Copyright 2013.XMU-China iGEM All rights reserved.</div> </div><!-- .center-block --> </div><!-- #footer-menu --> <!-- END FOOTER MENU --> </body> </html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <script src="http://2013.igem.org/Team:XMU-China/dwsee.top.bottom.menu.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script> <link href="http://2013.igem.org/Team:XMU-China/dwsee.top.bottom.menu.min.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> <style type="text/css"> body { bottom:200px; }
a{ color:#FF2250; } .px980 { width: 980px; height: auto; margin: auto; }
- logo {
margin-top: 10px; width: 370px; float: left; height: 85px; } .menu { margin-top: 10px; width: 610px; float: left; height: 85px; line-height: 85px; text-align: right; } .menu a { font-family: 'Open Sans Condensed', sans-serif; font-size: 22px; color: #f72650; text-decoration: none; margin-right: 30px; } .menu a:hover { color: #FA7C96; } .short-text { height: 100px; line-height: 100px; background-color: #fdf7e7; margin-top: 20px!important; font-family: 'Open Sans Condensed', sans-serif; font-size: 40px; } .tableSpec { border-collapse: collapse; font-size: 12px; font-family: Arial, Helvetica, sans-serif; } .tableSpec td { border: 1px solid #dedede; padding: 8px; } .tableSpec thead td { background: #f7f7f7; } .auto-style1 { color: #800000; }
.searchbutton { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background-color:#ededed; border:1px solid #dcdcdc; display:inline-block; color:#777777; font-family:arial; font-size:13px; font-weight:normal; padding:8px 21px; text-decoration:none; text-shadow:1px 1px 0px #ffffff; }.searchbutton:hover { background-color:#dfdfdf; }.searchbutton:active { position:relative; top:1px; }</style>
<script type="text/javascript">
$(document).ready(function() {
$(this).dwseeTopBottomMenu()
}) </script>
</head>
<body>
<div class="TopBottomMenu"> <ul> <li><a href="http://2013.igem.org/Team:XMU-China">Home</a></li> <li><a href="http://2013.igem.org/Team:XMU-China/Team1">Team</a></li> <li><a href="http://2013.igem.org/Team:XMU-China/Background">Project</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Software">Software</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Notebook">Notebook</a></li> <li><a href="http://2013.igem.org/Team:XMU-China/Human Practice">Outreach</a></li> <li><a href="http://2013.igem.org/Team:XMU-China/Safety">Safety</a></li> </ul> </div>
</body>
</html> <html> <head>
<style> body {text-align:justify;} /* global setting*/
- globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;}
- content{
background-color:#c2edf4; border:none; width:1340px; height:auto; marign:0 auto; padding:0 0 0 0; top:0px; }
- bodyContent{
background-color:transparent; border:none; }
siteSub{
display:none; border:none; }
contentSub{
display:none; }
/* end of global setting*/
h4 {font-size:30px}
sub {font-size:10px}
b {font-size:20px}
</style>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="http://2013.igem.org/Team:XMU-China/box.css?action=raw&ctype=text/css" type="text/css">
<title>XMU-China | Welcome</title> </head>
<body>
<div class="navbox" id="side_list" >
<ul class="nav_s" style="font-size:30px">
<li><a href="http://2013.igem.org/Team:XMU-China/Background">Background</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Mechanism">Three Plasmids</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Microfluidic">Microfluidic</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Exploration">Exploration</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Modeling1">Modeling</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Applications">Applications</a></li>
<li><a href="http://2013.igem.org/Team:XMU-China/Parts1">Parts & Future</a></li>
</ul> </div>
</div> </body>
</html>
