Team:Peking/HumanPractice

From 2013.igem.org

(Difference between revisions)
Line 24: Line 24:
     background-color:transparent;
     background-color:transparent;
     border:none;
     border:none;
-
     width:1349px;
+
     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:1349px; height:130px; overflow:hidden; font-family:Microsoft YaHei,Calieri, Arial; float:left; margin:0px; padding:0px; z-index:1000; border-bottom:1px solid #d3d7d8;}
 
 +
#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:600px; top:28px; font-size:16px; font-weight:100; color:black;}
+
#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:50px; text-align:center; color:black;}
+
.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;}
-
#Lab_Sublist{position:relative; top:0px; left:-180px;}
+
#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:0px; left:0px; width:1349px; height:2400px; background-color:#FFFFFF;}
+
#MajorBody{position:absolute; top:24px; left:0px; width:1200px; height:590px; background-color:#f9f9f7;}
-
#ProjectTitle{position:absolute; left:0px; background-color: #f39c12; width:1349px; height:210px; top:150px; z-index:600;}
+
#LeftNavigation{position:absolute; top:130px; left:0px; width:200px; height:460px; background-color:#313131}
-
#ProjectName{position:absolute; left:450px; top:30px; border-bottom:0px; color:#FFFFFF; font-size:65px; font-family:Impact,Arial, Helvetica, sans-serif;}
+
#ProjectList{position:absolute; top:40px; left:0px; color:#ffffff; font-family: calibri, arial, helvetica, sans-serif;}
-
#ProjectSubname{position:absolute; left:440px; top:130px; border-bottom:0px; color:#FFFFFF; font-size:19px; 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;}
-
#ParagraphAhead{position:absolute; top:390px; left:200px; width:950px; font-size:18px; font-family:calibri, Arial, Helvetica, sans-serif; text-align:justify;}
 
-
#HighSchool{position:absolute; top:600px; left:135px; width:1080px; height:460px;}
 
-
#HighSchoolBackground{width:100%; height:100%;}
 
-
#HighSchoolVideoContainer{position:absolute; top:53px; left:62px; width:310px; height:350px; background-color:transparent; overflow:hidden; }
 
-
#HighSchoolVideoSlide{position:absolute; top:0px; left:-310px; width:620px; height:350px; background-color:transparent;}
 
-
#HighSchoolVideoSlideRighthalf{position:absolute; top:0px; left:310px; width:310px; height:350px; background-color:transparent;}
 
-
#HighSchoolVideo{position:absolute; top:75px; left:10px;}
 
-
#HighSchoolMajorTitle{position:absolute; top:0px; left:50px; width:230px; font-size:43px; font-family:Impact,Arial, Helvetica, sans-serif; border-bottom:0px; line-height:70px; color:#FFFFFF;}
 
-
#HighSchoolMinorTitle{position:absolute; top:270px; left:90px; width:140px; font-size:19px; font-family:Arial, Helvetica, sans-serif; border-bottom:0px;color:#FFFFFF;}
 
-
#HighSchoolIcon{position:absolute; top:180px; left:70px; height:70px;}
 
-
#HighSchoolPlay{position:absolute; top:180px; left:180px; height:70px;}
 
-
#HighSchoolPlay:hover{left:175px; top:175px; height:80px;}
 
-
#HighSchoolVideoNew{position:absolute; top:30px; left:460px;}
 
-
#Factory{position:absolute; top:1120px; left:135px; width:1080px; height:460px;}
+
#ProjectOverviewContainer{position:absolute; top:130px; left:200px; width:1000px; height:460px;}
-
#FactoryBackground{width:100%; height:100%;}
+
#ProjectOverviewBackground{position:absolute; top:0px; top:0px;}
-
#FactoryVideoContainer{position:absolute; top:53px; left:62px; width:310px; height:350px; background-color:transparent; overflow:hidden; }
+
#ProjectOverviewTitle{position:absolute; left:790px; top:60px; border-bottom:0px; color:#FFFFFF; font-size:48px; font-family:calibri,Arial, Helvetica, sans-serif;}
-
#FactoryVideoSlide{position:absolute; top:0px; left:-310px; width:620px; height:350px; background-color:transparent;}
+
#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;}
-
#FactoryVideoSlideRighthalf{position:absolute; top:0px; left:310px; width:310px; height:350px; background-color:transparent;}
+
-
#FactoryVideo{position:absolute; top:75px; left:10px;}
+
-
#FactoryMajorTitle{position:absolute; top:0px; left:10px; width:300px; font-size:43px; font-family:Impact,Arial, Helvetica, sans-serif; border-bottom:0px; line-height:70px; color:#FFFFFF; text-align:center;}
+
-
#FactoryMinorTitle{position:absolute; top:270px; left:90px; width:140px; font-size:19px; font-family:Arial, Helvetica, sans-serif; border-bottom:0px;color:#FFFFFF;}
+
-
#FactoryIcon{position:absolute; top:180px; left:70px; height:70px;}
+
-
#FactoryPlay{position:absolute; top:180px; left:180px; height:70px;}
+
-
#FactoryPlay:hover{left:175px; top:175px; height:80px;}
+
/*end of Major body*/
/*end of Major body*/
-
#AcknowledgementBox{ position:absolute; left:0px; top:2380px; width:1349px;}
+
#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" >
-
<li><a>Item1</a></li>
+
-
<li><a>Item2</a></li>
+
-
<li><a>Item3</a></li>
+
</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="PKU_navbar_Lab" class="Navbar_Item">
+
<li id="PKU_navbar_Safety" class="Navbar_Item">
-
<a href="https://2013.igem.org/Team:Peking/Lab">safty</a>
+
<a href="https://2013.igem.org/Team:Peking/Safety">safety</a>
-
<ul id="Lab_Sublist">
+
<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">
-
<div id="ProjectTitle">
+
          <ul id="ProjectList">
