Team:Peking/HumanPractice

From 2013.igem.org

(Difference between revisions)
 
(205 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:400px;}
#top-section{
#top-section{
   height:0px;
   height:0px;
Line 24: Line 24:
     background-color:transparent;
     background-color:transparent;
     border:none;
     border:none;
-
     width:1350px;
+
     width:1200px;
-
     height:700px;
+
     height:400px;
     marign:0 auto;
     marign:0 auto;
     padding:0 0 0 0;
     padding:0 0 0 0;
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:16px; font-weight:100; color:black;}
+
#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{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:900px; height:80px; text-align:center; color:black; z-index:1100; }
-
.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; text-align:center; background-color:transparent; position:relative; top:10px; padding:0 10px;}
-
.Navbar_Item:hover{ border-bottom:1px solid #D00000; color:#D00000}
+
.Navbar_Item:hover{ border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;}
-
.Navbar_Item:hover > ul{ display:block;}
+
.Navbar_Item:hover > ul{zoom:1; display:block;}
-
.Navbar_Item:hover >a {color:#D00000}
+
.Navbar_Item:hover >a {color:#D00000; background-color:#fafaf8;}
-
.Navbar_Item > ul > li:hover {border-bottom:1px solid #D00000; color:#D00000}
+
.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:-200px;}
+
#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:0px; width:1350px; height:1019px;}
+
#MajorBody{position:absolute; top:24px; left:0px; width:1200px; height:500px; background-color:#f9f9f7;}
-
#ProjectTitle{position:absolute; left:0px; background-color:#cf0000; width:1350px; height:210px; top:150px; z-index:600;}
+
#LeftNavigation{position:fixed; top:130px; float:left; width:200px; height:540px; background-color:#313131}
-
#ProjectName{position:absolute; left:520px; top:30px; border-bottom:0px; color:#FFFFFF; font-size:65px; font-family:Impact,Arial, Helvetica, sans-serif;}
+
#ProjectList{position:absolute; top:60px; left:0px; color:#ffffff; font-family: calibri, arial, helvetica, sans-serif;}
-
#ProjectSubname{position:absolute; left:300px; top:130px; border-bottom:0px; color:#FFFFFF; font-size:19px; font-family:Arial, Helvetica, sans-serif;}
+
#ProjectList > li {display:block; list-style-type:none; width:180px; height:45px; font-size:17px; text-align:left; background-color:transparent;}
-
#Major_background{position:fixed; top:130px; width:1350px; z-index:-1;}
+
.SensorsListItem>a {color:#ffffff; text-decoration:none;}
 +
.SensorsListItem:hover >a{color:#999999;}
 +
 
 +
 
 +
 
-
#AbstractBox{position:absolute; left:490px; top:410px; width:770px; height:590px; background-color:transparent;}
+
#HumanpracticeOverviewContainer{position:absolute; top:130px; left:200px; width:1000px; height:460px;}
-
#AbstractBackground{width:100%; height:100%; background-color:#FFFFFF; opacity:0.5;}
+
#HumanpracticeOverviewBackground{position:absolute; top:0px; top:0px;}
-
#AbstractContent{position:absolute; left:30px; top:30px; width:710px; font-size:20px; font-family:Arial, Helvetica, sans-serif; text-align:justify;}
+
#HumanpracticeOverviewTitle{position:absolute; left:750px; top:80px; border-bottom:0px; color:#FFFFFF; font-size:48px; font-family:calibri,Arial, Helvetica, sans-serif;line-height:60px; text-align:center;}
-
#AbstractContent:first-letter{font-size:50px;}
+
#HumanpracticeOverviewContent{position:absolute; top:60px; left:40px; width:700px; height:400px;color:#FFFFFF; font-size:18px;font-family:calibri,Arial, Helvetica, sans-serif; text-align:justify; line-height:30px;}
-
.SmallBoxes{width:370px; height:280px;background-color:#FFFFFF}
+
-
#AppendixBox1{position:absolute; left:90px; top:410px;}
+
-
#AppendixBox2{position:absolute; left:90px; top:720px;}
+
-
#AppendixBox3{position:absolute; left:90px; top:1030px;}
+
-
#AppendixBox4{position:absolute; left:490px; top:1030px;}
+
-
#AppendixBox5{position:absolute; left:890px; top:1030px;}
+
/*end of Major body*/
/*end of Major body*/
-
#AcknowledgementBox{ position:absolute; left:0px; top:1380px; width:1350px;}
+
#AcknowledgementBox{ position:absolute; left:200px; top:610px; width:1000px;}
Line 181: Line 181:
<!--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>Existing Biosensors</a></li>
+
                                <div class="BackgroundofSublist"></div>
-
<li><a>Plug-ins & Expansion</a></li>
+
                                <li><a href="https://2013.igem.org/Team:Peking/Project/SensorMining">Biosensor Mining</a></li>
-
<li><a>Band-pass Circuit</a></li>
+
<li><a href="https://2013.igem.org/Team:Peking/Project/BioSensors">Biosensors</a></li>
-
                                 <li><a>Application</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">safty</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">
-
        <img id="Major_background" src="https://static.igem.org/mediawiki/igem.org/4/47/Peking_hompage_Background.jpg">  
+
    <div id="LeftNavigation">
-
<div id="ProjectTitle">
+
          <ul id="ProjectList">
-
<h1 id="ProjectName">HUMAN PRACTICE</h1>
+
                <li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/HumanPractice/Questionnaire">Questionnaire Survey</a></li>
-
                <h1 id="ProjectSubname">FOCUSING ON THE PRESENT, LOOKING ON THE FUTURE</h1>
+
<li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/HumanPractice/FactoryVisit">Vist and Interview</a></li>
-
</div>
+
                <li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/HumanPractice/iGEMWorkshop">Team Communication</a></li>
-
        <div id="AbstractBox">
+
<li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/HumanPractice/ModeliGEM">Practical Analysis</a></li>
-
            <div id="AbstractBackground"></div>
+
          </ul>
-
            <p id="AbstractContent">As aromatic pollution levels rise, and along with it the environmental and health hazards that it presents, finding a better way of detecting these aromatic compounds becomes more and more important. Some prokaryotes, including <I>Escherichia coli</I> and <I>Pseudomonas putida</I>, naturally produce proteins capable of both detecting toxic aromatic molecules and regulating the transcription of corresponding catabolic genes. However, these naturally existing biosensors are limited by their detection range, expression leakage, and induction ratio.<br/><br/>Using these proteins, our team designed a series of improved aromatic sensors and combined them with related enzymes from their original catabolic pathways to increase the molecule detection range of these sensors. In order to semi-quantitatively measure the concentrations of target compounds, we constructed a biological band-pass circuit, enabling our sensors to detect the concentrations of target compounds within a certain range. In sum, we have been working on a fast, easy and accurate way to detect toxic aromatic compounds.</p>
+
    </div>
-
        </div>
+
    <div id="HumanpracticeOverviewContainer">
-
        <div id="AppendixBox1" class="SmallBoxes">
+
          <img id="HumanpracticeOverviewBackground" src="https://static.igem.org/mediawiki/igem.org/3/36/Peking2013_Human_pra_title.jpg" />
-
        </div>
+
          <h1 id="HumanpracticeOverviewTitle">Human Practice</h1>
-
        <div id="AppendixBox2" class="SmallBoxes">
+
          <p id="HumanpracticeOverviewContent">The Peking 2013 iGEM team have been focusing on the aromatic pollution in China. First, we conducted a <a href="https://2013.igem.org/Team:Peking/HumanPractice/Questionnaire"><font color=#FFFF33>questionnaire survey</font></a> to gather the information of public awareness of aromatic pollution and its detection. Then we ran an <a href="https://2013.igem.org/Team:Peking/HumanPractice/FactoryVisit"><font color=#FFFF33>on-the-spot investigation in a printing factory</font></a>, which uses dyes and intermediates containing aromatic pollutants. Afterwards, we carried a <a href="https://2013.igem.org/Team:Peking/HumanPractice/ModeliGEM"><font color=#FFFF33>practical analysis</font></a> by testing the water sample from Weiming Lake on campus. Inheriting the tradition of the Peking iGEM, we <a href="https://2013.igem.org/Team:Peking/HumanPractice/iGEMWorkshop"><font color=#FFFF33>guided an iGEM HS team</font></a>, which will participate the jamboree in 2014.
-
        </div>
+
On September 7th, we held the <a href="https://2013.igem.org/Team:Peking/HumanPractice/iGEMWorkshop"><font color=#FFFF33>Model iGEM</font></a>, which was a academic simulation of the iGEM jamboree that allowed participants to communicate with each other and warm up for the regional jamboree.
-
        <div id="AppendixBox3" class="SmallBoxes">
+
</p>
-
        </div>
+
    </div>
-
        <div id="AppendixBox4" class="SmallBoxes">
+
-
        </div>
+
-
        <div id="AppendixBox5" class="SmallBoxes">
+
-
        </div>      
+
</div><!--end of major body-->
</div><!--end of major body-->
Line 267: Line 275:
<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(){
 +
  if(0==document.getElementById("content").offsetLeft){ $('#navigationblock').css('left',-$(window).scrollLeft());}
 +
  else{$('#navigationblock').css('left',document.getElementById("content").offsetLeft); }
 +
});
 +
 +
$(window).resize(function(){
 +
  if(0==document.getElementById("content").offsetLeft){ $('#navigationblock').css('left',-$(window).scrollLeft());}
 +
  else{$('#navigationblock').css('left',document.getElementById("content").offsetLeft); }
 +
});
 +
 +
 +
function MoveInSlide(SlideId)
 +
{
 +
$(SlideId).animate({top:"0px"});
 +
         
 +
};
 +
 +
function MoveOutSlide(SlideId)
 +
{
 +
$(SlideId).animate({top:"280px"});
 +
       
 +
};
 +
</script>
</script>
</html>
</html>

Latest revision as of 18:19, 28 October 2013

Human Practice

The Peking 2013 iGEM team have been focusing on the aromatic pollution in China. First, we conducted a questionnaire survey to gather the information of public awareness of aromatic pollution and its detection. Then we ran an on-the-spot investigation in a printing factory, which uses dyes and intermediates containing aromatic pollutants. Afterwards, we carried a practical analysis by testing the water sample from Weiming Lake on campus. Inheriting the tradition of the Peking iGEM, we guided an iGEM HS team, which will participate the jamboree in 2014. On September 7th, we held the Model iGEM, which was a academic simulation of the iGEM jamboree that allowed participants to communicate with each other and warm up for the regional jamboree.

Retrieved from "http://2013.igem.org/Team:Peking/HumanPractice"