Difference between revisions of "Team:Peking/HP/questionnaire"

(Created blank page)
 
Line 1: Line 1:
 +
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
 +
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
 +
<!--[if (gte IE 8)|!(IE)]><!-->
 +
<html class="no-js" lang="en">
 +
    <!--<![endif]-->
 +
<head>
 +
<!--- Basic Page Needs========================================================================= -->
 +
<meta charset="utf-8"/>
 +
<title>Questionnaire</title>
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" />
 +
<meta name="description" content="Wiki of Peking iGEM 2016" />
 +
<meta name="author" content="Li Jiamian & Wang Yuqing"/>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<!-- Mobile Specific Metas===================================================================== -->
 +
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
 +
<!-- Fix  Overwrite the original iGEM style=================================================== -->
 +
<link href="https://2016.igem.org/Template:Peking/css/fix?action=raw&ctype=text/css" rel="stylesheet" />
 +
<!-- CSS======================================================================================= -->
 +
<link href="https://2016.igem.org/Template:Peking/css/bootstrap_min?action=raw&ctype=text/css" rel="stylesheet" />
 +
<link href="https://2016.igem.org/Template:Peking/css/style?action=raw&ctype=text/css" rel="stylesheet" />
 +
<!-- CSS======================================================================================= -->
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/default?action=raw&ctype=text/css"/>
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/layout?action=raw&ctype=text/css"/>
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/media-queries?action=raw&ctype=text/css"/>
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/priorstyle?action=raw&ctype=text/css"/>
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/notebook_panel?action=raw&ctype=text/css"/>
 +
<style>
 +
    .texttitle{
 +
        color: #11abb0;
 +
        font-size: 38px;
 +
        line-height: 48px;
 +
        margin-bottom: 12px;
 +
        font-family: raleway-bold, sans-serif !important;
 +
        background: transparent;
 +
        letter-spacing: 3px;
 +
        text-transform: uppercase;
 +
        font-weight: 350;
 +
        text-align: center;
 +
        padding-top:40px;
 +
    }
 +
    sup{font-size:11px;}
 +
    .references{margin-top:150px;margin-bottom:40px;}
 +
    .references p{font-size:14px !important; color:#666161 !important;}
 +
    sub{color:white;}
 +
    .classic-title {font-weight: 300;padding-top:30px;}
 +
    .classic-title span {
 +
        padding-bottom: 8px;
 +
        border-bottom: 1px solid #383232;
 +
        font-weight: 400;
 +
    }
 +
    figure{margin-top:40px;margin-bottom:40px;height:auto;}
 +
    .anchor{padding-top:100px;margin-top:-100px;}
 +
</style>
 +
                                   
 +
</head>
 +
<body>
 +
<!--sidebar 引用==============================================================================-->
 +
<style>
 +
    #primary span{
 +
        display:block;
 +
        word-break:break-all
 +
    }
  
 +
#page-wrap {
 +
    width: 25%;
 +
    margin: 0px;
 +
    position: relative;
 +
}
 +
 +
#sidebar {
 +
    width: 25%;
 +
    margin-left: 0px;
 +
}
 +
@media (min-width:1024px){
 +
    #sidebar{position:relative;top:120px;max-width:200px;}}
 +
@media (max-width: 1023px){
 +
    #sidebar{display:none;
 +
    }
 +
    #page-wrap{display:none;}
 +
}
 +
</style>
 +
 +
 +
<script type="text/javascript">
 +
    function menuFixed(id){
 +
        var obj = document.getElementById(id);
 +
        var _getHeight = obj.offsetTop;
 +
       
 +
        window.onscroll = function(){
 +
            changePos(id,_getHeight);
 +
        }
 +
    }
 +
function changePos(id,height){
 +
    var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 +
    if(w>=1024){
 +
        if($(window).scrollTop() + $(window).height() > $(document).height() - 230){
 +
            $('#sidebar').fadeOut("fast");}else{$('#sidebar').fadeIn("fast");}
 +
    }
 +
    var scrollTop = document.documentElement.scrollTop || document.body.scrollTop -230;
 +
    var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 +
    var w = window.innerWidth;
 +
   
 +
    if(scrollTop < height){ obj.style.position = 'relative';     
 +
    }else{
 +
        obj.style.position = 'fixed';
 +
    }
 +
}
 +
</script>
 +
 +
<script type="text/javascript">
 +
    window.onload = function(){
 +
        menuFixed('sidebar');
 +
    }
 +
</script>
 +
<script>
 +
function naver(id){
 +
  var obj=document.getElementById(id);
 +
  var oPos=obj.offsetTop;
 +
  return window.scrollTo(0,oPos+250);
 +
}
 +
</script>
 +