-
<h1 id="ProjectName">HUMAN PRACTICE</h1>
+
                 <li><a>Auto sensor mining</a><li>
-
                 <h1 id="ProjectSubname">FOCUSING ON THE PRESENT, LOOKING ON THE FUTURE</h1>
+
                <li><a>Biosensors</a><li>
-
</div>
+
                <li><a>Plug-ins</a><li>
-
 
+
                <li><a>Band-pass Filter</a><li>
-
        <p id="ParagraphAhead">The 2013 Peking iGEM team mainly focused on the pollution and detection of toxic aromatic compounds in China. In order to obtain information on public awareness and current attitudes toward aromatic compounds, we hosted a survey on aromatic pollution. To learn more aromatic pollution public policy, we visited the Bureau of Environmental Protection in Beijing, along with a printing factory that uses dye containing aromatics. After all this information gathering, we tested the water sample from Weiming Lake on the PKU campus, along with several Beijing rivers. Furthermore, we continued the tradition set up by PKU iGEM last year, and provided guidance to a high school iGEM team that will be competing next year.              </p>
+
                </ul>
-
 
+
    </div>
-
        <div id="HighSchool">
+
    <div id="ProjectOverviewContainer">
-
                <img id="HighSchoolBackground" src="https://static.igem.org/mediawiki/igem.org/0/0b/Peking_humanpractice_HS.jpg" />
+
          <img id="ProjectOverviewBackground" src="https://static.igem.org/mediawiki/2013/2/20/Peking_Project_Overview.jpg" />
-
                <div id="HighSchoolVideoContainer">
+
          <h1 id="ProjectOverviewTitle">Project</h1>
-
                      <div id="HighSchoolVideoSlide">
+
          <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.
-
                            <iframe width="300" height="200" id="HighSchoolVideo" src="http://www.youtube.com/embed/8fY03qDNdNQ" frameborder="0" allowfullscreen=""></iframe>
+
</p>
-
                            <div id="HighSchoolVideoSlideRighthalf">
+
    </div>
-
                                  <h1 id="HighSchoolMajorTitle"> HIGH SCHOOL INSTRUCTION</h1>
+
-
                                  <img id="HighSchoolIcon" src="https://static.igem.org/mediawiki/igem.org/6/6e/Peking_Humanpractice_HSicon.png" />
+
-
                                  <img id="HighSchoolPlay" src="https://static.igem.org/mediawiki/igem.org/3/39/Peking_humanpractice_play.png" />
+
-
                                  <h2 id="HighSchoolMinorTitle">Watch a Video and Learn More</h2>
+
-
                            </div>
+
-
                      </div>
+
-
                </div>
+
-
                  <iframe width="600" height="400" id="HighSchoolVideoNew" src="http://www.youtube.com/embed/8fY03qDNdNQ" frameborder="0" allowfullscreen=""></iframe>
+
-
        </div>
+
-
        <div id="Factory">
+
-
                <img id="FactoryBackground" src="https://static.igem.org/mediawiki/igem.org/4/47/Peking_humanpractice_factory.jpg" />
+
-
                <div id="FactoryVideoContainer">
+
-
                      <div id="FactoryVideoSlide">
+
-
                            <iframe width="300" height="200" id="FactoryVideo" src="http://www.youtube.com/embed/8fY03qDNdNQ" frameborder="0" allowfullscreen=""></iframe>
+
-
                            <div id="FactoryVideoSlideRighthalf">
+
-
                                  <h1 id="FactoryMajorTitle">PRINTING PRESS VISIT</h1>
+
-
                                  <img id="FactoryIcon" src="https://static.igem.org/mediawiki/igem.org/f/f4/Peking_humanpractice_FCicon.png" />
+
-
                                  <img id="FactoryPlay" src="https://static.igem.org/mediawiki/igem.org/3/39/Peking_humanpractice_play.png" />
+
-
                                  <h2 id="FactoryMinorTitle">Watch a Video and Learn More</h2>
+
-
                            </div>
+
-
                      </div>
+
-
                </div>
+
-
        </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:
-
$(document).ready(function(){
+
function MoveInSlide(SlideId)
-
        $("#HighSchoolVideoNew").fadeOut(0);
+
-
        })
+
-
function MoveSlide(SlideId)
+
{
{
-
$(SlideId).animate({left:"0px"});
+
$(SlideId).animate({top:"0px"});
-
}
+
         
 +
};
 +
 
 +
function MoveOutSlide(SlideId)
 +
{
 +
$(SlideId).animate({top:"280px"});
 +
       
 +
};
 +
 
-
$("#HighSchoolVideoSlideRighthalf").click(function(){
 
-
                $("#HighSchoolVideoNew").fadeIn(1000);
 
-
        })
 
-
$("#FactoryVideoSlideRighthalf").click(function(){
 
-
                MoveSlide("#FactoryVideoSlide");
 
-
        })
 
</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.