Team:Peking/HumanPractice

From 2013.igem.org

(Difference between revisions)
 
(183 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:2400px; background-color:#FFFFFF;}
+
#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:420px; 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:380px; 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;}
 +
.SensorsListItem>a {color:#ffffff; text-decoration:none;}
 +
.SensorsListItem:hover >a{color:#999999;}
-
#ParagraphAhead{position:absolute; top:390px; left:200px; width:950px; font-size:18px; font-family: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:0px; left:0px; width:500px; height:400px; background-color:yellow;}
 
-
#HighSchoolVideoSlide{position:absolute; top:0px; left:0px; width:700px; height:300px; background-color:green;}
 
-
#HighSchoolVideoSlideRighthalf{position:absolute; top:0px; left:400px; width:200px; height:200px; background-color:blue;}
 
-
#Factory{position:absolute; top:1120px; left:135px; width:1080px; height:460px;}
 
-
#FactoryBackground{width:100%; height:100%;}
 
 +
#HumanpracticeOverviewContainer{position:absolute; top:130px; left:200px; width:1000px; height:460px;}
 +
#HumanpracticeOverviewBackground{position:absolute; top:0px; top:0px;}
 +
#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;}
 +
#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;}
/*end of Major body*/
/*end of Major body*/
-
#AcknowledgementBox{ position:absolute; left:0px; top:2380px; 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">
-
       
+
    <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>
-
 
+
<li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/HumanPractice/ModeliGEM">Practical Analysis</a></li>
-
        <p id="ParagraphAhead">The Peking iGEM team mainly focused on the pollution and detection of aromatics in China. To obtain the information of public awareness and current attitudes toward Aromatic compounds, we did a survey about aromatic pollutions. For acquire knowledge of public policy of aromatics, we visit the bureau of environment protection in Beijing, and visit a printing factory, because the dye the factory use has aromatics. After these survey and visits, we tested the water sample from Weiming Lake on campus, furthermore, several rivers in Beijing. Similarly as last year, we guide a iGEM HS team, which will join the jamboree the next year.               </p>
+
          </ul>
-
 
+
    </div>
-
        <div id="HighSchool">
+
    <div id="HumanpracticeOverviewContainer">
-
                <img id="HighSchoolBackground" src="https://static.igem.org/mediawiki/igem.org/0/0b/Peking_humanpractice_HS.jpg" />
+
          <img id="HumanpracticeOverviewBackground" src="https://static.igem.org/mediawiki/igem.org/3/36/Peking2013_Human_pra_title.jpg" />
-
                <div id="HighSchoolVideoContainer">
+
          <h1 id="HumanpracticeOverviewTitle">Human Practice</h1>
-
                      <div id="HighSchoolVideoSlide">
+
          <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.
-
                            <iframe width="300" height="300" src="http://www.youtube.com/embed/8fY03qDNdNQ" frameborder="0" allowfullscreen=""></iframe>
+
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.  
-
                            <a><div id="HighSchoolVideoSlideRighthalf">
+
</p>
-
                            </div></a>
+
    </div>
-
                      </div>
+
-
                </div>
+
-
        </div>
+
-
        <div id="Factory">
+
-
                <img id="FactoryBackground" src="https://static.igem.org/mediawiki/igem.org/4/47/Peking_humanpractice_factory.jpg" />
+
-
        </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 269: 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"