<!--sidebar 引用 end ==============================================================================-->
 +
<!--panel 引用==================================================================================-->
 +
<style type="text/css">
 +
.panel-default .panel-heading a{
 +
        text-decoration: none;
 +
        display:block;
 +
        padding:10px;
 +
    }
 +
.panel-heading.panel-title{
 +
    text-decoration: none;
 +
    padding-top:0px;
 +
    padding-bottom:0px;
 +
    padding-left:0px;
 +
    padding-right:0px;
 +
    text-align:center;
 +
    font-size:19px;
 +
   
 +
}
 +
a[aria-expanded="true"] {
 +
    background-color:rgba(70, 73, 76, 0.95);
 +
    text-decoration: none;
 +
    color:white;
 +
}
 +
 +
.panel-default .panel-heading a[aria-expanded="false"]{
 +
    -o-transition: background-color 1s linear;
 +
    -moz-transition: background-color 1s linear;
 +
    -khtml-transition: background-color 1s linear;
 +
    -webkit-transition: background-color 1s linear;
 +
    -ms-transition: background-color 1s linear;
 +
    transition: background-color 1s linear;
 +
}
 +
.panel-default .panel-heading a[aria-expanded="false"]:hover{
 +
    background-color:rgba(70, 73, 76, 0.95);
 +
    text-decoration: none;
 +
    color:white;
 +
}
 +
.panel-default .panel-heading a[aria-expanded="true"]{
 +
    -o-transition: opacity 1s linear;
 +
    -moz-transition: opacity 1s linear;
 +
    -khtml-transition: opacity 1s linear;
 +
    -webkit-transition: opacity 1s linear;
 +
    -ms-transition: opacity 1s linear;
 +
    transition: opacity 0.7s linear;
 +
}
 +
.panel-default .panel-heading a[aria-expanded="true"]:hover{
 +
    opacity:0.7;
 +
}
 +
</style>
 +
 +
<script type="text/javascript">
 +
    $(document).ready(function(){
 +
                      $("#button1").click(function(){
 +
                                          $(".panel-collapse").collapse("show");
 +
                                          });
 +
                      });
 +
                      $(document).ready(function(){
 +
                                        $("#button2").click(function(){
 +
                                                            $(".panel-collapse").collapse("hide");
 +
                                                            });
 +
                                        });
 +
                                        $("#notebook").addClass("navbar-active");
 +
</script>
 +
<!--panel 引用 end ==================-->
 +
       
 +
        <!-- Navigation -->
 +
        <div id="navigation" class="navbar navbar-fixed-top">
 +
            <div class="navbar-inner ">
 +
                <div class="container no-padding">
 +
                    <a class="show-menu" data-toggle="collapse" data-target=".nav-collapse"><span class="show-menu-bar"></span>
 +
                    </a>
 +
                    <div id="logo" style="max-width:170px"><a class="" href="https://2016.igem.org/Team:Peking"></a></div>
 +
                   
 +
                    <div class="nav-collapse collapse">
 +
                        <ul class="nav">
 +
                            <li class="menu-1"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking" >Home</a></li>
 +
                            <li class="dropdown menu-2"><a class="dropdown-toggle" data-toggle="dropdown" href="#" > Achievements</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Demonstrate" >Results</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Basic_Part" >Parts</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Collaborations" >Collaborations</a></li>
 +
                                </ul>
 +
                            </li>
 +
                            <li class="dropdown menu-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Description" >Overview</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Design" >Design</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Crosslinking" >Crosslinking</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Uranyl-adsorption" >Uranyl adsorption</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Recovery" >Recovery</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Secretion" >Secretion</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Proof" >Proof and speculation</a></li>
 +
                                </ul>
 +
                            </li>
 +
                            <li class="dropdown menu-4"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Modeling</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Model" >Protein polymerization</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Software" >Software</a></li>
 +
                                </ul>
 +
                            </li>
 +
                            <li class="dropdown menu-5"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Practices</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/Gold" >Overview</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/311" >Field research</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/questionnaire" >Questionnaire</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/consulting" >Consulting</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/otherHP" >Other work</a></li>
 +
                                </ul>
 +
                            </li>
 +
                            <li class="menu-6"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Safety" >Safety</a>
 +
                                <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Lab</a>
 +
                                    <ul class="dropdown-menu">
 +
                                        <li><a class="" href="https://2016.igem.org/Team:Peking/Team" >Team</a></li>
 +
                                        <li><a class="" href="https://2016.igem.org/Team:Peking/Attributions" >Attribution</a></li>
 +
                                        <li><a class="" href="https://2016.igem.org/Team:Peking/Notebook" >Notebook</a></li>
 +
                                    </ul>
 +
                                </li>
 +
                                <li class="menu-8"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Interlab" >Interlab</a>
 +
                                </li>
 +
                                </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <!--/Navigation -->
 +
       
 +
