Team:Peking

From 2013.igem.org

(Difference between revisions)
 
(462 intermediate revisions not shown)
Line 2: Line 2:
<style type="text/css">
<style type="text/css">
/* hiding the top section*/
/* hiding the top section*/
-
body{position:absolute; top:0px; width:100%; height:1480px;}
+
body{position:absolute; top:0px; width:100%; height:1300px;}
#top-section{
#top-section{
   height:0px;
   height:0px;
Line 20: Line 20:
/* global setting*/
/* global setting*/
-
#globalWrapper{position:absolute; top:0px;left:0px; width:100%; background-image:url(https://static.igem.org/mediawiki/igem.org/a/aa/Metal.jpg); padding:0 0 0 0;margin:0 0 0 0;height:100%;}
+
#globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;font-family: calibri, Arial, Helvetica, sans-serif;}
#content{
#content{
     background-color:transparent;
     background-color:transparent;
     border:none;
     border:none;
-
     width:1350px;
+
     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:1350px; height:130px; overflow:hidden; font-family:Microsoft YaHei,Calieri, Arial; float:left; margin:0px; padding:0px; z-index:1000; border-bottom:1px solid #d3d7d8;}
 
-
#navbarlogo{position:relative; top:8px; float:left; height:120px;}
+
#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;}
-
#navigationbar{position:absolute; left:600px; top:28px; font-size:13px; font-weight:100; color:#999999;}
+
#navbarlogo{position:absolute; top:0px; left:0px; width:1200px}
-
#navigationbar > li {display:block; list-style-type:none; float:left; width:85px; height:20px; text-align:center; background-color:transparent;}
+
#navigationbar{position:absolute; left:460px; top:38px; font-size:16px; font-weight:100; color:black;}
 +
