Team:Peking/HumanPractice
From 2013.igem.org
XingjiePan (Talk | contribs) |
XingjiePan (Talk | contribs) |
||
(120 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: | + | 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: | + | width:1200px; |
- | height: | + | 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: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: | + | #navbarlogo{position:absolute; top:0px; left:0px; width:1200px} |
- | #navigationbar > li {display:block; list-style-type:none; float:left; width: | + | #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: | + | .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 | + | .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:- | + | #Team_Sublist{position:relative; top:0px; left:-110px;} |
- | #Project_Sublist{position:relative; top:0px; left:- | + | #Project_Sublist{position:relative; top:0px; left:-180px;} |
#Model_Sublist{position:relative; top:0px; left:-140px;} | #Model_Sublist{position:relative; top:0px; left:-140px;} | ||
- | # | + | #DataPage_Sublist{position:relative; top:0px; left:-60px;} |
- | #HumanPractice_Sublist{position:relative; top:0px; left:- | + | #Safety_Sublist{position:relative; top:0px; left:-180px;} |
+ | #HumanPractice_Sublist{position:relative; top:0px; left:-470px;} | ||
- | #iGEM_logo{position: | + | #iGEM_logo{position:absolute; top:30px; left:1090px; height:80px;} |
/*end navigation bar*/ | /*end navigation bar*/ | ||
- | |||
/*Major body*/ | /*Major body*/ | ||
- | #MajorBody{position:absolute; top: | + | #MajorBody{position:absolute; top:24px; left:0px; width:1200px; height:500px; background-color:#f9f9f7;} |
- | # | + | #LeftNavigation{position:fixed; top:130px; float:left; width:200px; height:540px; background-color:#313131} |
- | # | + | #ProjectList{position:absolute; top:60px; left:0px; color:#ffffff; font-family: calibri, 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;} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | # | + | #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: | + | #AcknowledgementBox{ position:absolute; left:200px; top:610px; width:1000px;} |
Line 197: | 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"> | + | |
+ | <a href="https://2013.igem.org/Team:Peking">Home</a> | ||
<ul id="Home_Sublist" > | <ul id="Home_Sublist" > | ||
- | |||
- | |||
- | |||
</ul> | </ul> | ||
</li> | </li> | ||
<li id="PKU_navbar_Team" class="Navbar_Item"> | <li id="PKU_navbar_Team" class="Navbar_Item"> | ||
- | <a href=" | + | <a href="">Team</a> |
<ul id="Team_Sublist"> | <ul id="Team_Sublist"> | ||
- | <li><a> | + | <div class="BackgroundofSublist"></div> |
- | <li><a> | + | <li><a href="https://2013.igem.org/Team:Peking/Team/Members">Members</a></li> |
- | <li><a> | + | <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"> | + | <a href="https://2013.igem.org/Team:Peking/Project">Project</a> |
<ul id="Project_Sublist"> | <ul id="Project_Sublist"> | ||
- | <li><a> | + | <div class="BackgroundofSublist"></div> |
- | <li><a> | + | <li><a href="https://2013.igem.org/Team:Peking/Project/SensorMining">Biosensor Mining</a></li> |
- | <li><a>Band-pass | + | <li><a href="https://2013.igem.org/Team:Peking/Project/BioSensors">Biosensors</a></li> |
- | <li><a> | + | <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=" | + | <a href="">Model</a> |
<ul id="Model_Sublist"> | <ul id="Model_Sublist"> | ||
- | + | <div class="BackgroundofSublist"></div> | |
- | + | <li><a href="https://2013.igem.org/Team:Peking/Model">Band-pass Filter</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_HumanPractice" class="Navbar_Item" style="width:90px"> | |
- | <a href=" | + | <a href="">Data page</a> |
- | <ul id=" | + | <ul id="DataPage_Sublist"> |
- | + | <div class="BackgroundofSublist"></div> | |
- | <li><a> | + | <li><a href="https://2013.igem.org/Team:Peking/DataPage/Parts">Parts</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"> | + | <a href="https://2013.igem.org/Team:Peking/HumanPractice">Human Practice</a> |
- | <ul id="HumanPractice_Sublist"> | + | <ul id="HumanPractice_Sublist"> |
- | + | <div class="BackgroundofSublist"></div> | |
- | <li><a> | + | <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/Questionnaire">Questionnaire Survey</a></li> |
- | <li><a> | + | <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"> | |
- | + | <ul id="ProjectList"> | |
- | + | <li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/HumanPractice/Questionnaire">Questionnaire Survey</a></li> | |
- | < | + | <li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/HumanPractice/FactoryVisit">Vist and Interview</a></li> |
- | + | <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> | |
- | + | </ul> | |
- | + | </div> | |
- | + | <div id="HumanpracticeOverviewContainer"> | |
- | + | <img id="HumanpracticeOverviewBackground" src="https://static.igem.org/mediawiki/igem.org/3/36/Peking2013_Human_pra_title.jpg" /> | |
- | + | <h1 id="HumanpracticeOverviewTitle">Human Practice</h1> | |
- | + | <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. | |
- | + | 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. | |
- | + | </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 302: | Line 276: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(window).scroll(function(){ | $(window).scroll(function(){ | ||
- | if(0 | + | if(0==document.getElementById("content").offsetLeft){ $('#navigationblock').css('left',-$(window).scrollLeft());} |
+ | else{$('#navigationblock').css('left',document.getElementById("content").offsetLeft); } | ||
}); | }); | ||
- | function | + | |
+ | $(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({ | + | $(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.