<!-- Page Title======================================================================== -->
 +
<div id="page-title">
 +
    <div class="row">
 +
        <div class="twelve columns centered text-center">
 +
            <h1>Questionnaire Survey<span>.</span></h1>
 +
            <p class="title1" style="text-align:center"></p>
 +
        </div>
 +
    </div>
 +
</div><!-- Page Title End-->
 +
       
 +
       
 +
<div id="page-content" class="row page">
 +
    <div id="primary" class="twelve columns">
 +
        <section>
 +
            <div class="row">
 +
               
 +
               
 +
               
 +
               
 +
                <div class="three columns">
 +
                <div id="page-wrap">
 +
                    <div id="sidebar" style="color:#000000">
 +
                        <h4><a href="javascript:void(0);" onclick="naver('Background')">Introduction</a></h4>
 +
                        <h4><a href="javascript:void(0);" onclick="naver('Results')">Results</a></h4>
 +
                        <ul>
 +
                            <li><a href="javascript:void(0);" onclick="naver('demographic')">Demographic&nbsp;situation</a></li>
 +
                            <li><a href="javascript:void(0);" onclick="naver('pollution')">Uranium&nbsp;pollution</a></li>
 +
                            <li><a href="javascript:void(0);" onclick="naver('materials')">Biological&nbsp;Materials</a></li>
 +
                            <li><a href="javascript:void(0);" onclick="naver('synthetic')">Synthetic&nbsp;biology</a></li>
 +
                        </ul>
 +
                        <h4><a href="javascript:void(0);" onclick="naver('Conclusion')">Conclusion</a></h4>
 +
                        <h4><a href="javascript:void(0);" onclick="naver('references')">Questionnaire</a></h4>
 +
                    </div>
 +
                </div>
 +
                </div>
 +
                       
 +
                       
 +
                       
 +
                       
 +
                        <div class="nine columns">
 +
                           
 +
            <a id="Background"></a>
 +
                            <div class="texttitle">“What about U?”</div>
 +
                            <h3 class="classic-title" style="text-align:right">&mdash;Investigative Report on Public Awareness of Uranium Pollution, Biological Materials and Synthetic Biology</h3>
 +
                            <p></p>
 +
                           
 +
                           
 +
                           
 +
                            <h3 class="classic-title"> Subjects </h3>
 +
                            <hr style="border:2px dashed; height:2px" color="#666666">
 +
                            <p></p>
 +
                           
 +
                            <h3 class="classic-title"> Objective </h3>
 +
                            <hr style="border:2px dashed; height:2px" color="#666666">
 +
                            <p></p>
 +
                           
 +
                            <h3 class="classic-title">Methods</h3>
 +
                            <hr style="border:2px dashed; height:2px" color="#666666">
 +
                            <p></p>
 +
                           
 +
                            <br/>
 +
                            <br/>
 +
 +
                           
 +
            <a id="Results"></a>
 +
                            <div class="texttitle">Results</div>
 +
                            <div class="col-mid-2">
 +
                            </div>
 +
                            <div class="col-md-8">
 +
                                <div class="panel-group" id="accordion">
 +
                                   
 +
            <a id="demographic"></a>
 +
                                    <div class="panel panel-default">
 +
                                        <div class="panel-heading panel-title" role="tab" id="heading1">
 +
                                                <a role="button" data-toggle="collapse" href="#collapse1" aria-expanded="false" aria-controls="collapse1">General demographic situation</a>
 +
                                        </div>
 +
                                        <div id="collapse1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading1">
 +
                                            <div class="panel-body">
 +
                                                <h3 class="classic-title"> Gender and age structure </h3>
 +
                                                <hr style="border:2px dashed; height:2px" color="#666666">
 +
                                                <p></p>
 +
                                               
 +
                                               
 +
                                            </div>
 +
                                        </div>
 +
                                  </div>
 +
                                   
 +
            <a id="pollution"></a>
 +
                                    <div class="panel panel-default">
 +
                                        <div class="panel-heading panel-title" role="tab" id="heading1">
 +
                                            <a role="button" data-toggle="collapse" href="#collapse2" aria-expanded="false" aria-controls="collapse2">Awareness of uranium pollution</a>
 +
                                        </div>
 +
                                        <div id="collapse2" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading1">
 +
                                            <div class="panel-body">
 +
                                               
 +
                                               
 +
                                               
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                   
 +
            <a id="materials"></a>
 +
                                    <div class="panel panel-default">
 +
                                        <div class="panel-heading panel-title" role="tab" id="heading1">
 +
                                            <a role="button" data-toggle="collapse" href="#collapse3" aria-expanded="false" aria-controls="collapse3">Awareness of biological materials</a>
 +
                                        </div>
 +
                                        <div id="collapse3" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading1">
 +
                                            <div class="panel-body">
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
            <a id="synthetic"></a>
 +
                                    <div class="panel panel-default">
 +
                                        <div class="panel-heading panel-title" role="tab" id="heading1">
 +
                                            <a role="button" data-toggle="collapse" href="#collapse4" aria-expanded="false" aria-controls="collapse4">Awareness of synthetic biology</a>
 +
                                        </div>
 +
                                        <div id="collapse4" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading1">
 +
                                            <div class="panel-body">
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
 +
 +
                                    </div>
 +
                                </div><!-- results end-->
 +
                           
 +
                       
 +
                       
 +
                        <br/>
 +
                        <br/>
 +
 +
                       
 +
                       
 +
            <a id="Conclusion"></a>
 +
                        <div class="texttitle">Conclusion</div>
 +
                        <p></p>
 +
                       
 +
            <a id="references"></a>
 +
                        <div class="texttitle">Questionnaire</div>
 +
                        <div class="panel panel-default">
 +
                            <div class="panel-heading panel-title">
 +
                                <a href="" aria-expanded="false"></a><!--Link to Questionnaire-->
 +
                            </div>
 +
                        </div>
 +
                        </div>
 +
 +
 +
                        </div><!--9 columns end-->
 +
                       
 +
                       
 +
                       
 +
 +
                       
 +
                       
 +
                    </div><!--row end-->
 +
                </section>
 +
            </div><!--12 columes end-->
 +
        </div><!--page-content end-->
 +
       
 +
       
 +
       
 +
       
 +
       
 +
       
 +
       
 +
       
 +
        <!-- footer============================================================================== -->
 +
        <style>
 +
            footer .copyright span:before {
 +
                content: "|";
 +
                padding-left: 10px;
 +
                padding-right: 12px;
 +
                color: #b4bbbb;
 +
            }
 +
        footer .copyright span:after {
 +
            content: "|";
 +
            padding-left: 10px;
 +
            padding-right: 12px;
 +
            color: #b4bbbb;
 +
        }
 +
        </style>
 +
        <footer id="page-footer">
 +
            <div class="row">
 +
                <div class="twelve columns" >
 +
                    <ul class="copyright">
 +
                        <!--<li>&copy; 2014 Sparrow</li> -->
 +
                        <li><a href="2016.igem.org/Team:Peking">Home</a>&nbsp;&nbsp;&nbsp;<a href="mailto:pkuigem2016@126.com">Contact</a></li>
 +
                        <span> &copy;2016 PEKING IGEM. All Rights Reserved.</span>
 +
                        <li><a href="http://getbootstrap.com/2.3.2/">Based on Bootstrap</a></li>
 +
                    </ul>
 +
                </div>
 +
                <div id="go-top" style="display: block;"><a title="Back to Top" href="#">Go To Top</a></div>
 +
            </div>
 +
        </footer> <!-- Footer End-->
 +
       
 +
       
 +
        <!-- Java Script======================================================================= -->
 +
        <script>window.jQuery || document.write('<script src="https://2016.igem.org/Template:Peking/Javascript/jquery_1_10_2_min?action=raw&ctype=text/javascript"><\/script>')</script>
 +
        <script type="text/javascript" src="https://2016.igem.org/Template:Peking/Javascript/jquery_migrate_1_2_1_min?action=raw&ctype=text/javascript"></script>
 +
       
 +
        <script src="https://2016.igem.org/Template:Peking/Javascript/jquery_flexslider?action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2016.igem.org/Template:Peking/Javascript/doubleaptogo?action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2016.igem.org/Template:Peking/Javascript/init?action=raw&ctype=text/javascript"></script>
 +
       
 +
       
 +
        <!--quotations from black: start-->
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_sticky?action=raw&ctype=text/javascript"></script>     
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_easing_1_3_pack?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/bootstrap_min?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_patallax_1_1_3?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/appear?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/modernizr?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_prettyPhoto?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/isotope?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_bxslider_min?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_cycle_all?action=raw&ctype=text/javascript" ></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_maximage?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/scripts?action=raw&ctype=text/javascript "></script>
 +
        <!--quotations from black: end-->
 +
    </body>
 +
</html>

Revision as of 06:40, 15 October 2016

Questionnaire

Questionnaire Survey.

“What about U?”

—Investigative Report on Public Awareness of Uranium Pollution, Biological Materials and Synthetic Biology

Subjects

Objective

Methods



Results


Conclusion

Questionnaire