Team:Peking/HumanPractice
From 2013.igem.org
XingjiePan (Talk | contribs) |
|||
Line 24: | Line 24: | ||
background-color:transparent; | background-color:transparent; | ||
border:none; | border:none; | ||
- | width: | + | width:1200px; |
height:700px; | height:700px; | ||
marign:0 auto; | marign:0 auto; | ||
Line 128: | Line 128: | ||
/* navigation bar*/ | /* navigation bar*/ | ||
- | |||
+ | #navigationblock{background-color:#fafaf8; position:fixed; top:0px; width:1200px; height:130px; overflow:hidden; font-family:Calibri, Arial; float:left; margin:0px; padding:0px; z-index:1000; border-bottom:1px solid #d3d7d8;} | ||
#navbarlogo{position:relative; top:8px; float:left; height:120px;} | #navbarlogo{position:relative; top:8px; float:left; height:120px;} | ||
- | #navigationbar{position:absolute; left: | + | #navigationbar{position:absolute; left:500px; top:35px; font-size:18px; font-weight:100; color:black;} |
#navigationbar > li {display:block; list-style-type:none; float:left; width:85px; height:100px; text-align:center; background-color:transparent;} | #navigationbar > li {display:block; list-style-type:none; float:left; width:85px; height:100px; text-align:center; background-color:transparent;} | ||
.Navbar_Item a {color:black; text-decoration:none;} | .Navbar_Item a {color:black; text-decoration:none;} | ||
- | .Navbar_Item > ul {display:none; width:500px; height: | + | .Navbar_Item > ul {display:none; width:500px; height:80px; text-align:center; color:black;} |
.Navbar_Item > ul > li {float:left; list-style:none; width:100px; text-align:center; background-color:transparent; position:relative; top:10px;} | .Navbar_Item > ul > li {float:left; list-style:none; width:100px; text-align:center; background-color:transparent; position:relative; top:10px;} | ||
.Navbar_Item:hover{ border-bottom:1px solid #D00000; color:#D00000} | .Navbar_Item:hover{ border-bottom:1px solid #D00000; color:#D00000} | ||
Line 148: | Line 148: | ||
#Project_Sublist{position:relative; top:0px; left:-200px;} | #Project_Sublist{position:relative; top:0px; left:-200px;} | ||
#Model_Sublist{position:relative; top:0px; left:-140px;} | #Model_Sublist{position:relative; top:0px; left:-140px;} | ||
- | # | + | #Safety_Sublist{position:relative; top:0px; left:-180px;} |
#HumanPractice_Sublist{position:relative; top:0px; left:-220px;} | #HumanPractice_Sublist{position:relative; top:0px; left:-220px;} | ||
Line 155: | Line 155: | ||
/*Major body*/ | /*Major body*/ | ||
- | #MajorBody{position:absolute; top: | + | #MajorBody{position:absolute; top:24px; left:0px; width:1200px; height:590px; background-color:#f9f9f7;} |
- | # | + | #LeftNavigation{position:absolute; top:130px; left:0px; width:200px; height:460px; background-color:#313131} |
- | # | + | #ProjectList{position:absolute; top:40px; left:0px; color:#ffffff; font-family: calibri, arial, helvetica, sans-serif;} |
- | # | + | #ProjectList > li {display:block; list-style-type:none; width:180px; height:30px; font-size:20px; text-align:left; background-color:transparent;} |
+ | #ProjectList a {color:#ffffff; text-decoration:none;} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | # | + | #ProjectOverviewContainer{position:absolute; top:130px; left:200px; width:1000px; height:460px;} |
- | # | + | #ProjectOverviewBackground{position:absolute; top:0px; top:0px;} |
- | + | #ProjectOverviewTitle{position:absolute; left:790px; top:60px; border-bottom:0px; color:#FFFFFF; font-size:48px; font-family:calibri,Arial, Helvetica, sans-serif;} | |
- | # | + | #ProjectOverviewContent{position:absolute; top:40px; left:40px; width:700px; height:400px;color:#FFFFFF; font-size:18px;font-family:calibri,Arial, Helvetica, sans-serif; text-align:justify;} |
- | + | ||
- | # | + | |
- | + | ||
- | # | + | |
- | + | ||
- | + | ||
- | + | ||
/*end of Major body*/ | /*end of Major body*/ | ||
- | #AcknowledgementBox{ position:absolute; left:0px; top: | + | #AcknowledgementBox{ position:absolute; left:0px; top:590px; width:1200px;display:none;} |
Line 197: | Line 178: | ||
<!--navigationbar--> | <!--navigationbar--> | ||
+ | |||
<div id="navigationblock"> | <div id="navigationblock"> | ||
<img id="navbarlogo" src="https://static.igem.org/mediawiki/igem.org/c/c9/Peking_Logo.jpg"/> | <img id="navbarlogo" src="https://static.igem.org/mediawiki/igem.org/c/c9/Peking_Logo.jpg"/> | ||
Line 203: | Line 185: | ||
<a href="https://2013.igem.org/Team:Peking">home</a> | <a href="https://2013.igem.org/Team:Peking">home</a> | ||
<ul id="Home_Sublist" > | <ul id="Home_Sublist" > | ||
- | + | ||
- | + | ||
- | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 219: | Line 199: | ||
<a href="https://2013.igem.org/Team:Peking/Project">project</a> | <a href="https://2013.igem.org/Team:Peking/Project">project</a> | ||
<ul id="Project_Sublist"> | <ul id="Project_Sublist"> | ||
- | <li><a>Existing Biosensors</a></li> | + | <li><a href="https://2013.igem.org/Team:Peking/Project/BioSensors">Existing Biosensors</a></li> |
<li><a>Plug-ins & Expansion</a></li> | <li><a>Plug-ins & Expansion</a></li> | ||
<li><a>Band-pass Circuit</a></li> | <li><a>Band-pass Circuit</a></li> | ||
Line 233: | Line 213: | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li id=" | + | <li id="PKU_navbar_Safety" class="Navbar_Item"> |
- | <a href="https://2013.igem.org/Team:Peking/ | + | <a href="https://2013.igem.org/Team:Peking/Safety">safety</a> |
- | <ul id=" | + | <ul id="Safety_Sublist"> |
<li><a>Item1</a></li> | <li><a>Item1</a></li> | ||
<li><a>Item2</a></li> | <li><a>Item2</a></li> | ||
Line 256: | Line 236: | ||
<!--MajorBody--> | <!--MajorBody--> | ||
- | <div id="MajorBody"> | + | <div id="MajorBody"> |
- | + | <div id="LeftNavigation"> | |
- | + | <ul id="ProjectList"> | |
- | + | <li><a>Auto sensor mining</a><li> | |
- | < | + | <li><a>Biosensors</a><li> |
- | + | <li><a>Plug-ins</a><li> | |
- | + | <li><a>Band-pass Filter</a><li> | |
- | + | </ul> | |
- | + | </div> | |
- | + | <div id="ProjectOverviewContainer"> | |
- | + | <img id="ProjectOverviewBackground" src="https://static.igem.org/mediawiki/2013/2/20/Peking_Project_Overview.jpg" /> | |
- | + | <h1 id="ProjectOverviewTitle">Project</h1> | |
- | + | <p id="ProjectOverviewContent">There are numerous classes of prokaryotes lives in the aromatics-rich environment. Part of them possess aromatic degradation pathways, and also transcriptional factors to monitor the environmental aromatics, and control degradation pathway to balance the degradation capacity. Peking iGEM team mainly focused on the various transcriptional factors, which can respond to various aromatic inducers. We characterized these biosensors and improve their performance by using well-characterized biobricks. We expanded the detection range by coupling enzymes in upper pathways and biosensors to degrade aromatics to detectable compounds. For quantitative detection, we construct the band pass filter to detect a certain range of concentration. The appliance of microfluidics may construct a concentration gradient, and a certain concentration’s response can reflect the original concentration of environmental samples. With the application of this device, we can achieve easy and quantitative detection of environmental aromatics, and at the same time, remarkably enrich the library of inducible biosensors. | |
- | + | </p> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div><!--end of major body--> | </div><!--end of major body--> | ||
<img id="AcknowledgementBox" src="https://static.igem.org/mediawiki/igem.org/c/c4/Peking_Sponsors.jpg"> | <img id="AcknowledgementBox" src="https://static.igem.org/mediawiki/igem.org/c/c4/Peking_Sponsors.jpg"> | ||
Line 301: | Line 258: | ||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
- | |||
- | |||
$(window).scroll(function(){ | $(window).scroll(function(){ | ||
if(0==document.getElementById("content").offsetLeft){ $('#navigationblock').css('left',-$(window).scrollLeft());} | if(0==document.getElementById("content").offsetLeft){ $('#navigationblock').css('left',-$(window).scrollLeft());} | ||
Line 314: | Line 269: | ||
- | + | function MoveInSlide(SlideId) | |
- | + | ||
- | + | ||
- | + | ||
{ | { | ||
- | $(SlideId).animate({ | + | $(SlideId).animate({top:"0px"}); |
- | } | + | |
+ | }; | ||
+ | |||
+ | function MoveOutSlide(SlideId) | ||
+ | { | ||
+ | $(SlideId).animate({top:"280px"}); | ||
+ | |||
+ | }; | ||
+ | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</script> | </script> | ||
</html> | </html> |
Revision as of 10:04, 17 September 2013
Project
There are numerous classes of prokaryotes lives in the aromatics-rich environment. Part of them possess aromatic degradation pathways, and also transcriptional factors to monitor the environmental aromatics, and control degradation pathway to balance the degradation capacity. Peking iGEM team mainly focused on the various transcriptional factors, which can respond to various aromatic inducers. We characterized these biosensors and improve their performance by using well-characterized biobricks. We expanded the detection range by coupling enzymes in upper pathways and biosensors to degrade aromatics to detectable compounds. For quantitative detection, we construct the band pass filter to detect a certain range of concentration. The appliance of microfluidics may construct a concentration gradient, and a certain concentration’s response can reflect the original concentration of environmental samples. With the application of this device, we can achieve easy and quantitative detection of environmental aromatics, and at the same time, remarkably enrich the library of inducible biosensors.