Team:Jilin China/Survey
From 2014.igem.org
(25 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <html | + | {{CSS/Main}} |
+ | <html> | ||
<head> | <head> | ||
- | |||
- | |||
<style type="text/css"> | <style type="text/css"> | ||
.observation{margin-left:auto;margin-right:auto} | .observation{margin-left:auto;margin-right:auto} | ||
.observe1{width:400px;float:left;margin-left:20px;margin-right:20px;margin-bottom:20px} | .observe1{width:400px;float:left;margin-left:20px;margin-right:20px;margin-bottom:20px} | ||
- | #coop{font-size:18px;padding: | + | #coop{font-size:18px;padding:0px 20px;} |
.clear{clear:both} | .clear{clear:both} | ||
+ | </style> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | .home_second_block_div{width:265px; | ||
+ | float:left; | ||
+ | border:2px solid #ccc; | ||
+ | background-color:#fff; | ||
+ | padding:5px 10px; | ||
+ | margin:10px; | ||
+ | |||
+ | } | ||
+ | .home_second_block_div h2{ | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | .home_second_block_div p a{ | ||
+ | text-decoration:none; | ||
+ | color:blue;} | ||
+ | .logo{ | ||
+ | float:right; | ||
+ | } | ||
+ | .menu { | ||
+ | margin-top: 14px; | ||
+ | font-family: arial,sans-serif; | ||
+ | height: 50px; | ||
+ | margin: 0 auto 30px; | ||
+ | width: 980px; | ||
+ | } | ||
+ | .menu ul { | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | .menu ul li { | ||
+ | float:left; | ||
+ | position:relative; | ||
+ | |||
+ | } | ||
+ | .menu ul li a, .menu ul li a:visited { | ||
+ | display:block; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | padding-left:25px; | ||
+ | padding-right:25px; | ||
+ | height:30px; | ||
+ | color:#000; | ||
+ | border:1px solid #fff; | ||
+ | border-width:1px 1px 0 0; | ||
+ | line-height:40px; | ||
+ | font-size:15px; | ||
+ | } | ||
+ | .menu ul li ul { | ||
+ | display: none; | ||
+ | z-index:10; | ||
+ | } | ||
+ | .menu ul li:hover a { | ||
+ | color:#000; | ||
+ | height:50px; | ||
+ | display:block; | ||
+ | background:#ecffeb; | ||
+ | } | ||
+ | .menu ul li:hover ul { | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | top:50px; | ||
+ | left:0; | ||
+ | width:105px; | ||
+ | height:50px; | ||
+ | } | ||
+ | .menu ul li:hover ul li a { | ||
+ | display:block; | ||
+ | color:#000; | ||
+ | height:30px; | ||
+ | width:100px; | ||
+ | background:#fff; | ||
+ | margin-top:-2px; | ||
+ | line-height:30px; | ||
+ | } | ||
+ | .menu ul li:hover ul li a:hover { | ||
+ | background:#dfc184; | ||
+ | color:#000; | ||
+ | } | ||
+ | .caret { | ||
+ | border-left: 4px solid transparent; | ||
+ | border-right: 4px solid transparent; | ||
+ | border-top: 4px solid; | ||
+ | display: inline-block; | ||
+ | height: 0; | ||
+ | margin-left: 2px; | ||
+ | width: 0; | ||
+ | vertical-align:middle !important; | ||
+ | } | ||
</style> | </style> | ||
</head> | </head> | ||
+ | <style> | ||
+ | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/ | ||
+ | </style> | ||
+ | |||
+ | <!-- here ends the section that changes the default wiki template to a white full width background --> | ||
+ | |||
+ | |||
+ | <!-- beginning of your page --> | ||
+ | |||
+ | <link href="http://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.css" rel="stylesheet" /> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <body style="background:url(https://static.igem.org/mediawiki/2014/d/d7/Uea_body-bg.png)"> | ||
+ | |||
+ | <!-- menu --> | ||
+ | <div class="menu"> | ||
+ | |||
+ | <!---吉大logo----> | ||
+ | <div class="logo"> | ||
+ | <a href="https://2014.igem.org/Main_Page"><img style="height:80px;"src="https://static.igem.org/mediawiki/2014/a/a3/Uea_igem-logo.png"></a> | ||
+ | </div> | ||
+ | <!---比赛logo----> | ||
+ | <div style="float:left;"> | ||
+ | <a href="https://2014.igem.org/Team:Jilin_China"><img style="height:80px;"src="https://static.igem.org/mediawiki/2014/6/60/Jilin_China_igem_logo.gif"></a> | ||
+ | </div> | ||
+ | <table id="menu" cellspacing="0" height="135px"> | ||
+ | <ul> | ||
+ | <li><a style="margin-top:20px;" class="hide" href="https://2014.igem.org/Team:Jilin_China">HOME</a></li> | ||
+ | <li><a style="margin-top:20px;" class="hide" >TEAM<span class="caret"></span></a> | ||
+ | <ul> | ||
+ | <li><a style="margin-top:20px;" href="https://2014.igem.org/Team:Jilin_China/Team Members" title="Cross browser fixed layout">OUR TEAM</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Jilin_China/ATTRIBUTION" title="Cross browser fixed layout">ATTRIBUTION</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a style="margin-top:20px;" class="hide">PROJECT<span class="caret"></span></a> | ||
+ | <ul> | ||
+ | <li><a style="margin-top:20px;" href="https://2014.igem.org/Team:Jilin_China/Outline" title="a coded list of spies">OUTLINE</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Jilin_China/RESULT" title="a horizontal vertical menu">CONTRUST</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Jilin_China/NOTEBOOK" title="a horizontal vertical menu">TEST</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Jilin_China/Blueprint" title="a horizontal vertical menu">BLUEPRINT</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a style="margin-top:20px;" class="hide" >IDEA<span class="caret"></span></a> | ||
+ | <ul> | ||
+ | <li><a style="margin-top:20px;" href="https://2014.igem.org/Team:Jilin_China/BACKGROUND" title="A drop down menu">BACKGROUND</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Jilin_China/DESIGN" title="A cascading menu">DESIGN</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a style="margin-top:20px;" class="hide">PRACTICE<span class="caret"></span></a> | ||
+ | <ul> | ||
+ | <li><a style="margin-top:20px;" href="https://2014.igem.org/Team:Jilin_China/Coorperation" title="colour wheel">COORPERATION</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Jilin_China/observation" title="a menu using opacity">OBSERVATION</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Jilin_China/Propagate" title="partial opacity">PROPAGATE</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Jilin_China/Survey" title="partial opacity II">SURVEY</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a style="margin-top:20px;" class="hide" href="https://2014.igem.org/Team:Jilin_China/Acknowledgement">ACKNOWLEDGEMENT</a></li> | ||
+ | </ul> | ||
+ | <!-- clear the floats if required --> | ||
+ | <div class="clear"> </div> | ||
+ | |||
+ | </table> | ||
+ | </div> | ||
+ | <!-- end of menu --> | ||
+ | |||
+ | <!--First block of content --> | ||
+ | <table id="firstblock" width="100%" cellspacing="0"> | ||
+ | <tr> | ||
+ | <td background="https://static.igem.org/mediawiki/2014/d/d7/Uea_body-bg.png"></td> | ||
+ | <td align="center" background="https://static.igem.org/mediawiki/2014/d/d7/Uea_body-bg.png" > | ||
+ | |||
+ | <!-- You can replace this image with your team's logo! --> | ||
+ | |||
+ | <h3>Welcome! <br>Team Jilin China</h3> | ||
+ | |||
+ | |||
+ | </td> | ||
+ | <td background="https://static.igem.org/mediawiki/2014/d/d7/Uea_body-bg.png"></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | |||
+ | <!-- end of first block --> | ||
+ | |||
+ | <!-- Block of content 1 --> | ||
+ | <table width="100%" cellspacing="0" height="0px"> | ||
+ | <tr><td></td> | ||
+ | <td width="975px" align="left" bgColor="#FEE5AD" > | ||
+ | <table width="975px" cellspacing="0" height="0px"> | ||
+ | <tr> | ||
+ | |||
+ | <td width="100%" rowspan="3" align="left"> | ||
+ | <td bgColor=#FEE5AD> </td> | ||
+ | |||
+ | <!-- This is the back to top button --> | ||
+ | <th bgColor=#FEE5AD> </th> | ||
+ | <tr><td bgColor=#FEE5AD></td></tr> | ||
+ | <tr> <td height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> | ||
+ | <a href="#menu" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr> | ||
+ | |||
- | |||
- | <div id="coop"> | + | <!-- Content goes here --> |
+ | <div id="coop" style="padding:20px 20px;"> | ||
- | <center | + | <center><h3>Survey Results</h3></center> |
- | + | <p>1.Select the options that you know for water safety problems.(you may select more than one options)</p> | |
<div class="observation"><img class="observe1" src="https://static.igem.org/mediawiki/2014/8/80/Simonsong-practice-survey-1.gif"/> | <div class="observation"><img class="observe1" src="https://static.igem.org/mediawiki/2014/8/80/Simonsong-practice-survey-1.gif"/> | ||
<img class="observe1" src="https://static.igem.org/mediawiki/2014/f/f8/Simonsong-practice-survey-2.gif"/> </div> | <img class="observe1" src="https://static.igem.org/mediawiki/2014/f/f8/Simonsong-practice-survey-2.gif"/> </div> | ||
Line 29: | Line 223: | ||
<p>3. What is the creature that caused water bloom?</p> | <p>3. What is the creature that caused water bloom?</p> | ||
- | <div class="observation"><img class="observe1" src="https://static.igem.org/mediawiki/2014/e/ | + | <div class="observation"><img class="observe1" src="https://static.igem.org/mediawiki/2014/e/e8/Simonsong-practice-survey-5.gif"/> |
- | <img class="observe1" src="https://static.igem.org/mediawiki/2014/ | + | <img class="observe1" src="https://static.igem.org/mediawiki/2014/a/ad/Simonsong-practice-survey-6_.gif"/> </div> |
<div class="clear"><p>Nearly all the people select the right answer—cyanobacteria. So, it is good information that people has a clear knowledge for the creature that causing water bloom.</p></div> | <div class="clear"><p>Nearly all the people select the right answer—cyanobacteria. So, it is good information that people has a clear knowledge for the creature that causing water bloom.</p></div> | ||
Line 40: | Line 234: | ||
<p>4. Select the two places where water bloom happened (you may select more than one options)</p> | <p>4. Select the two places where water bloom happened (you may select more than one options)</p> | ||
- | <div class="observation"><img class="observe1" src="https://static.igem.org/mediawiki/2014/ | + | <div class="observation"><img class="observe1" src="https://static.igem.org/mediawiki/2014/8/85/Simonsong-practice-survey-7.gif"/> |
- | <img class="observe1" src="https://static.igem.org/mediawiki/2014/ | + | <img class="observe1" src="https://static.igem.org/mediawiki/2014/5/5f/Simonsong-practice-survey-8_.gif"/> </div> |
<div class="clear"><p>All the people knew the water bloom happening in Taihu Lake that has surprised people across China. And another lake water bloom happened—Chaohu Lake is not so famous. But Poyang Lake where water bloom did not happen is selected. We can know people do not know specifically about the lake having water bloom. They just know these things by TV program or news.</p></div> | <div class="clear"><p>All the people knew the water bloom happening in Taihu Lake that has surprised people across China. And another lake water bloom happened—Chaohu Lake is not so famous. But Poyang Lake where water bloom did not happen is selected. We can know people do not know specifically about the lake having water bloom. They just know these things by TV program or news.</p></div> | ||
<p> Comparing with the next question that asking to write down foreign lake with water bloom, we are sure about that people get these information form news. People barely wrote any foreign lakes.</p> | <p> Comparing with the next question that asking to write down foreign lake with water bloom, we are sure about that people get these information form news. People barely wrote any foreign lakes.</p> | ||
<p>5. What is the most important factor in water bloom that causes drinking water safety problem?</p> | <p>5. What is the most important factor in water bloom that causes drinking water safety problem?</p> | ||
- | <div class="observation"><img class="observe1" src="https://static.igem.org/mediawiki/2014/ | + | <div class="observation"><img class="observe1" src="https://static.igem.org/mediawiki/2014/4/43/Simonsong-practice-survey-9.gif"/> |
- | <img class="observe1" src="https://static.igem.org/mediawiki/2014/ | + | <img class="observe1" src="https://static.igem.org/mediawiki/2014/f/fb/Simonsong-practice-survey-10.gif"/> </div> |
<div class="clear"><p>This is worst question that people answered. Maybe it is too professional. 64% of the people selected bacterium infection which can be easily tackled by disinfectant like chlorine. This tells us that people should be informed more about the bad influences caused by Mycrocystin.</p> </div> | <div class="clear"><p>This is worst question that people answered. Maybe it is too professional. 64% of the people selected bacterium infection which can be easily tackled by disinfectant like chlorine. This tells us that people should be informed more about the bad influences caused by Mycrocystin.</p> </div> | ||
<p>6. What will happen if drinking water after water bloom? (you may select more than one options) </p> | <p>6. What will happen if drinking water after water bloom? (you may select more than one options) </p> | ||
- | <div class="observation"><img class="observe1" src="https://static.igem.org/mediawiki/2014/ | + | <div class="observation"><img class="observe1" src="https://static.igem.org/mediawiki/2014/2/2d/Simonsong-practice-survey-11.gif"/> |
- | <img class="observe1" src="https://static.igem.org/mediawiki/2014/ | + | <img class="observe1" src="https://static.igem.org/mediawiki/2014/1/15/Simonsong-practice-survey-12.gif"/> </div> |
<div class="clear"><p>People have a general idea about consequence after drinking water after bloom. Actually, all the three options are right. So, we need inform people more about the consequence of drinking water after bloom. And people will know more about the necessity about water safety. </p> </div> | <div class="clear"><p>People have a general idea about consequence after drinking water after bloom. Actually, all the three options are right. So, we need inform people more about the consequence of drinking water after bloom. And people will know more about the necessity about water safety. </p> </div> | ||
Line 60: | Line 254: | ||
<p>We investigate 2000 persons and get this conclusion. They mainly are student and some are people living around an artificial lake. We can know people have a general idea about water safety problems, but some professional questions are not familiar for them. And they get these information mainly from TV news. To improve the whole social environment about water safety, we need inform people more about water pollution especially water bloom. </p> | <p>We investigate 2000 persons and get this conclusion. They mainly are student and some are people living around an artificial lake. We can know people have a general idea about water safety problems, but some professional questions are not familiar for them. And they get these information mainly from TV news. To improve the whole social environment about water safety, we need inform people more about water pollution especially water bloom. </p> | ||
<p>About the suggestions people gave to us, we can see it is very general and they are all like common sense. The most important thing is not what they know, but what they did. People have changed their lifestyle like no use of washing powder rich in phosphorus. And they can do more. </p> | <p>About the suggestions people gave to us, we can see it is very general and they are all like common sense. The most important thing is not what they know, but what they did. People have changed their lifestyle like no use of washing powder rich in phosphorus. And they can do more. </p> | ||
- | |||
</div> | </div> | ||
- | + | <a id="coop" href="https://2014.igem.org/Team:Jilin_China/water_safety">Questionnaire</a> | |
- | </ | + | </td> |
- | + | </table> | |
+ | </td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <!-- end of Block--> | ||
</html> | </html> |
Latest revision as of 03:34, 18 October 2014
Welcome!
|
|