#navigationbar > li {display:block; list-style-type:none; float:left; width:75px; height:30px; text-align:center; }
-
.Navbar_Item a {color:#999999; text-decoration:none;}
+
.Navbar_Item{background-color:transparent;}
-
.Navbar_Item > ul {display:none; width:500px; height:50px; text-align:center; color:#999999;}
+
.Navbar_Item a {color:black; text-decoration:none;}
-
.Navbar_Item > ul > li {float:left; list-style:none; width:100px; text-align:center; background-color:transparent; position:relative; top:10px;}
+
.Navbar_Item > ul {display:none; width:900px; height:80px; text-align:center; color:black; z-index:1100; }
-
.Navbar_Item:hover{ border-bottom:1px solid #D00000; color:#D00000}
+
.Navbar_Item > ul > li {float:left; list-style:none; text-align:center; background-color:transparent; position:relative; top:10px; padding:0 10px;}
-
.Navbar_Item:hover > ul{ display:block;}
+
.Navbar_Item:hover{ border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;}
-
.Navbar_Item:hover >a {color:#D00000}
+
.Navbar_Item:hover > ul{zoom:1; display:block;}
-
.Navbar_Item > ul > li:hover {border-bottom:1px solid #D00000; color:#D00000}
+
.Navbar_Item:hover >a {color:#D00000; background-color:#fafaf8;}
 +
.Navbar_Item > ul > li:hover {border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;}
.Navbar_Item > ul > li:hover >a {color:#D00000}
.Navbar_Item > ul > li:hover >a {color:#D00000}
 +
.BackgroundofSublist{position:absolute; left:-1000px; width:2000px; height:80px; background-color:#ffffff; opacity:0;}
#Home_Sublist{position:relative; top:0px; left:-50px;}
#Home_Sublist{position:relative; top:0px; left:-50px;}
-
#Team_Sublist{position:relative; top:0px; left:-60px;}
+
#Team_Sublist{position:relative; top:0px; left:-110px;}
-
#Project_Sublist{position:relative; top:0px; left:-100px;}
+
#Project_Sublist{position:relative; top:0px; left:-180px;}
#Model_Sublist{position:relative; top:0px; left:-140px;}
#Model_Sublist{position:relative; top:0px; left:-140px;}
-
#Lab_Sublist{position:relative; top:0px; left:-180px;}
+
#DataPage_Sublist{position:relative; top:0px; left:-60px;}
-
#HumanPractice_Sublist{position:relative; top:0px; left:-220px;}
+
#Safety_Sublist{position:relative; top:0px; left:-180px;}
 +
#HumanPractice_Sublist{position:relative; top:0px; left:-470px;}
-
#iGEM_logo{position:relative; top:8px; float:right; height:120px;}
+
#iGEM_logo{position:absolute; top:30px; left:1090px; height:80px;}
/*end navigation bar*/
/*end navigation bar*/
/*Major body*/
/*Major body*/
-
#MajorBody{position:absolute; top:0px; left:130px; width:1090px; height:1019px;}
+
#MajorBody{position:absolute; top:0px; left:0px; width:1200px; height:1380px; background-color:#f9f9f7;}
-
#ProjectTitle{position:absolute; background-color:#cf0000; width:1090px; height:130px; top:150px;}
+
#ProjectTitle{position:absolute; left:0px; width:1200px; height:184px; top:150px; z-index:600;}
-
#ProjectName{position:absolute; left:300px; top:20px; border-bottom:0px; color:#FFFFFF; font-size:65px; font-family:Impact,Arial, Helvetica, sans-serif;}
+
#TitleBackground{position:absolute; left:0px; top:0px; width:1200px;}
 +
#LittleScout{position:relative; left:0px; top:-3px; width:70px;}
 +
#ProjectName{position:absolute; left:405px; top:20px; border-bottom:0px; color:#FFFFFF; font-size:48px; font-family:calibri,Arial, Helvetica, sans-serif;}
 +
#ProjectSubname{position:absolute; left:0px; width:1200px; top:105px; border-bottom:0px; color:#FFFFFF; font-size:18px;  font-family: calibri, Arial, Helvetica, sans-serif; text-align:center;}
-
.slide_container{position:absolute; top:280px; width:1090px;}
+
#MajorBodyBackground{position:absolute; top:334px; left:0px; width:1200px;}
-
.slide_container img{position:absolute; top:0px; width:1090px;}
+
-
.activated_slide{position:absolute; top:0px; width:1090px; height:800px; z-index:200;}
+
-
.inactivated_slide{position:absolute; top:0px; width:1090px; height:800px; z-index:100;}
+
-
.transitional_slide{position:absolute; top:0px; width:1090px; height:800px; z-index:300;}
+
-
.slide_passage{position:absolute; top:620px; background-color:#FFFFFF; width:1090px; height:300px; z-index:500; font-family: Arial, Helvetica, sans-serif; font-size:16px; line-height:30px; font-weight:normal;}
+
#PreLocation{font-size:14px; font-family:arial,helvetica,sans-serif; color:#ca4321;position:absolute;top:190px;left:0px;text-align:center;width:1200px;line-height:20px; font-weight:bold;}
-
#abstract_passage{position:absolute; top:10px; left:20px; width:1010px;}
+
 
 +
#AbstractBox{position:absolute; left:430px; top:390px; width:710px; height:540px; background-color:transparent;}
 +
#AbstractBackground{width:100%; height:100%; background-color:#FFFFFF; opacity:0.8;}
 +
#AbstractContent{position:absolute; left:40px; top:25px; width:630px; font-size:18px; line-height:25px ; font-family: calibri, Arial, sans-serif; text-align:justify;}
 +
#AbstractContent:first-letter{font-size:30px;}
 +
.SmallBoxes{width:340px; height:250px;background-color:#FFFFFF; overflow:hidden;font-family: calibri, Arial, Helvetica, sans-serif; }
 +
.SmallBoxes > img{position:absolute; left:0px; top:0px;}
 +
.SmallBoxes p{position:absolute; left:20px; top:75px; width:300px; font-size:14px; color:#ffffff; text-align:justify;}
 +
.SmallBoxes a{position:absolute; left:240px; top:220px; width:300px; font-size:12px; color:#ffffff; text-align:justify;}
 +
 
 +
 
 +
#AppendixBox1{position:absolute; left:60px; top:390px; background-color:#aa4630;}
 +
#Appendix1Title{position:absolute; left:0px; top:70px; width:340px; text-align:center; color:#ffffff; font-size:16px; border-bottom:0px; line-height:28px;}
 +
#Appendix1Cover{position:absolute; left:0px; top:170px; width:370px; height:280px;}
 +
#AppendixBox2{position:absolute; left:60px; top:680px; background-color:#e98d70;}
 +
#Appendix2Title{position:absolute; left:0px; top:70px; width:340px; text-align:center; color:#ffffff; font-size:16px; border-bottom:0px; line-height:28px;}
 +
#Appendix2Cover{position:absolute; left:0px; top:170px; width:370px; height:280px;}
 +
#AppendixBox3{position:absolute; left:60px; top:970px; background-color:#f37021;}
 +
#Appendix3Title{position:absolute; left:0px; top:70px; width:340px; text-align:center; color:#ffffff; font-size:16px; border-bottom:0px; line-height:28px;}
 +
#Appendix3Cover{position:absolute; left:0px; top:170px; width:370px; height:280px;}
 +
#AppendixBox4{position:absolute; left:430px; top:970px; background-color:#1f8a70;}
 +
#Appendix4Title{position:absolute; left:0px; top:70px; width:340px; text-align:center; color:#ffffff; font-size:16px; border-bottom:0px; line-height:28px;}
 +
#Appendix4Cover{position:absolute; left:0px; top:170px; width:370px; height:280px;}
 +
#AppendixBox5{position:absolute; left:800px; top:970px; background-color:#004258;}
 +
#Appendix5Title{position:absolute; left:0px; top:70px; width:340px; text-align:center; color:#ffffff; font-size:16px; border-bottom:0px; line-height:28px;}
 +
#Appendix5Cover{position:absolute; left:0px; top:170px; width:370px; height:280px;}
 +
 
 +
.AppendixHeadLine{position:absolute; left:20px; top:20px; width:250px;border-bottom:0px; font-size:23px; color:#ffffff;}
 +
.AppendixIcon{position:absolute; left:270px; top:20px; width:50px; }
-
.slide_list_container{position:absolute; left:0px; top:525px; width:1090px; height:95px; background-color:transparent; z-index:500;}
 
-
.slide_list_background{position:absolute; left:0px; top:0px; width:1090px; height:95px; background-color:white; opacity:0.5;}
 
-
.slide_list{position:absolute; left:0px; top:0px; width:1090px; height:95px; background-color:transparent; list-style:none; list-style-type:none; font-family:Arial, Helvetica, sans-serif;}
 
-
.left_slide_list_item{position:absolute; top:35px; left:330px; font-weight:normal; font-size:30px; opacity:0.5; width:130px; text-align:center;}
 
-
.left_slide_list_item:hover{opacity:0.8;}
 
-
.middle_slide_list_item{position:absolute; top:30px; left:460px; font-weight:bold; font-size:40px; opacity:1; width:200px; text-align:center;}
 
-
.right_slide_list_item{position:absolute; top:35px; left:660px; font-weight:normal; font-size:30px; opacity:0.5; width:130px; text-align:center;}
 
-
.right_slide_list_item:hover{opacity:0.8;}
 
/*end of Major body*/
/*end of Major body*/
-
#AcknowledgementBox{ position:absolute; left:130px; top:1200px; width:1090px;}
+
#AcknowledgementBox{ position:absolute; left:0px; top:1280px; width:1200px;}
Line 185: Line 207:
<!--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"/>
 +
       
<ul id="navigationbar">
<ul id="navigationbar">
<li id="PKU_navbar_Home" class="Navbar_Item">
<li id="PKU_navbar_Home" class="Navbar_Item">
-
<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" >
-
<li><a>Item1</a></li>
 
-
<li><a>Item2</a></li>
 
-
<li><a>Item3</a></li>
 
</ul>
</ul>
</li>
</li>
<li id="PKU_navbar_Team" class="Navbar_Item">
<li id="PKU_navbar_Team" class="Navbar_Item">
-
<a href="https://2013.igem.org/Team:Peking/Team">team</a>
+
<a href="">Team</a>
<ul id="Team_Sublist">
<ul id="Team_Sublist">
-
<li><a>Item1</a></li>
+
                                <div class="BackgroundofSublist"></div>
-
<li><a>Item2</a></li>
+
<li><a href="https://2013.igem.org/Team:Peking/Team/Members">Members</a></li>
-
<li><a>Item3</a></li>
+
<li><a href="https://2013.igem.org/Team:Peking/Team/Notebook">Notebook</a></li>
 +
<li><a href="https://2013.igem.org/Team:Peking/Team/Attributions">Attributions</a></li>
</ul>
</ul>
</li>
</li>
<li id="PKU_navbar_Project" class="Navbar_Item">
<li id="PKU_navbar_Project" class="Navbar_Item">
-
<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>Item1</a></li>
+
                                <div class="BackgroundofSublist"></div>
-
<li><a>Item2</a></li>
+
                                <li><a href="https://2013.igem.org/Team:Peking/Project/SensorMining">Biosensor Mining</a></li>
-
<li><a>Item3</a></li>
+
<li><a href="https://2013.igem.org/Team:Peking/Project/BioSensors">Biosensors</a></li>
 +
<li><a href="https://2013.igem.org/Team:Peking/Project/Plugins">Adaptors</a></li>
 +
<li><a href="https://2013.igem.org/Team:Peking/Project/BandpassFilter">Band-pass Filter</a></li>
 +
                                <li><a href="https://2013.igem.org/Team:Peking/Project/Devices">Devices</a></li>
</ul>
</ul>
</li>
</li>
<li id="PKU_navbar_Model" class="Navbar_Item">
<li id="PKU_navbar_Model" class="Navbar_Item">
-
<a href="https://2013.igem.org/Team:Peking/Model">model</a>
+
<a href="">Model</a>
<ul id="Model_Sublist">
<ul id="Model_Sublist">
-
<li><a>Item1</a></li>
+
                                <div class="BackgroundofSublist"></div>
-
<li><a>Item2</a></li>
+
                                <li><a href="https://2013.igem.org/Team:Peking/Model">Band-pass Filter</a></li>
-
<li><a>Item3</a></li>
+
                                <li><a href="https://2013.igem.org/Team:Peking/ModelforFinetuning">Biosensor Fine-tuning</a></li>
</ul>
</ul>
</li>
</li>
-
<li id="PKU_navbar_Lab" class="Navbar_Item">
+
                        <li id="PKU_navbar_HumanPractice" class="Navbar_Item" style="width:90px">
-
<a href="https://2013.igem.org/Team:Peking/Lab">lab</a>
+
<a href="">Data page</a>
-
<ul id="Lab_Sublist">
+
<ul id="DataPage_Sublist">
-
<li><a>Item1</a></li>
+
                                <div class="BackgroundofSublist"></div>
-
<li><a>Item2</a></li>
+
                                <li><a href="https://2013.igem.org/Team:Peking/DataPage/Parts">Parts</a></li>
-
<li><a>Item3</a></li>
+
<li><a href="https://2013.igem.org/Team:Peking/DataPage/JudgingCriteria">Judging Criteria</a></li>
 +
 
 +
</ul>
 +
</li>
 +
<li id="PKU_navbar_Safety" class="Navbar_Item">
 +
<a href="https://2013.igem.org/Team:Peking/Safety">Safety</a>
 +
<ul id="Safety_Sublist">
</ul>
</ul>
</li>
</li>
<li id="PKU_navbar_HumanPractice" class="Navbar_Item" style="width:120px">
<li id="PKU_navbar_HumanPractice" class="Navbar_Item" style="width:120px">
-
<a href="https://2013.igem.org/Team:Peking/HumanPractice">human practice</a>
+
<a href="https://2013.igem.org/Team:Peking/HumanPractice">Human Practice</a>
-
<ul id="HumanPractice_Sublist">
+
<ul id="HumanPractice_Sublist">
-
<li><a>Item1</a></li>
+
                                <div class="BackgroundofSublist"></div>
-
<li><a>Item2</a></li>
+
                                <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/Questionnaire">Questionnaire Survey</a></li>
-
<li><a>Item3</a></li>
+
<li><a href="https://2013.igem.org/Team:Peking/HumanPractice/FactoryVisit">Visit and Interview</a></li>
 +
                                <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/ModeliGEM">Practical Analysis</a></li>
 +
<li><a href="https://2013.igem.org/Team:Peking/HumanPractice/iGEMWorkshop">Team Communication</a></li>
 +
 
</ul>
</ul>
</li>
</li>
</ul>
</ul>
-
         <a href="https://igem.org/Main_Page"><img id="iGEM_logo" src="https://static.igem.org/mediawiki/igem.org/4/48/Peking_igemlogo.jpg"/></a>
+
         <a href="https://2013.igem.org/Main_Page"><img id="iGEM_logo" src="https://static.igem.org/mediawiki/igem.org/4/48/Peking_igemlogo.jpg"/></a>
</div>
</div>
<!--end navigationbar-->
<!--end navigationbar-->
<!--MajorBody-->
<!--MajorBody-->
-
<div id="MajorBody">
+
<div id="MajorBody">
<div id="ProjectTitle">
<div id="ProjectTitle">
-
<h1 id="ProjectName">Aromatics Busted</h1>
+
                <img id="TitleBackground" src="https://static.igem.org/mediawiki/igem.org/c/c5/Peking2013_home_title.jpg" />
-
</div>
+
               
-
<div class="slide_container">
+
<h1 id="ProjectName">Aromatics Scouts<img id="LittleScout" src="https://static.igem.org/mediawiki/igem.org/8/8a/Peking2013_home_Telescope.png" /></h1>
-
<div  id="slide-1" class="inactivated_slide" >
+
                <h1 id="ProjectSubname">A Comprehensive Biosensor Toolkit for Profiling Aromatic Compounds in the Environment</h1>
-
<img src="https://static.igem.org/mediawiki/igem.org/9/93/%E6%9C%AA%E5%90%8D%E6%B9%961.jpg" />
+
-
<div class="slide_passage">
+
<p id="PreLocation">
-
</div>
+
<B>★Presentation:</B> Room 34-101, Saturday 12:30 PM, Session 2
-
</div>
+
      &ensp;&ensp;&ensp;&ensp;<B>★Poster:</B> Sunday, #13 (Stata)
-
<div  id="slide-2" class="activated_slide">
+
</p>
-
<img src="https://static.igem.org/mediawiki/igem.org/d/d7/Abstract.jpg" />
+
-
<div class="slide_passage">
+
-
<p id="abstract_passage">Some prokaryotes, including Escherichia coli and Pseudomonas putida naturally produce enzymes capable of detecting toxic aromatic molecules and regulating the transcription of corresponding catabolic genes. However, these naturally existing biosensors are limited in terms of their detection range, expression leakage, and induction ratio.<br />This year our team designed a series of aromatic sensors and combined them with related enzymes from their original catabolic pathways to increase the number of molecules the sensors can detect. In order to semi-quantitatively measure the concentrations of these compounds, we constructed a biological band-pass circuit, enabling our sensors to detect the concentrations of target compounds within a certain range. Our system is a fast and easy way of detecting aromatic pollution, and another step forward in ensuring water safety.
+
-
</p>
+
-
</div>
+
-
</div>
+
-
<div  id="slide-3" class="inactivated_slide">
+
-
<img src="https://static.igem.org/mediawiki/igem.org/6/6f/%E6%9C%AA%E5%90%8D%E6%B9%966.jpg" />
+
-
<div class="slide_passage">
+
-
</div>
+
-
</div>
+
-
<div class="slide_list_container"><div class="slide_list_background"></div>
+
-
<ul class="slide_list">
+
-
<li class="left_slide_list_item" id="slide_list-1">Project</li>
+
-
<li class="middle_slide_list_item" id="slide_list-2">Abstract</li>
+
-
<li class="right_slide_list_item" id="slide_list-3">Team</li>
+
-
</ul>
+
-
</div>
+
-
</div>
+
 +
 +
 +
</div>
 +
        <img id="MajorBodyBackground" src="https://static.igem.org/mediawiki/igem.org/9/97/Peking2013_Home_background.jpg" />
 +
        <div id="AbstractBox">
 +
            <div id="AbstractBackground"></div>
 +
              <p id="AbstractContent">Monitoring aromatic compounds in the environment remains a substantial challenge today. Noting the power of biosensors for quick and convenient testing, Peking iGEM has developed a functionally comprehensive biosensor toolkit to profile aromatics in the environment.
 +
<br/><br/>
 +
Transcriptional regulators that each detect a specific class of aromatics were first bioinformatically determined; and then utilized to build a comprehensive set of biosensor circuits. Characterization on the detection profiles of individual biosensors and the orthogonality/crosstalk between them proved that these biosensors are very capable at profiling aromatics present in water.
 +
<br/><br/>
 +
Moreover, for the ease of practical applications, two types of genetic devices were also developed as plug-ins for biosensors: "Adaptors", a set of conceptually novel devices to convert undetectable compounds into detectable compounds, and "Band-pass Filter", a "concentration filter" that allows the detection of analyte concentration within a specific range.
 +
<br/><br/>
 +
We expect that these novel biosensors, together with the plug-in devices, will serve as intriguing synthetic biological tools for diverse practical applications.
 +
</p>
 +
        </div>
 +
        <div id="AppendixBox1" class="SmallBoxes" >
 +
              <h1 id="Appendix1Title"><i>Mining aromatics-sensing Biobricks <br/>from the genomic database</i></h1>
 +
              <div id="Appendix1Cover" >
 +
                    <img id="AppendixImg1" src="https://static.igem.org/mediawiki/igem.org/e/ec/Peking2013_homepage_appendix1.jpg" />
 +
                    <h1 class="AppendixHeadLine">Biosensor Mining</h1>
 +
                    <img id="Appendix1Icon" class="AppendixIcon" src="https://static.igem.org/mediawiki/igem.org/1/13/Peking2013_home_appendix1icon.png" />
 +
                    <p>The core component of our biosensor toolkit is the transcriptional regulators that sense aromatics. For the comprehensiveness of aromatics-sensing, a data-mining process was conducted to mine transcriptional regulators for each typical class of aromatics from the database Uniprot. </p>
 +
                    <a href="https://2013.igem.org/Team:Peking/Project/SensorMining">LEARN MORE</a>
 +
              </div>
 +
        </div>
 +
        <div id="AppendixBox2" class="SmallBoxes">
 +
              <h1 id="Appendix2Title"><i>High-performance, profile-<br/>specific biosensors</i> </h1>
 +
              <div id="Appendix2Cover" >
 +
                    <img id="AppendixImg2" src="https://static.igem.org/mediawiki/igem.org/1/17/Peking2013_home_appendix2.jpg" />
 +
                    <h1 class="AppendixHeadLine">Biosensors</h1>
 +
                    <img id="Appendix2Icon" class="AppendixIcon"  src="https://static.igem.org/mediawiki/igem.org/b/b2/Peking2013_home_appendix2icon.png" />
 +
                    <p>A comprehensive set of biosensor circuits have been implemented using the aromatics-sensing transcriptional regulators. Each biosensor has a specific aromatics-sensing profile. Furthermore, the orthogonality of their sensing profiles was carefully assessed for practical applications.</p>
 +
                    <a href="https://2013.igem.org/Team:Peking/Project/BioSensors">LEARN MORE</a>
 +
              </div>
 +
        </div>
 +
        <div id="AppendixBox3" class="SmallBoxes">
 +
              <h1 id="Appendix3Title"><i>Converting the undetectable into<br/>the detectable</i></h1>
 +
              <div id="Appendix3Cover" >
 +
                    <img id="AppendixImg3" src="https://static.igem.org/mediawiki/igem.org/1/1b/Peking2013_home_appendix3.jpg" />
 +
                    <h1 class="AppendixHeadLine">Adaptors</h1>
 +
                    <img id="Appendix3Icon"  class="AppendixIcon" src="https://static.igem.org/mediawiki/igem.org/c/cd/Peking2013_home_appendix3icon.png" />
 +
                    <p> To expand the detection profiles of some biosensors, aromatics-metabolizing enzymes were taken from natural metabolic pathways, working as Adaptors to convert undetectable chemicals into detectable aromatics when coupled with biosensor circuits.</p>
 +
                    <a href="https://2013.igem.org/Team:Peking/Project/Plugins">LEARN MORE</a>
 +
              </div>
 +
        </div>
 +
        <div id="AppendixBox4" class="SmallBoxes">
 +
              <h1 id="Appendix4Title"><i>Rapidly determining <br/> the analyte concentration</i></h1>
 +
              <div id="Appendix4Cover" >
 +
                    <img id="AppendixImg4" src="https://static.igem.org/mediawiki/igem.org/e/e6/Peking2013_home_appendix4.jpg" />
 +
                    <h1 class="AppendixHeadLine">Band-pass Filter</h1>
 +
                    <img id="Appendix4Icon" class="AppendixIcon"  src="https://static.igem.org/mediawiki/igem.org/4/42/Peking2013_home_appendix4icon.png" />
 +
                    <p>For the ease of practical analysis, a genetic device called "Band-pass Filter" has been constructed to allow the detection of analyte concentration within a specific range. Biosensors equipped with the Band-pass Filter can robustly quantify the aromatics in environmental samples. </p>
 +
                    <a href="https://2013.igem.org/Team:Peking/Project/BandpassFilter">LEARN MORE</a>
 +
              </div>
 +
        </div>
 +
        <div id="AppendixBox5" class="SmallBoxes">
 +
              <h1 id="Appendix5Title"><i>Communications, Questionnaire survey,  <br/>Factory Visit</i> and interview</h1>
 +
              <div id="Appendix5Cover" >
 +
                    <img id="AppendixImg5" src="https://static.igem.org/mediawiki/igem.org/d/da/Peking2013_home_appendix5.jpg" />
 +
                    <h1 class="AppendixHeadLine">Human Practice</h1>
 +
                    <img id="Appendix5Icon" class="AppendixIcon"  src="https://static.igem.org/mediawiki/igem.org/8/85/Peking2013_home_appendix5icon.png" />
 +
                    <p>To obtain the information about public awareness and the situation of aromatics pollution, a survey including factory visit and questionnaires has been conducted. We also guided an iGEM HS team and held "Model iGEM" as a competition without competitiveness.</p>
 +
                    <a href="https://2013.igem.org/Team:Peking/HumanPractice">LEARN MORE</a>
 +
              </div>
 +
        </div>       
 +
</div><!--end of major body-->
</div><!--end of major body-->
-
<img id="AcknowledgementBox" src="https://static.igem.org/mediawiki/igem.org/e/e9/Sponsers.jpg">
+
<img id="AcknowledgementBox" src="https://static.igem.org/mediawiki/igem.org/c/c4/Peking_Sponsors.jpg">
<!--end of acknowledgement box-->
<!--end of acknowledgement box-->
<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">
-
function ChangeSlide(CurrentSlideId,NewSlideId)
+
$(window).scroll(function(){
-
{if(CurrentSlideId!=NewSlideId){
+
  if(0==document.getElementById("content").offsetLeft){ $('#navigationblock').css('left',-$(window).scrollLeft());}
-
$(NewSlideId).fadeOut(0);
+
  else{$('#navigationblock').css('left',document.getElementById("content").offsetLeft); }
-
$(NewSlideId).removeClass("inactivated_slide");
+
});
-
$(NewSlideId).addClass("transitional_slide");
+
 
-
$(NewSlideId).fadeIn(function(){
+
$(window).resize(function(){
-
$(CurrentSlideId).removeClass("activated_slide");
+
  if(0==document.getElementById("content").offsetLeft){ $('#navigationblock').css('left',-$(window).scrollLeft());}
-
$(CurrentSlideId).addClass("inactivated_slide");
+
  else{$('#navigationblock').css('left',document.getElementById("content").offsetLeft); }
-
$(NewSlideId).removeClass("transitional_slide");
+
});
-
$(NewSlideId).addClass("activated_slide");
+
 
-
});
+
document.getElementById("AppendixBox1").onmouseover=function(){MoveInSlide("#Appendix1Cover")};
-
}
+
document.getElementById("AppendixBox1").onmouseout=function(){MoveOutSlide("#Appendix1Cover")};
-
}
+
document.getElementById("AppendixBox2").onmouseover=function(){MoveInSlide("#Appendix2Cover")};
-
function ChangeSlideList(CurrentLeftId,CurrentMiddleId,CurrentRightId,NewMiddleId)
+
document.getElementById("AppendixBox2").onmouseout=function(){MoveOutSlide("#Appendix2Cover")};
 +
document.getElementById("AppendixBox3").onmouseover=function(){MoveInSlide("#Appendix3Cover")};
 +
document.getElementById("AppendixBox3").onmouseout=function(){MoveOutSlide("#Appendix3Cover")};
 +
document.getElementById("AppendixBox4").onmouseover=function(){MoveInSlide("#Appendix4Cover")};
 +
document.getElementById("AppendixBox4").onmouseout=function(){MoveOutSlide("#Appendix4Cover")};
 +
document.getElementById("AppendixBox5").onmouseover=function(){MoveInSlide("#Appendix5Cover")};
 +
document.getElementById("AppendixBox5").onmouseout=function(){MoveOutSlide("#Appendix5Cover")};
 +
 
 +
function MoveInSlide(SlideId)
{
{
-
if(CurrentLeftId==NewMiddleId)
+
$(SlideId).stop().animate({top:"0px"},"fast");
-
{
+
         
-
$(CurrentRightId).fadeOut(0);
+
};
-
$(CurrentMiddleId).animate({left:"660px",fontSize:'30px',fontWeight:'normal'},function(){
+
 
-
$(CurrentMiddleId).removeClass("middle_slide_list_item");
+
 
-
$(CurrentMiddleId).css({left:"660px",fontSize:'30px',fontWeight:'normal'});
+
 
-
$(CurrentMiddleId).addClass("right_slide_list_item");
+
function MoveOutSlide(SlideId)
-
});
+
{
-
$(CurrentLeftId).animate({left:"460px",fontSize:'40px',fontWeight:'bold'},function(){
+
$(SlideId).stop().animate({top:"170px"},"fast");
-
$(CurrentLeftId).removeClass("left_slide_list_item");
+
       
-
$(CurrentLeftId).css({left:"460px",fontSize:'40px',fontWeight:'bold'});
+
};
-
$(CurrentLeftId).addClass("middle_slide_list_item");
+
 
-
+
 
-
$(CurrentRightId).removeClass("right_slide_list_item");
+
-
$(CurrentRightId).css({left:"330px",fontSize:'30px',fontWeight:'normal'});
+
-
$(CurrentRightId).addClass("left_slide_list_item");
+
-
$(CurrentRightId).fadeIn(0);
+
-
});
+
-
+
-
}
+
-
else if(CurrentRightId==NewMiddleId)
+
-
{
+
-
+
-
$(CurrentLeftId).fadeOut(0);
+
-
$(CurrentMiddleId).animate({left:"330px",fontSize:'30px',fontWeight:'normal'},function(){
+
-
$(CurrentMiddleId).removeClass("middle_slide_list_item");
+
-
$(CurrentMiddleId).css({left:"330px",fontSize:'30px',fontWeight:'normal'});
+
-
$(CurrentMiddleId).addClass("left_slide_list_item");
+
-
});
+
-
$(CurrentRightId).animate({left:"460px",fontSize:'40px',fontWeight:'bold'},function(){
+
-
$(CurrentRightId).removeClass("right_slide_list_item");
+
-
$(CurrentRightId).css({left:"460px",fontSize:'40px',fontWeight:'bold'});
+
-
$(CurrentRightId).addClass("middle_slide_list_item");
+
-
+
-
$(CurrentLeftId).removeClass("left_slide_list_item");
+
-
$(CurrentLeftId).css({left:"660px",fontSize:'30px',fontWeight:'normal'});
+
-
$(CurrentLeftId).addClass("right_slide_list_item");
+
-
$(CurrentLeftId).fadeIn(0);
+
-
});
+
-
}
+
-
+
-
}
+
-
+
-
+
-
$("#slide_list-1").click(function(){
+
-
ChangeSlide("#"+$(".activated_slide").attr("id"),"#slide-1");
+
-
ChangeSlideList("#"+$(".left_slide_list_item").attr("id"),
+
-
"#"+$(".middle_slide_list_item").attr("id"),
+
-
"#"+$(".right_slide_list_item").attr("id"),
+
-
"#slide_list-1");
+
-
});
+
-
$("#slide_list-2").click(function(){
+
-
ChangeSlide("#"+$(".activated_slide").attr("id"),"#slide-2");
+
-
ChangeSlideList("#"+$(".left_slide_list_item").attr("id"),
+
-
"#"+$(".middle_slide_list_item").attr("id"),
+
-
"#"+$(".right_slide_list_item").attr("id"),
+
-
"#slide_list-2");
+
-
});
+
-
$("#slide_list-3").click(function(){
+
-
ChangeSlide("#"+$(".activated_slide").attr("id"),"#slide-3");
+
-
ChangeSlideList("#"+$(".left_slide_list_item").attr("id"),
+
-
"#"+$(".middle_slide_list_item").attr("id"),
+
-
"#"+$(".right_slide_list_item").attr("id"),
+
-
"#slide_list-3");
+
-
});
+
</script>
</script>
</html>
</html>

Latest revision as of 18:10, 28 October 2013

Aromatics Scouts

A Comprehensive Biosensor Toolkit for Profiling Aromatic Compounds in the Environment

★Presentation: Room 34-101, Saturday 12:30 PM, Session 2     ★Poster: Sunday, #13 (Stata)

Monitoring aromatic compounds in the environment remains a substantial challenge today. Noting the power of biosensors for quick and convenient testing, Peking iGEM has developed a functionally comprehensive biosensor toolkit to profile aromatics in the environment.

Transcriptional regulators that each detect a specific class of aromatics were first bioinformatically determined; and then utilized to build a comprehensive set of biosensor circuits. Characterization on the detection profiles of individual biosensors and the orthogonality/crosstalk between them proved that these biosensors are very capable at profiling aromatics present in water.

Moreover, for the ease of practical applications, two types of genetic devices were also developed as plug-ins for biosensors: "Adaptors", a set of conceptually novel devices to convert undetectable compounds into detectable compounds, and "Band-pass Filter", a "concentration filter" that allows the detection of analyte concentration within a specific range.

We expect that these novel biosensors, together with the plug-in devices, will serve as intriguing synthetic biological tools for diverse practical applications.

Mining aromatics-sensing Biobricks
from the genomic database

Biosensor Mining

The core component of our biosensor toolkit is the transcriptional regulators that sense aromatics. For the comprehensiveness of aromatics-sensing, a data-mining process was conducted to mine transcriptional regulators for each typical class of aromatics from the database Uniprot.

LEARN MORE

High-performance, profile-
specific biosensors

Biosensors

A comprehensive set of biosensor circuits have been implemented using the aromatics-sensing transcriptional regulators. Each biosensor has a specific aromatics-sensing profile. Furthermore, the orthogonality of their sensing profiles was carefully assessed for practical applications.

LEARN MORE

Converting the undetectable into
the detectable

Adaptors

To expand the detection profiles of some biosensors, aromatics-metabolizing enzymes were taken from natural metabolic pathways, working as Adaptors to convert undetectable chemicals into detectable aromatics when coupled with biosensor circuits.

LEARN MORE

Rapidly determining
the analyte concentration

Band-pass Filter

For the ease of practical analysis, a genetic device called "Band-pass Filter" has been constructed to allow the detection of analyte concentration within a specific range. Biosensors equipped with the Band-pass Filter can robustly quantify the aromatics in environmental samples.

LEARN MORE

Communications, Questionnaire survey,
Factory Visit
and interview

Human Practice

To obtain the information about public awareness and the situation of aromatics pollution, a survey including factory visit and questionnaires has been conducted. We also guided an iGEM HS team and held "Model iGEM" as a competition without competitiveness.

LEARN MORE