Difference between revisions of "Team:XJTLU-CHINA/Practices"

(Prototype team page)
 
Line 1: Line 1:
−
{{XJTLU-CHINA}}
+
<html lang="en">
−
<html>
+
<head>
 +
    <meta charset="UTF-8">
 +
    <title>Team</title>
 +
    <style type="text/css">
  
−
<h2> Human Practices </h2>
+
        #firstHeading{
 +
            display: none;
 +
        }
  
−
<p>iGEM teams are unique and leading the field because they "go beyond the lab" to imagine their projects in a social/environmental context, to better understand issues that might influence the design and use of their technologies.</p>
+
        #globalWrapper, #content {
−
<p>Teams work with students and advisors from the humanities and social sciences to explore topics concerning ethical, legal, social, economic, safety or security issues related to their work. Consideration of these Human Practices is crucial for building safe and sustainable projects that serve the public interest. </p>
+
            width: 100%;
−
<p>For more information, please see the <a href="https://2015.igem.org/Practices_Hub">Practices Hub</a>.</p>
+
            height: 100%;
 +
            border: 0px;
 +
            background-color: #edece4 ;
 +
            margin: 0px;
 +
            padding: 0px;
 +
        }
  
−
<div class="highlightBox">
+
        *{
−
<h4>Note</h4>
+
            padding: 0;
−
<p>You must fill out this page in order to be considered for all <a href="https://2015.igem.org/Judging/Awards">awards</a> for Human Practices:</p>
+
            margin: 0;
−
<ul>
+
            font-family: Tahoma;
−
<li>Human Practices silver medal criterion</li>
+
            line-height: 1.5;
−
<li>Human Practices gold medal criterion</li>
+
        }
−
<li>Best Integrated Human Practices award</li>
+
 
−
<li>Best Education and Public Engagement award</li>
+
        *{
−
</ul>
+
            padding: 0;
 +
            margin: 0;
 +
            font-family: Tahoma;
 +
        }
 +
 
 +
        .container{
 +
            margin: 0 75px;
 +
        }
 +
 
 +
        .header{
 +
            height: 135px;
 +
            z-index: 1;
 +
            position: absolute;
 +
            width: 100%;
 +
        }
 +
 
 +
        .headerBg{
 +
            background-color: white;
 +
            height: 150px;
 +
            z-index: -10;
 +
            position: absolute;
 +
            width: 100%;
 +
            opacity: 0.5;
 +
        }
 +
 
 +
        .navi{
 +
            float: right;
 +
        }
 +
 
 +
        .mainNavi ul, li{
 +
            list-style: none;
 +
            font-weight: 600;
 +
        }
 +
 
 +
        .mainNavi{
 +
            width: 112px;
 +
        }
 +
 
 +
        .mainNavi a{
 +
            color: black;
 +
            background-size: 100%;
 +
            text-decoration: none;
 +
            display: block;
 +
            width: 112px;
 +
            text-align: center;
 +
        }
 +
 
 +
        .mainNavi li{
 +
            padding-top: 15px;
 +
            padding-bottom: 15px;
 +
            background-color: #3399FF;
 +
        }
 +
 
 +
        .navi li{
 +
            float: left;
 +
            margin-right: 3px;
 +
        }
 +
 
 +
        .mainNavi li a{
 +
            color: black;
 +
            background-image: none;
 +
        }
 +
 
 +
        #PrimaryNaviBg1{
 +
            width: 100%;
 +
            height: 150px;
 +
            background: url(https://static.igem.org/mediawiki/2015/a/ae/NavBtnImg1XJTLU15.png) center top no-repeat;
 +
            background-size: contain;
 +
        }
 +
 
 +
        #PrimaryNaviBg2{
 +
            width: 100%;
 +
            height: 150px;
 +
            background: url(https://static.igem.org/mediawiki/2015/f/fc/NavBtnImg2XJTLU15.png) center top no-repeat;
 +
            background-size: contain;
 +
        }
 +
 
 +
        #PrimaryNaviBg3{
 +
            width: 100%;
 +
            height: 150px;
 +
            background: url(https://static.igem.org/mediawiki/2015/a/aa/NavBtnImg3XJTLU15.png) center top no-repeat;
 +
            background-size: contain;
 +
        }
 +
 
 +
        #PrimaryNaviBg4{
 +
            width: 100%;
 +
            height: 150px;
 +
            background: url(https://static.igem.org/mediawiki/2015/4/42/NavBtnImg4XJTLU15.png) center top no-repeat;
 +
            background-size: contain;
 +
        }
 +
 
 +
        #PrimaryNaviBg5{
 +
            width: 100%;
 +
            height: 150px;
 +
            background: url(https://static.igem.org/mediawiki/2015/7/79/NavBtnImg5XJTLU15.png) center top no-repeat;
 +
            background-size: contain;
 +
        }
 +
 
 +
        #PrimaryNaviBg6{
 +
            width: 100%;
 +
            height: 150px;
 +
            background: url(https://static.igem.org/mediawiki/2015/a/a3/NavBtnImg6XJTLU15.png) center top no-repeat;
 +
            background-size: contain;
 +
        }
 +
 
 +
        #PrimaryNaviBg7{
 +
            width: 100%;
 +
            height: 150px;
 +
            background: url(https://static.igem.org/mediawiki/2015/3/36/NavBtnImg7XJTLU15.png) center top no-repeat;
 +
            background-size: contain;
 +
        }
 +
 
 +
        #PrimaryNaviBg8{
 +
            width: 100%;
 +
            height: 150px;;
 +
            background: url(https://static.igem.org/mediawiki/2015/f/f6/NavBtnImg8XJTLU15.png) center top no-repeat;
 +
            background-size: contain;
 +
        }
 +
 
 +
        #PrimaryNaviBg9{
 +
            width: 100%;
 +
            height: 150px;
 +
            background: url(https://static.igem.org/mediawiki/2015/8/86/NavBtnImg9XJTLU15.png) center top no-repeat;
 +
            background-size: contain;
 +
        }
 +
 
 +
        .primaryNavi{
 +
            padding-top: 111px;
 +
        }
 +
 
 +
        .mainNavi ul{
 +
            display: none;
 +
        }
 +
 
 +
 
 +
 
 +
        .footer{
 +
            height: 200px;
 +
            border-top: solid blue thick;
 +
        }
 +
 
 +
        .footerBg{
 +
            height: 130%;
 +
            width: 100%;
 +
            position: relative;
 +
            background-color: black;
 +
        }
 +
 
 +
        .logoImg{
 +
            padding-top: 70px;
 +
            color: white;
 +
            font-size: 30px;
 +
        }
 +
 
 +
        .logo{
 +
            margin-left: 3%
 +
        }
 +
 
 +
        .Zheader{
 +
            height: 135px;
 +
            z-index: 1;
 +
            position: fixed;
 +
            width: 100%;
 +
            display: none;
 +
        }
 +
 
 +
        .ZheaderBg{
 +
            background-color: white;
 +
            height: 50px;
 +
            z-index: -10;
 +
            position: fixed;
 +
            width: 100%;
 +
            opacity: 0.8;
 +
 
 +
        }
 +
 
 +
        .Znavi{
 +
            float: right;
 +
 
 +
        }
 +
 
 +
        .ZmainNavi ul, li{
 +
            list-style: none;
 +
            font-weight: 600;
 +
        }
 +
 
 +
        .ZmainNavi{
 +
            width: 112px;
 +
        }
 +
 
 +
        .ZmainNavi a{
 +
            color: black;
 +
            background-size: 100%;
 +
            text-decoration: none;
 +
            display: block;
 +
            width: 112px;
 +
            text-align: center;
 +
 
 +
        }
 +
 
 +
        .ZmainNavi li{
 +
            padding-top: 15px;
 +
            padding-bottom: 15px;
 +
            background-color: #3399FF;
 +
        }
 +
 
 +
        .Znavi li{
 +
            float: left;
 +
            margin-right: 3px;
 +
        }
 +
 
 +
        .ZmainNavi li a{
 +
            color: black;
 +
            background-image: none;
 +
        }
 +
 
 +
        #ZPrimaryNaviBg1{
 +
            width: 100%;
 +
            height: 50px;
 +
            background-size: contain;
 +
 
 +
        }
 +
 
 +
        #ZPrimaryNaviBg2{
 +
            width: 100%;
 +
            height: 50px;
 +
            background-size: contain;
 +
        }
 +
 
 +
        #ZPrimaryNaviBg3{
 +
            width: 100%;
 +
            height: 50px;
 +
            background-size: contain;
 +
        }
 +
 
 +
        #ZPrimaryNaviBg4{
 +
            width: 100%;
 +
            height: 50px;
 +
            background-size: contain;
 +
        }
 +
 
 +
        #ZPrimaryNaviBg5{
 +
            width: 100%;
 +
            height: 50px;
 +
            background-size: contain;
 +
        }
 +
 
 +
        #ZPrimaryNaviBg6{
 +
            width: 100%;
 +
            height: 50px;
 +
            background-size: contain;
 +
        }
 +
 
 +
        #ZPrimaryNaviBg7{
 +
            width: 100%;
 +
            height: 50px;
 +
            background-size: contain;
 +
        }
 +
 
 +
        #ZPrimaryNaviBg8{
 +
            width: 100%;
 +
            height: 50px;;
 +
            background-size: contain;
 +
        }
 +
 
 +
        #ZPrimaryNaviBg9{
 +
            width: 100%;
 +
            height: 50px;
 +
            background-size: contain;
 +
        }
 +
 
 +
        .ZprimaryNavi{
 +
            padding-top: 5px;
 +
        }
 +
 
 +
        .ZmainNavi ul{
 +
            display: none;
 +
        }
 +
 
 +
        .navilogoText{
 +
            position: absolute;
 +
            font-weight: 600;
 +
            padding-top: 111px;
 +
        }
 +
 
 +
        .ZnavilogoText{
 +
            position: absolute;
 +
            font-weight: 600;
 +
            padding-top: 5px;
 +
        }
 +
 
 +
        .navilogo{
 +
            position: absolute;
 +
            height: 90px;
 +
            top: 12px;
 +
        }
 +
 
 +
        .firstPage{
 +
            height: 683px;
 +
        }
 +
 
 +
        .firstPageBg{
 +
            width: 100%;
 +
            height: 100%;
 +
            position: absolute;
 +
            background-position: center center;
 +
            background-size: cover;
 +
            background-image: url(https://static.igem.org/mediawiki/2015/e/e5/HMHBGXJTLU15.jpg);
 +
            z-index: -999;
 +
        }
 +
 
 +
        .overview{
 +
            padding-top: 250px;
 +
        }
 +
 
 +
        .heading{
 +
            color: white;
 +
            font-size: 100px;
 +
            font-weight: 800;
 +
            position: absolute;
 +
        }
 +
 
 +
        .subNaviBg{
 +
            background-color: white;
 +
            position: absolute;
 +
            right: 100px;
 +
            top: 230px;
 +
            height: 400px;
 +
            width: 500px;
 +
            border-radius: 15px;
 +
            opacity: .6;
 +
        }
 +
 
 +
        .subNavi{
 +
            position: absolute;
 +
            right: 150px;
 +
            top: 280px;
 +
        }
 +
 
 +
        .subNavi a{
 +
            text-decoration: none;
 +
            color: #101010;
 +
            font-size: 30px;
 +
            font-weight: 500;
 +
            padding: 10px;
 +
        }
 +
 
 +
        .subNavi a:hover{
 +
            color: dimgray;
 +
            text-shadow: 1px 1px 0 #E4F1FF;
 +
        }
 +
 
 +
 
 +
        .secondPage{
 +
        }
 +
 
 +
        .secondPageBg{
 +
            height: 100%;
 +
            width: 100%;
 +
            position: relative;
 +
            background-size: cover;
 +
            background-color: whitesmoke;
 +
        }
 +
 
 +
        .thirdPage{
 +
        }
 +
 
 +
        .thirdPageBg{
 +
            height: 100%;
 +
            width: 100%;
 +
            position: relative;
 +
            background-size: cover;
 +
            background-color: #E8E8E8;
 +
        }
 +
 
 +
        .fifthPage{
 +
        }
 +
 
 +
        .fifthPageBg{
 +
            height: 100%;
 +
            width: 100%;
 +
            position: relative;
 +
            background-size: cover;
 +
            background-color: #E8E8E8;
 +
        }
 +
 
 +
        .fourthPage{
 +
        }
 +
 
 +
        .fourthPageBg{
 +
            height: 100%;
 +
            width: 100%;
 +
            position: relative;
 +
            background-size: cover;
 +
            background-color: #FFFFCC;
 +
        }
 +
 
 +
        h2{
 +
            margin-bottom: 50px;
 +
            font-size: 65px;
 +
            color: black;
 +
            font-weight: 300;
 +
            background-color: CornflowerBlue;
 +
            padding: 20px;
 +
            border-radius: 10px;
 +
        }
 +
 
 +
        h3{
 +
            margin-bottom: 50px;
 +
            font-size: 35px;
 +
            color: black;
 +
            font-weight: 300;
 +
            clear: left;
 +
            background-color: aliceblue;
 +
            padding: 20px;
 +
            border-radius: 10px;
 +
        }
 +
 
 +
 
 +
        .lv1{
 +
            margin-left: 15%;
 +
            margin-right: 15%;
 +
        }
 +
 
 +
        .lv2{
 +
            line-height: 1.5;
 +
            margin-bottom: 10px;
 +
            margin-top: 10px;
 +
            background-color: lightblue;
 +
            padding: 20px;
 +
            border-radius: 10px;
 +
        }
 +
 
 +
        .lv3{
 +
            line-height: 2;
 +
            font-size: 18px;
 +
            margin: 30px 0;
 +
            clear: left;
 +
            background-color: white;
 +
            padding: 20px;
 +
            border-radius: 10px;
 +
        }
 +
 
 +
 
 +
        .hpImgstyle1-1{
 +
            width: 100%;
 +
            height: 100%;
 +
            background-size: cover;
 +
            margin: 20px 0;
 +
        }
 +
 
 +
        .hPImgStyle2{
 +
        }
 +
 
 +
        .hpImgstyle2-1{
 +
            width: 35%;
 +
            float: left;
 +
            margin-left: 15%;
 +
            margin-top: 20px;
 +
            margin-bottom: 20px;
 +
            border-radius: 10px 0 0 10px;
 +
        }
 +
 
 +
        .hpImgstyle2-2{
 +
            width: 35%;
 +
            float: left;
 +
            margin-top: 20px;
 +
            margin-left: .5%;
 +
            margin-bottom: 20px;
 +
            border-radius: 0 10px 10px 0;
 +
        }
 +
 
 +
        .hPImgStyle2Text1{
 +
            width: 30%;
 +
            float: left;
 +
            margin-left: 17%;
 +
            margin-bottom: 50px;
 +
            clear: left;
 +
            text-align: center;
 +
            background-color: RoyalBlue;
 +
            padding: 5px;
 +
            border-radius: 10px;
 +
        }
 +
 
 +
        .hPImgStyle2Text2{
 +
            width: 30%;
 +
            float: left;
 +
            margin-bottom: 50px;
 +
            margin-left: 5%;
 +
            text-align: center;
 +
            background-color: RoyalBlue;
 +
            padding: 5px;
 +
            border-radius: 10px;
 +
        }
 +
 
 +
        .hpImgstyle3-1{
 +
            width: 70%;
 +
            height: 70%;
 +
            margin-left: 15%;
 +
            margin-top: 20px;
 +
            margin-bottom: 20px;
 +
            border-radius: 10px;
 +
        }
 +
 
 +
        .hPImgStyle3Text{
 +
            width: 65%;
 +
            float: left;
 +
            margin-left: 17%;
 +
            margin-bottom: 50px;
 +
            clear: left;
 +
            text-align: center;
 +
            background-color: RoyalBlue;
 +
            padding: 5px;
 +
            border-radius: 10px;
 +
        }
 +
 
 +
        .PageEnd{
 +
            padding: 20px;
 +
            clear: left;
 +
        }
 +
 
 +
        .fourthPage h3{
 +
            font-size: 20px;
 +
        }
 +
 
 +
        .fourthPage img{
 +
            border-radius: 0;
 +
        }
 +
    </style>
 +
 
 +
    <script type="text/javascript">
 +
        $(document).ready(function(){
 +
 
 +
 
 +
            $(function(){
 +
                $(window).scroll(function(){
 +
                    height = $(window).scrollTop();
 +
                    if(height > 683){
 +
                        $('.Zheader').fadeIn();
 +
                    }else{
 +
                        $('.Zheader').fadeOut();
 +
                    };
 +
 
 +
                });
 +
            });
 +
 
 +
 
 +
            $(".mainNavi").hover(function(){
 +
                $(this).children("ul").slideDown(50);
 +
            },function(){
 +
                $(this).children("ul").slideUp(100);
 +
            },function(){
 +
 
 +
            });
 +
 
 +
 
 +
 
 +
            $("#PrimaryNaviBg1").hover(function(){
 +
                $("#PrimaryNaviBg1").css("background-color","#3399CC");
 +
            },function(){
 +
                $("#PrimaryNaviBg1").css("background-color","");
 +
            });
 +
            $("#PrimaryNaviBg2").hover(function(){
 +
                $("#PrimaryNaviBg2").css("background-color","#3399CC");
 +
            },function(){
 +
                $("#PrimaryNaviBg2").css("background-color","");
 +
            });
 +
            $("#PrimaryNaviBg3").hover(function(){
 +
                $("#PrimaryNaviBg3").css("background-color","#3399CC");
 +
            },function(){
 +
                $("#PrimaryNaviBg3").css("background-color","");
 +
            });
 +
            $("#PrimaryNaviBg4").hover(function(){
 +
                $("#PrimaryNaviBg4").css("background-color","#3399CC");
 +
            },function(){
 +
                $("#PrimaryNaviBg4").css("background-color","");
 +
            });
 +
            $("#PrimaryNaviBg5").hover(function(){
 +
                $("#PrimaryNaviBg5").css("background-color","#3399CC");
 +
            },function(){
 +
                $("#PrimaryNaviBg5").css("background-color","");
 +
            });
 +
            $("#PrimaryNaviBg6").hover(function(){
 +
                $("#PrimaryNaviBg6").css("background-color","#3399CC");
 +
            },function(){
 +
                $("#PrimaryNaviBg6").css("background-color","");
 +
            });
 +
            $("#PrimaryNaviBg7").hover(function(){
 +
                $("#PrimaryNaviBg7").css("background-color","#3399CC");
 +
            },function(){
 +
                $("#PrimaryNaviBg7").css("background-color","");
 +
            });
 +
            $("#PrimaryNaviBg8").hover(function(){
 +
                $("#PrimaryNaviBg8").css("background-color","#3399CC");
 +
            },function(){
 +
                $("#PrimaryNaviBg8").css("background-color","");
 +
            });
 +
            $("#PrimaryNaviBg9").hover(function(){
 +
                $("#PrimaryNaviBg9").css("background-color","#3399CC");
 +
            },function(){
 +
                $("#PrimaryNaviBg9").css("background-color","");
 +
            });
 +
 
 +
 
 +
 
 +
            $(".ZmainNavi").hover(function(){
 +
                $(this).children("ul").slideDown(50);
 +
            },function(){
 +
                $(this).children("ul").slideUp(100);
 +
            },function(){
 +
 
 +
            });
 +
 
 +
            $("#ZPrimaryNaviBg1").hover(function(){
 +
                $("#ZPrimaryNaviBg1").css("background-color","#3399CC");
 +
            },function(){
 +
                $("#ZPrimaryNaviBg1").css("background-color","");
 +
            });
 +
            $("#ZPrimaryNaviBg2").hover(function(){
 +
                $("#ZPrimaryNaviBg2").css("background-color","#3399CC");
 +
            },function(){
 +
                $("#ZPrimaryNaviBg2").css("background-color","");
 +
            });
 +
            $("#ZPrimaryNaviBg3").hover(function(){
 +
                $("#ZPrimaryNaviBg3").css("background-color","#3399CC");
 +
            },function(){
 +
                $("#ZPrimaryNaviBg3").css("background-color","");
 +
            });
 +
            $("#ZPrimaryNaviBg4").hover(function(){
 +
                $("#ZPrimaryNaviBg4").css("background-color","#3399CC");
 +
            },function(){
 +
                $("#ZPrimaryNaviBg4").css("background-color","");
 +
            });
 +
            $("#ZPrimaryNaviBg5").hover(function(){
 +
                $("#ZPrimaryNaviBg5").css("background-color","#3399CC");
 +
            },function(){
 +
                $("#ZPrimaryNaviBg5").css("background-color","");
 +
            });
 +
            $("#ZPrimaryNaviBg6").hover(function(){
 +
                $("#ZPrimaryNaviBg6").css("background-color","#3399CC");
 +
            },function(){
 +
                $("#ZPrimaryNaviBg6").css("background-color","");
 +
            });
 +
            $("#ZPrimaryNaviBg7").hover(function(){
 +
                $("#ZPrimaryNaviBg7").css("background-color","#3399CC");
 +
            },function(){
 +
                $("#ZPrimaryNaviBg7").css("background-color","");
 +
            });
 +
            $("#ZPrimaryNaviBg8").hover(function(){
 +
                $("#ZPrimaryNaviBg8").css("background-color","#3399CC");
 +
            },function(){
 +
                $("#ZPrimaryNaviBg8").css("background-color","");
 +
            });
 +
            $("#ZPrimaryNaviBg9").hover(function(){
 +
                $("#ZPrimaryNaviBg9").css("background-color","#3399CC");
 +
            },function(){
 +
                $("#ZPrimaryNaviBg9").css("background-color","");
 +
            });
 +
 
 +
 
 +
 
 +
            $(".jump1").anchorGoWhere({target:1});
 +
            $(".jump2").anchorGoWhere({target:1});
 +
            $(".jump3").anchorGoWhere({target:1});
 +
            $(".jump4").anchorGoWhere({target:1});
 +
            $(".jump5").anchorGoWhere({target:1});
 +
            $(".jump6").anchorGoWhere({target:1});
 +
            $(".jump7").anchorGoWhere({target:1});
 +
 
 +
        });
 +
 
 +
        jQuery.fn.anchorGoWhere = function(options){
 +
            var obj = jQuery(this);
 +
            var defaults = {target:0, timer:1000};
 +
            var o = jQuery.extend(defaults,options);
 +
            obj.each(function(i){
 +
                jQuery(obj[i]).click(function(){
 +
                    var _rel = jQuery(this).attr("href").substr(1);
 +
                    switch(o.target){
 +
                        case 1:
 +
                            var _targetTop = jQuery("#"+_rel).offset().top;
 +
                            jQuery("html,body").animate({scrollTop:_targetTop},o.timer);
 +
                            break;
 +
                        case 2:
 +
                            var _targetLeft = jQuery("#"+_rel).offset().left;
 +
                            jQuery("html,body").animate({scrollLeft:_targetLeft},o.timer);
 +
                            break;
 +
                    }
 +
                    return false;
 +
                });
 +
            });
 +
        };
 +
    </script>
 +
 
 +
</head>
 +
<body>
 +
 
 +
<div class="header">
 +
    <div class="headerBg">
 +
    </div>
 +
    <div class="container" style="margin-left: 30px; margin-right: 20px;">
 +
        <p class="navilogoText">XJTLU-CHINA<p/>
 +
        <img class="navilogo" src="https://static.igem.org/mediawiki/2015/d/da/LogoXJTLU15.png">
 +
        <div class="headerBar">
 +
            <div class="navi">
 +
                <ul>
 +
                    <li class="mainNavi col1">
 +
                        <div id="PrimaryNaviBg1">
 +
                            <a class="primaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA">Home</a>
 +
                        </div>
 +
                    </li>
 +
                    <li class="mainNavi col1">
 +
                        <div id="PrimaryNaviBg2">
 +
                            <a class="primaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Description">Project</a>
 +
                        </div>
 +
                        <ul>
 +
                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Description#J1">Map description</a></li>
 +
                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Description#J2">RNA thermo-meter</a></li>
 +
                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Description#J4">Chromopro-tein</a></li>
 +
                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Description#J4">Chromopro-tein testing</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="mainNavi col1">
 +
                        <div id="PrimaryNaviBg3">
 +
                            <a class="primaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Parts">Parts</a>
 +
                        </div>
 +
                        <ul>
 +
                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Parts#J1">Modularity</a></li>
 +
                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Parts#J2">Part Detail</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="mainNavi col1">
 +
                        <div id="PrimaryNaviBg4">
 +
                            <a class="primaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Team">Team</a>
 +
                        </div>
 +
                        <ul>
 +
                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Team#J1">Team introduction</a></li>
 +
                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Team#J2">Attribution</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="mainNavi col1">
 +
                        <div id="PrimaryNaviBg5">
 +
                            <a class="primaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Modeling">Modeling</a>
 +
                        </div>
 +
                        <ul>
 +
                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Modeling#J1">Modeling</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="mainNavi col1">
 +
                        <div id="PrimaryNaviBg6">
 +
                            <a class="primaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Safety">Safety</a>
 +
                        </div>
 +
                        <ul>
 +
                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Safety#J1">Policy</a></li>
 +
                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Safety#J2">Q & A</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="mainNavi col1">
 +
                        <div id="PrimaryNaviBg7" style="background-color: #3399CC";>
 +
                            <a class="primaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Practices">Human Practice</a>
 +
                        </div>
 +
                        <ul>
 +
                            <li><a class="jump1" href="#J1">Public speech for iGEM</a></li>
 +
                            <li><a class="jump2" href="#J2">iGEM teams work shop</a></li>
 +
                            <li><a class="jump3" href="#J3">Questionnaire for XJTLU-iGEM</a></li>
 +
                            <li><a class="jump4" href="#J4">LEGO</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="mainNavi col1">
 +
                        <div id="PrimaryNaviBg8">
 +
                            <a class="primaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Notebook">Notebook</a>
 +
                        </div>
 +
                        <ul>
 +
                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Notebook#J1">Protocols</a></li>
 +
                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Notebook#J2">Mar - May</a></li>
 +
                            <li><a class="jump3" href="https://2015.igem.org/Team:XJTLU-CHINA/Notebook#J3">June</a></li>
 +
                            <li><a class="jump4" href="https://2015.igem.org/Team:XJTLU-CHINA/Notebook#J4">July</a></li>
 +
                            <li><a class="jump5" href="https://2015.igem.org/Team:XJTLU-CHINA/Notebook#J5">Aug - Sep</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="mainNavi col1">
 +
                        <div id="PrimaryNaviBg9">
 +
                            <a class="primaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Collaborations">Collaboration</a>
 +
                        </div>
 +
                        <ul>
 +
                            <li><a class="jump1" href="orations：https://2015.igem.org/Team:XJTLU-CHINA/Collaborations#J1">with NYU-Shanghai</a></li>
 +
                            <li><a class="jump2" href="orations：https://2015.igem.org/Team:XJTLU-CHINA/Collaborations#J2">with BIT-China</a></li>
 +
                        </ul>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
    </div>
 
</div>
 
</div>
  
 +
<div class="Zheader">
 +
    <div class="ZheaderBg">
 +
    </div>
 +
    <div class="container" style="margin-left: 30px; margin-right: 20px;">
 +
        <div class="ZheaderBar">
 +
            <p class="ZnavilogoText">XJTLU-CHINA<p/>
 +
            <div class="Znavi">
 +
                <ul>
 +
                    <li class="ZmainNavi col1">
 +
                        <div id="ZPrimaryNaviBg1">
 +
                            <a class="ZprimaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA">Home</a>
 +
                        </div>
 +
                    </li>
 +
                    <li class="ZmainNavi col1">
 +
                        <div id="ZPrimaryNaviBg2">
 +
                            <a class="ZprimaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Description">Project</a>
 +
                        </div>
 +
                        <ul>
 +
                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Description#J1">Map description</a></li>
 +
                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Description#J2">RNA thermo-meter</a></li>
 +
                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Description#J4">Chromopro-tein</a></li>
 +
                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Description#J4">Chromopro-tein testing</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="ZmainNavi col1">
 +
                        <div id="ZPrimaryNaviBg3">
 +
                            <a class="ZprimaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Parts">Parts</a>
 +
                        </div>
 +
                        <ul>
 +
                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Parts#J1">Modularity</a></li>
 +
                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Parts#J2">Part Detail</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="ZmainNavi col1">
 +
                        <div id="ZPrimaryNaviBg4">
 +
                            <a class="ZprimaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Team">Team</a>
 +
                        </div>
 +
                        <ul>
 +
                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Team#J1">Team introduction</a></li>
 +
                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Team#J2">Attribution</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="ZmainNavi col1">
 +
                        <div id="ZPrimaryNaviBg5">
 +
                            <a class="ZprimaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Modeling">Modeling</a>
 +
                        </div>
 +
                        <ul>
 +
                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Modeling#J1">Modeling</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="ZmainNavi col1">
 +
                        <div id="ZPrimaryNaviBg6">
 +
                            <a class="ZprimaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Safety">Safety</a>
 +
                        </div>
 +
                        <ul>
 +
                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Safety#J1">Policy</a></li>
 +
                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Safety#J2">Q & A</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="ZmainNavi col1">
 +
                        <div id="ZPrimaryNaviBg7" style="background-color: #3399CC";>
 +
                            <a class="ZprimaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Practices">Human Practice</a>
 +
                        </div>
 +
                        <ul>
  
−
<h5>Some Human Practices topic areas </h5>
+
                            <li><a class="jump1" href="#J1">Public speech for iGEM</a></li>
−
<ul>
+
                            <li><a class="jump2" href="#J2">iGEM teams work shop</a></li>
−
<li>Philosophy</li>
+
                            <li><a class="jump3" href="#J3">Questionnaire for XJTLU-iGEM</a></li>
−
<li>Public Engagement / Dialogue</li>
+
                            <li><a class="jump1" href="#J4">LEGO</a></li>
−
<li>Education</li>
+
                        </ul>
−
<li>Product Design</li>
+
                    </li>
−
<li>Scale-Up and Deployment Issues</li>
+
                    <li class="ZmainNavi col1">
−
<li>Environmental Impact</li>
+
                        <div id="ZPrimaryNaviBg8">
−
<li>Ethics</li>
+
                            <a class="ZprimaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Notebook">Notebook</a>
−
<li>Safety</li>
+
                        </div>
−
<li>Security</li>
+
                        <ul>
−
<li>Public Policy</li>
+
                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Notebook#J1">Protocols</a></li>
−
<li>Law and Regulation</li>
+
                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Notebook#J2">Mar - May</a></li>
−
<li>Risk Assessment</li>
+
                            <li><a class="jump3" href="https://2015.igem.org/Team:XJTLU-CHINA/Notebook#J3">June</a></li>
−
</ul>
+
                            <li><a class="jump4" href="https://2015.igem.org/Team:XJTLU-CHINA/Notebook#J4">July</a></li>
 +
                            <li><a class="jump5" href="https://2015.igem.org/Team:XJTLU-CHINA/Notebook#J5">Aug - Sep</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="ZmainNavi col1">
 +
                        <div id="ZPrimaryNaviBg9">
 +
                            <a class="ZprimaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Collaboration">Collaboration</a>
 +
                        </div>
 +
                        <ul>
 +
                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Collaboration#J1">with NYU-Shanghai</a></li>
 +
                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Collaboration#J2">with BIT-China</a></li>
 +
                        </ul>
 +
                    </li>
  
−
<h5>What should we write about on this page?</h5>
+
                </ul>
−
<p>On this page, you should write about the Human Practices topics you considered in your project, and document any special activities you did (such as visiting experts, talking to lawmakers, or doing public engagement).</p>
+
            </div>
 +
        </div>
 +
    </div>
 +
</div>
  
 +
<div class="firstPage">
 +
    <div class="firstPageBg">
 +
    </div>
 +
    <div class="container">
 +
        <div class="overview">
 +
            <div class="title">
 +
                <p class="heading">Human<br/>Practice</p>
 +
            </div>
 +
        </div>
 +
        <div class="subNaviBg">
 +
            <br/>
 +
        </div>
 +
    </div>
 +
    <div class="subNavi">
 +
        <div>
 +
            <a class="jump1" href="#J1">Public speech for iGEM</a>
 +
        </div>
 +
        <br/>
 +
        <br/>
  
−
<h5>Inspiration</h5>
+
        <div>
−
<p>Read what other teams have done:</p>
+
            <a class="jump2" href="#J2">iGEM teams work shop</a>
−
<ul>
+
        </div>
−
<li><a href="https://2014.igem.org/Team:Dundee/policypractice/experts">2014 Dundee </a></li>
+
        <br/>
−
<li><a href="https://2014.igem.org/Team:UC_Davis/Policy_Practices_Overview">2014 UC Davis </a></li>
+
        <br/>
−
<li><a href="https://2013.igem.org/Team:Manchester/HumanPractices">2013 Manchester </a></li>
+
        <br/>
−
<li><a href="https://2013.igem.org/Team:Cornell/outreach">2013 Cornell </a></li>
+
−
</ul>
+
  
−
<h3>Integrated Human Practices</h3>
+
        <div>
 +
            <a class="jump3" href="#J3">Questionnaire for XJTLU-iGEM</a>
 +
        </div>
  
−
<p>Do you want to be considered for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Best Integrated Human Practices award</a>? Make it easy for the judges to find any wiki content that is relevant to this prize. Highlight this content with a header or separate section.</p>
+
        <br/>
 +
        <br/>
 +
        <div>
 +
            <a class="jump4" href="#J4">Lego</a>
 +
        </div>
 +
    </div>
 +
</div>
  
−
<h3>Education and Public Engagement</h3>
+
</div>
  
−
<p>Do you want to be considered for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Best Education and Public Outreach award</a>? Make it easy for the judges to find any wiki content that is relevant to this prize. Highlight this content with a header or separate section.</p>
+
<div class="secondPage" id="J1">
 +
    <div class="secondPageBg">
 +
 
 +
        <div class="PageEnd">
 +
            <br/>
 +
        </div>
 +
 
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <h2>Public speech for iGEM</h2>
 +
                <div class="lv2" >
 +
                    <p>Time: May 20th 2015</p>
 +
                    <p>Location: Science Building SA236</p>
 +
                    <p>Participating member: team members in XJTLU-CHINA, staffs in the department of biology, students interested in synbio and iGEM.</p>
 +
                    <p>Purpose of this event: we hope more people could know about iGEM competition and have an interest in synthetic biology. Also, we hope for support and permit from our university.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 
 +
        <div class="hPImgStyle1">
 +
            <img class="hpImgstyle1-1" src="https://static.igem.org/mediawiki/2015/2/2b/HPImg1XJTLU15.jpg"/>
 +
        </div>
 +
 
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <div class="lv3">
 +
                    <p>In the beginning, Jodie introduced synthetic biology and iGEM competition. She talked that: ‘Synthetic biology is the design and construction of new biological parts, devices and systems and the re-design of existing natural biological systems for useful purposes. Also, Synthetic biology is the engineering of biology. This engineering perspective may be applied at all levels of the hierarchy of biological structures – from individual molecules to whole cells, tissues and organisms. In essence, synthetic biology will enable the design of ‘biological systems’ in a rational and systematic way’ It gave general information about synbio to some biology freshmen and students from other department. She also talked about iGEM, the main process during the competition, and modern biological technologies used in iGEM. This was the first time professors in biology department know about iGEM and realized its importance. </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-1" src="https://static.igem.org/mediawiki/2015/2/2b/HPImg2XJTLU15.png"/>
 +
        </div>
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-2" src="https://static.igem.org/mediawiki/2015/3/32/HPImg3XJTLU15.png"/>
 +
        </div>
 +
        <div class="hPImgStyle2Text1">
 +
            <p>iGEM logo used for presentstion</p>
 +
        </div>
 +
        <div class="hPImgStyle2Text2">
 +
            <p>2015 iGEM team map</p>
 +
        </div>
 +
 
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <div class="lv3">
 +
                    <p>Next part in public speech was introducing several projects in previous iGEM competition. Teammates displayed ‘This is not a lemon!’ project from Paris Saclay, ‘E. Grätzel – Solar BioEnergy’ project from TU-Darmstadt, ‘Membranes from Bacterial Cellulose’ project form Imperial, ‘Magnetic E. coli’ project from Berlin, ‘Engineering a synthetic microbial consortium’ project from Braunschweig University of Technology. All people were surprised about those creative ideas and work from undergraduates. Dr. Meng said these project were amazing and beyond his image. He was hard to believe biology students can finish such excellent work, while maybe scientists could not have those great ideas. Students were also interested in these projects; thereby we gave them web linkages.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 
 +
        <div class="hPImgStyle3">
 +
            <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/b/b3/HPImg4XJTLU15.jpg"/>
 +
        </div>
 +
        <div class="hPImgStyle3Text">
 +
            <p>Audiences participating in this public speech</p>
 +
        </div>
 +
 
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <div class="lv3">
 +
                    <p>The final part was the most important section, the announcement for our own projects. We public two project, which came out after long time discussion and brainstorm. One is a novel proteins expression system with circular mRNA and RNA thermometer. Another is Synthesis of crispr-cas system in gliomas cell to specifically knock out CD44 gene for inhibiting cell migration and activation. Professor Lv asked many question about circular mRNA. He thought it could be used as drug to regulate gene expression; however he doubted that whether it could be used to translation of proteins. Hence, James explain the mechanism of group I intron self-splicing RNA and results from literatures. Pro. Lv agreed and would like to help us with the project. Dr. Liu thought RNA thermometer was quite interesting and could be widely used. She hoped we could use RNA thermometer to create a fantastic project. Although the projects were replaced by another better idea, we were benefit from group discussion and research training. </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-1" src="https://static.igem.org/mediawiki/2015/c/c3/HPImg5XJTLU15.jpg"/>
 +
        </div>
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-2" src="https://static.igem.org/mediawiki/2015/a/a4/HPImg6XJTLU15.jpg"/>
 +
        </div>
 +
        <div class="hPImgStyle2Text1">
 +
            <p>Explanation time for James</p>
 +
        </div>
 +
        <div class="hPImgStyle2Text2">
 +
            <p>Introduction for RNA thermometer </p>
 +
        </div>
 +
 
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <div class="lv3">
 +
                    <P>After this public speech, many biology students strongly wanted to join our team. Unfortunately, we had enough team members so that we encouraged them to participate in the 2016 iGAM competition. We discussed iGEM and projects with professors and all students.  </P>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-1" src="https://static.igem.org/mediawiki/2015/4/4d/HPImg7XJTLU15.jpg"/>
 +
        </div>
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-2" src="https://static.igem.org/mediawiki/2015/0/01/HPImg8XJTLU15.jpg"/>
 +
        </div>
 +
        <div class="hPImgStyle2Text1">
 +
            <p>Discussion with professor Lv.</p>
 +
        </div>
 +
        <div class="hPImgStyle2Text2">
 +
            <p>Conversion with all students about iGEM</p>
 +
        </div>
 +
 
 +
        <div class="PageEnd">
 +
            <br/>
 +
        </div>
 +
 
 +
    </div>
  
 
</div>
 
</div>
 +
 +
<div class="thirdPage" id="J2">
 +
    <div class="thirdPageBg">
 +
 +
        <div class="PageEnd">
 +
            <br/>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <h2>iGEM teams work shop</h2>
 +
                <div class="lv2" >
 +
                    <p>Participating team: XJTLU-CHINA; NYU-Shanghai; China-Tongji; ZJU-China; USTC; USTC-Software; Fudan</p>
 +
                    <br/>
 +
                    <p>Time: October 8th 2015</p>
 +
                    <p>Location: Shanghai Science & technology museum </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="hPImgStyle1">
 +
            <img class="hpImgstyle1-1" src="https://static.igem.org/mediawiki/2015/7/76/HPImg25XJTLU15.jpg"/>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <h3>Section 1<br/>Preparing for the workshop</h3>
 +
                <div class="lv3">
 +
                    <p>We received an invited letter form NYU-Shanghai for iGEM team communication on 1st October 2015. They organized six iGEM teams from five famous universities located in southeast China. We displayed our projects to public at shanghai Science & technology museum as well as communicated with each other. We prepared a poster about iGEM and our project, also we made a video to show the XJTLU-CHINA iGEM team and Xi`an Jiaotong-Liverpool university. </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-1" src="https://static.igem.org/mediawiki/2015/b/b2/HPImg9XJTLU15.jpg"/>
 +
        </div>
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-2" src="https://static.igem.org/mediawiki/2015/a/ac/HPImg10XJTLU15.jpg"/>
 +
        </div>
 +
        <div class="hPImgStyle2Text1">
 +
            <p>Exhibition position for XJTLU-CHIAN iGEM team</p>
 +
        </div>
 +
        <div class="hPImgStyle2Text2">
 +
            <p>Poster and communication with other team member</p>
 +
        </div>
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-1" src="https://static.igem.org/mediawiki/2015/2/20/HPImg11XJTLU15.jpg"/>
 +
        </div>
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-2" src="https://static.igem.org/mediawiki/2015/b/b5/HPImg12XJTLU15.jpg"/>
 +
        </div>
 +
        <div class="hPImgStyle2Text1">
 +
            <p>Assembling equipment to play the video</p>
 +
        </div>
 +
        <div class="hPImgStyle2Text2">
 +
            <p>Our lovely princess  </p>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <h3>Section 2 <br/>Introducing our project to other iGEM team</h3>
 +
                <div class="lv3">
 +
                    <p>The poster showed the topic and proposes of our project. The project is using various colored E. coli to draw a world map. These bacteria could change their color when the temperature increases. Therefore, the color of world map will be changed as well, which could mimic the process of global warming. The poster also illustrated two creative ideas; one was RNA ribosome meter controlling the translation of chrome-proteins, another was genetic circuit which made protein expression ordered.  We displayed the poster and introduced the project to other iGEM teams. They were very surprised to the RNA ribosome meter and the design of genetic circuit. Also, they gave us many significant suggestions on completing the project and improving quality. </p>
 +
                </div>
 +
                <div class="lv3">
 +
                    <p>A gentleman from USTC said: ‘First, I consider that your ideas are amazing! You can stimulate the process of global warming by culturing bacteria on medium. That is so creative. Furthermore, although you are just doing art design, your team has too much work to realize it. In all, your project this year is excellent！I can give you a little advice. Your project could closely stimulate the global climate. Why not go and achieve the up-date data of global climate? Therefore, you can control the temperature to display more detail information. If so, your bacterial map will be closer to the real world.’ </p>
 +
                </div>
 +
            </div>
 +
 +
        </div>
 +
        <div class="hPImgStyle3">
 +
            <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/5/5c/HPImg13XJTLU15.jpg"/>
 +
        </div>
 +
        <div class="hPImgStyle3Text">
 +
            <p>Communication with a gentleman from USTC team</p>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <div class="lv3">
 +
                    <P>A lady from China-Tongji said: ‘It is a great idea to let the bacteria change their color automatically in order to stimulate the process of global warming. This can directly encourage people to feel the influence of global warming. Also, it contains of many aspects and can mimic many phenomena such as sea-level rise and interaction between coastal and inland area. This design is really delicate.’</P>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="hPImgStyle3">
 +
            <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/3/32/HPImg14XJTLU15.jpg"/>
 +
        </div>
 +
        <div class="hPImgStyle3Text">
 +
            <p>Communication with a lady from China-Tongji</p>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <div class="lv3">
 +
                    <P>A handsome guy from NYU-Shanghai said: ‘: I think your project is really cool! I think it different! You guys are a kind of art design, but you are also very scientific. We try to do something similar. We want to do something very (scientific) also very art! Every week, we are getting closer very art. But I think you guys are still vey scientific. It is really cool!</P>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="hPImgStyle3">
 +
            <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/0/03/HPImg15XJTLU15.jpg"/>
 +
        </div>
 +
        <div class="hPImgStyle3Text">
 +
            <p>Communication with a handsome guy from NYU-Shanghai</p>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <h3>Section 3<br/>talking with other iGEM team about their project and giving advice</h3>
 +
                <div class="lv3">
 +
                    <P>We talked with some members from other iGEM teams. We were interested with their ideas and surprised at their work during summer. China-Tongji iGEM team tried to make nematode light-sensitive, which is an amazing project we thought. However, we suggested that although scientists had created light-sensitive mouse, it was a challenge to let nematode express light-sensitive proteins. Also, we mentioned ethic issues and safety for China-Tongji. ZJU-China team made a funny biological playing card. This bio-card could help student learn many knowledge of synbio. We advised them make the biocard easy-understanding and design more detail information so that public could accept it rather than only biology student. NUY-Shanghai did a fantastic project, they were not limited in synbio but used knowledge and technologies of multiple subjects including engineering, computer science and VR. We learned a lot from what them did and managed to improve our project display. We planned to use LEGO to show our genetic circuit and ribosome meter, thus this presentation would be easy to understand and participate for public.  Furthermore, we started to cooperate with them after the workshop. We provided several biobricks for them to support they finish their project. </P>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-1" src="https://static.igem.org/mediawiki/2015/5/5f/HPImg16XJTLU15.jpg"/>
 +
        </div>
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-2" src="https://static.igem.org/mediawiki/2015/c/c8/HPImg17XJTLU15.jpg"/>
 +
        </div>
 +
        <div class="hPImgStyle2Text1">
 +
            <p>China-Tongli</p>
 +
        </div>
 +
        <div class="hPImgStyle2Text2">
 +
            <p>NYU-Shanghai</p>
 +
        </div>
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-1" src="https://static.igem.org/mediawiki/2015/f/fe/HPImg18XJTLU15.jpg"/>
 +
        </div>
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-2" src="https://static.igem.org/mediawiki/2015/2/2c/HPImg19XJTLU15.jpg"/>
 +
        </div>
 +
        <div class="hPImgStyle2Text1">
 +
            <p>ZJU-China                                                </p>
 +
        </div>
 +
        <div class="hPImgStyle2Text2">
 +
            <p>USTC </p>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <h3>Section 4<br/> Public presentation</h3>
 +
                <div class="lv3">
 +
                    <P>One of the most important tasks in iGEM competition is human practice. This part is aimed to let more people in different societies know about synbio and iGEM, also give us a change to change the world.  We contributed many efforts to this part and we believed we could make influence on our world. During the workshop, we explained every detail on our project to a museum staff and she presented all projects on the museum website for online visitors. Furthermore, we introduced our project to many visitors. They usually did not have any biological background, thereby we used the simplest way to introduce synthetic biology and show our project. After that, all the visitors understood and felt interested in what we did. Additionally, we gave an academic presentation to an expert from Fudan University. He was very integrated to the ribosome meter and he predicted this technology would have a huge application. During workshop, we surprisingly found that a little child was able to participate in the exhibition of NUY-Shanghai. Giving some educations to next generation may the best thing in this competition, which is our responsibility to influence the world and the further.  </P>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-1" src="https://static.igem.org/mediawiki/2015/a/a8/HPImg20XJTLU15.jpg"/>
 +
        </div>
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-2" src="https://static.igem.org/mediawiki/2015/4/4d/HPImg21XJTLU15.jpg"/>
 +
        </div>
 +
        <div class="hPImgStyle2Text1">
 +
            <p>Talking with a museum staff</p>
 +
        </div>
 +
        <div class="hPImgStyle2Text2">
 +
            <p>Introduce to a museum visitor </p>
 +
        </div>
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-1" src="https://static.igem.org/mediawiki/2015/5/54/HPImg22XJTLU15.jpg"/>
 +
        </div>
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-2" src="https://static.igem.org/mediawiki/2015/5/5a/HPImg23XJTLU15.jpg"/>
 +
        </div>
 +
        <div class="hPImgStyle2Text1">
 +
            <p>A child listening to biological music            </p>
 +
        </div>
 +
        <div class="hPImgStyle2Text2">
 +
            <p>Presentation to an expert from Fudan</p>
 +
        </div>
 +
 +
        <div class="hPImgStyle1">
 +
            <img class="hpImgstyle1-1" style="margin: 0; padding: 0" src="https://static.igem.org/mediawiki/2015/8/84/HPImg24XJTLU15.jpg"/>
 +
        </div>
 +
 +
 +
    </div>
 +
 +
</div>
 +
 +
 +
 +
<div class="fourthPage" id="J3">
 +
    <div class="fourthPageBg">
 +
 +
        <div class="PageEnd">
 +
            <br/>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <h2>Questionnaire for XJTLU-iGEM</h2>
 +
                <div class="lv2" >
 +
                    <p>Survey for synthetic biology, bio-safety, global warming and our project</p>
 +
                    <p>Method for Survey: Questionnaire </p>
 +
                    <p>Starting time：2015-8-1    </p>
 +
                    <p>Ending time：2015-8-31</p>
 +
                    <br/>
 +
                    <p>People were chosen randomly from internet</p>
 +
                    <p>Data analysis：</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <h3>Question 1<br/>Have you ever heard about synthetic biology before this survey?<br/>您在这份调查之前是否听说过合成生物学的概念？</h3>
 +
            </div>
 +
        </div>
 +
        <div class="hPImgStyle3">
 +
            <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/9/9d/HPImg39XJTLU15.png"/>
 +
        </div>
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <div class="lv3">
 +
                    <p>The iGEM competition is an annual, world wide, synthetic biology event. This question is aimed to find whether synthetic biology is well-known in China or not and let more people know about this area. According to this result, only a quarter people heard about bio-synthesis before our survey. Over half of people did not know about synthetic biology before. Also, 16 people were not sure that they had a clear idea about synthetic biology. We considered that most of people did not have biological background. Furthermore, industries working on bio-synthesis have just been developed recently in China so that it is not popular right now. Therefore, we should provide some associated information for public. If people chose ‘B’ and ‘C’, the definition of synthetic biology would be displayed. Additionally, we found that they were also willing to search synthetic biology on internet and wanted to learn more about this novel area.</p>
 +
                    <br/>
 +
                    <p>Provided definition: Synthetic biology is the design and construction of biological devices and systems for useful purposes. It is an area of biological research and technology that combines biology and engineering, thus often overlapping with bioengineering and biomedical engineering. It encompasses a variety of different approaches, methodologies, and disciplines with a focus on engineering biology and biotechnology.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <h3>Question 2<br/>Which conventional industries will be replaced by synthetic biology? <br/>你认为以下哪些传统产业会被合成生物学取代?</h3>
 +
            </div>
 +
        </div>
 +
        <div class="hPImgStyle3">
 +
            <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/d/dc/HPImg26XJTLU15.png"/>
 +
        </div>
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <div class="lv3">
 +
                    <p>As we know, synthetic biology can be applied in many area and even replace some conventional industries. We asked Dr. Liu, a biologist in our university, for which area could be replaced by bio-synthesis. She made a list including agriculture, metallurgic industry, cottonocracy and oil industry. Hence, we asked people this question to find if they knew the application of synthetic biology. Result was that most of people considered that conventional industries such as agriculture, cottonocracy and oil industry could be replaced by bio-synthesis. Particularly, the majority of people chose oil because they know biofuels have been widely used. However, only a few people knew that synthetic biology could be applied in metallurgic area as well.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <h3>Question 3<br/>Have you ever heard about bio-safety before? <br/>您在这份调查之前是否听说过生物安全？</h3>
 +
            </div>
 +
        </div>
 +
        <div class="hPImgStyle3">
 +
            <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/e/ea/HPImg27XJTLU15.png"/>
 +
        </div>
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <div class="lv3">
 +
                    <p>Biosafety is an important issue in biological research as well as human society. We wanted to find if people knew about bio-safety and we hoped they could pay attention to bio-safety after this survey. Result was that less than a half people heard about bio-safety before and over a half people did not consider about safe problem. Therefore, we provided some information about biosafety after they answered this question; they could learn and start to think about bio-safe problem. </p>
 +
                    <br/>
 +
                    <p>Provided information: Biosafety is the prevention of large-scale loss of biological integrity, focusing both on ecology and human health. These prevention mechanisms include conduction of regular reviews of the biosafety in laboratory settings, as well as strict guidelines to follow. Biosafety is used to protect us from harmful incidents. A complete understanding of experimental risks associated with synthetic biology is helping to enforce the knowledge and effectiveness of biosafety.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <h3>Question 4<br/>Some people consider that modern biotechnologies including synthetic biotechnology may cause problem in safety of human society. do you agree or disagree? <br/>有人认为现代生物技术包括合成生物学技术会对人类社会安全带来严重问题。你是否同意这个观点？</h3>
 +
            </div>
 +
        </div>
 +
        <div class="hPImgStyle3">
 +
            <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/b/b4/HPImg28XJTLU15.png"/>
 +
        </div>
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <div class="lv3">
 +
                    <p>Modern biotechnologies improve the development of human society in many areas, for example clinical treatment, biofuels and GMOs. Nonetheless, some people worry that biotechnologies may cause ethic or safe problem in human society. Hence, we ask people this question to find their opinions about biotechnologies. Result was that 32.5% of people agreed that synthetic biotechnology may cause safe problems. While, 28.75% of people considered it was absolutely safe. However, over one third people were not sure that it had positive effect or negative effect. We thought many people in China did not accept biotechnology, they worry it would be harmful to their heath. We should do more work to ensure the safety of biotechnology so that more people will trust it. </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <h3>Question 5<br/>What do you think is the current situation of global climate?<br/>你觉得目前全球气候的状况是怎样的？</h3>
 +
            </div>
 +
        </div>
 +
        <div class="hPImgStyle3">
 +
            <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/0/01/HPImg29XJTLU15.png"/>
 +
        </div>
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <div class="lv3">
 +
                    <p>We wanted to find Chinese people’ views on climate change. Results are that over a half people considered the situation of global warming was quite serious and almost half of people felt that climate was changing currently. Particularly, there was nobody thinking the climate as same as that many years ago. Therefore, we can know Chinese people still cared about climate and had similar view that climate was changing currently.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <h3>Question 6<br/>Which of the following item do you think is the main cause of greenhouse effect?<br/>你觉得什么是造成温室效应最大的原因? </h3>
 +
            </div>
 +
        </div>
 +
        <div class="hPImgStyle3">
 +
            <img class="hpImgstyle3-1" src="https://2015.igem.org/File:HPImg30XJTLU15.png"/>
 +
        </div>
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <div class="lv3">
 +
                    <p>We asked reasons for climate change, the majority of people thought we destoryed the environment and a few people considered it was the automatical processing on Earth development.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <h3>Question 7<br/>Which behavior do you think will intensify the greenhouse effect?<br/>你认为社会上哪些行为会加重温室效应？</h3>
 +
            </div>
 +
        </div>
 +
        <div class="hPImgStyle3">
 +
            <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/9/9b/HPImg31XJTLU15.png"/>
 +
        </div>
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <div class="lv3">
 +
                    <p>Most of people industrial pollution is considered as the most serious issue on environmnet as well as the most significant reason for climate change. Also, people thought the reducing vegetation and the destruction of eco-environment caused global warming. They did not view the urbanization and garbage were the main reasons.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <h3>Question 8<br/>Do you pay attention to reduce carbon dioxide emissions and promote low carbon life in your daily life?<br/>你在日常生活中会注意减少自身二氧化碳排放，倡导低碳生活吗？</h3>
 +
            </div>
 +
        </div>
 +
        <div class="hPImgStyle3">
 +
            <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/1/14/HPImg32XJTLU15.png"/>
 +
        </div>
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <div class="lv3">
 +
                    <p>CO2 is a type of warming gases, its uncontrolled emissions may result in climate change. We wanted to remain people of reducing the emissions of CO2 in their daily life. We found that people would like to enjoy green lifestyle such as riding bicycle, but they need more guide lines.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <h3>Question 9<br/>Is it safe or not to display the process of global warming on our biothermomap? Please state your opinion. <br/>你认为在实验室中用我们的生物地图表现全球变暖过程是否安全？</h3>
 +
            </div>
 +
        </div>
 +
        <div class="hPImgStyle3">
 +
            <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/3/39/HPImg33XJTLU15.png"/>
 +
        </div>
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <div class="lv3">
 +
                    <p>Two third of people thought our project is safe, while the rest of them were worried about safety issue. They argued that biology students may have operation mistakes so that these bacteria could separate into environment and cause danger. We explained that we had a serious trainning to prevent any mistake during experiments. Furthermore, any biomaterial in lab must be treated before entering environment.</p>
 +
                    <br/>
 +
                    <p>GMOs are popular in US, they usually have better properties. However, more and more people concern about the safety of genetically modified food, though some authentic organization such as FDA or WHO announced GM foods are absolutely safe. We wanted to find Chinese people’s views on GM foods, thus we ask them question 5, 6, 7 and 8.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <h3>Question 10<br/>Which foods do you think are genetically modified? Please choose one or more.><br/>你认为哪种/哪些食品是转基因食品？请选择一个或多个选项。</h3>
 +
            </div>
 +
        </div>
 +
        <div class="hPImgStyle3">
 +
            <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/4/42/HPImg34XJTLU15.png"/>
 +
        </div>
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <div class="lv3">
 +
                    <p>We listed many genetically modified foods, which were obtained from internet. Results were that the majority of people know the soybean was GMO as well as anti-virus pimento. While, less than half of people considered that cherry tomato, which means many people still did not it is genetically modified. Particularly, only a few people thought the potato with smooth surface as GMO, but most of people did not know. In conclusion, we thought Chinese people could distinguish some common GMOs, however some they could not. Therefore, more information about genetically modified foods should be provided to public. </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <h3>Question 11<br/>Have you bought and eaten genetically modified food? <br/>你曾经购买并食用过转基因食品吗？</h3>
 +
            </div>
 +
        </div>
 +
        <div class="hPImgStyle3">
 +
            <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/d/d6/HPImg35XJTLU15.png"/>
 +
        </div>
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <div class="lv3">
 +
                    <p>We found that about 44% of people had bought and eaten the GM foods while only 4 people clearly knew that they never bought or ate any GM foods. We were surprised found that over a half of people were not sure they ate GM foods. Reasons for that is GM foods were not obviously labeled in China or they usually ignore the label.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <h3>Question 12<br/>Why did you chose them? Please choose one or more.<br/>为什么你会选择它们？请选择一个或多个选项。</h3>
 +
            </div>
 +
        </div>
 +
        <div class="hPImgStyle3">
 +
            <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/3/30/HPImg36XJTLU15.png"/>
 +
        </div>
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <div class="lv3">
 +
                    <p>Most of people thought that GM foods had good looking so they choose them. Many people thought they were delicious and contained additional nutrition. Also, many people were curious about GMOs and never saw them before. However, some people chose GM foods because the foods were cheap and no organic food was available. Additionally, a few people thought GM food could be preserved long time and had other better properties.  </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <h3>Question 13<br/>Do you think the genetically modified food is safe or not?<br/>你认为转基因食品安全吗？</h3>
 +
            </div>
 +
        </div>
 +
        <div class="hPImgStyle3">
 +
            <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/7/74/HPImg37XJTLU15.png"/>
 +
        </div>
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <div class="lv3">
 +
                    <p>People who considered GM foods safe were less than those thinking the foods dangerous. Nonetheless, there were 60% of people not sure that GM foods is safe or not. We thought more scientific research should be conducted to prove this issue.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <h3>Question 14<br/>Do you think the catastrophes caused by uncontrolled bio-technology in some films will happen in the real world? Please choose the disasters which you believe that they will come true.<br/>你觉得影视作品中的由滥用生物技术而导致的灾难会在现实中发生吗？请选择你认为有可能发生的选项。</h3>
 +
            </div>
 +
        </div>
 +
        <div class="hPImgStyle3">
 +
            <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/0/04/HPImg38XJTLU15.png"/>
 +
        </div>
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <div class="lv3">
 +
                    <p>This question was just for fun.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
    </div>
 +
 +
</div>
 +
 +
<div class="fifthPage" id="J4">
 +
    <div class="fifthPageBg">
 +
 +
        <div class="PageEnd">
 +
            <br/>
 +
        </div>
 +
        <div class="PageEnd">
 +
            <br/>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <h2>LEGO</h2>
 +
            </div>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <h3>Aims</h3>
 +
                <div class="lv3">
 +
                    <p>According to our experiment, RNA thermometer will form a loop on mRNA to inhibit protein translation, while the loop could open if temperature increases so that ribosome can pass the loop and produce peptides. We aim to use LEGO robot to present how the RNA thermometer work in E coli. Furthermore, in order to show this processing directly and teach public some knowledge of synbio, we designed and assembled a LGEO model to stimulate protein translation.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <h3>Description</h3>
 +
                <div class="lv3">
 +
                    <p>According to our experiment, RNA thermometer will form a loop on mRNA to inhibit protein translation, while the loop could open if temperature increases so that ribosome can pass the loop and produce peptides. We aim to use LEGO robot to present how the RNA thermometer work in E coli. Furthermore, in order to show this processing directly and teach public some knowledge of synbio, we designed and assembled a LGEO model to stimulate protein translation.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-1" src="https://static.igem.org/mediawiki/2015/b/bf/1LXJTLU15.png"/>
 +
        </div>
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-2" src="https://static.igem.org/mediawiki/2015/2/21/2LXJTLU15.png"/>
 +
        </div>
 +
 +
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <h3>Show time</h3>
 +
                <div class="lv3">
 +
                    <P>Hello, I am a happy ribosome; now, I bind with my favorite mRNA and start to finish my job producing peptides. </P>
 +
                    <br/>
 +
                    <p>BUT, WHAT IS THIS? A loop on the mRNA stops me; I cannot walk alone the way! OMG!!! Who can help me? T^T</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-1" src="https://static.igem.org/mediawiki/2015/b/b0/3LXJTLU15.png"/>
 +
        </div>
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-2" src="https://static.igem.org/mediawiki/2015/8/86/4LXJTLU15.png"/>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <div class="lv3">
 +
                    <p>Fortunately, the loop disappears because of increasing temperature so that I can pass this typical sequence to restart my work.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-1" src="https://static.igem.org/mediawiki/2015/2/28/5LXJTLU15.png"/>
 +
        </div>
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-2" src="https://static.igem.org/mediawiki/2015/6/61/6LXJTLU15.png"/>
 +
        </div>
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-1" src="https://static.igem.org/mediawiki/2015/4/4b/7LXJTLU15.png"/>
 +
        </div>
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-2" src="https://static.igem.org/mediawiki/2015/e/e9/8LXJTLU15.png"/>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <div class="lv3">
 +
                    <p>I walk alone the mRNA sequence, translate every codon to amino acid, and connect them to peptide by dehydration. </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-1" src="https://static.igem.org/mediawiki/2015/8/8a/9LXJTLU15.png"/>
 +
        </div>
 +
        <div class="hPImgStyle2">
 +
            <img class="hpImgstyle2-2" src="https://static.igem.org/mediawiki/2015/9/95/10LXJTLU15.png"/>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <div class="lv3">
 +
                    <p>Here, I finish my job~ the red ball and the blue ball are the peptides of chromoproteins.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
        <div class="PageEnd">
 +
            <br/>
 +
        </div>
 +
        <div class="PageEnd">
 +
            <br/>
 +
        </div>
 +
</div>
 +
 +
<div class="footer">
 +
    <div class="footerBg">
 +
        <div class="container" style="text-align: center">
 +
            <img class="logo" src="https://static.igem.org/mediawiki/2015/d/da/LogoXJTLU15.png" height="53">
 +
            <img class="logo" src="https://static.igem.org/mediawiki/2015/9/96/Logo2XJTLU15.png" height="50">
 +
            <img class="logo" src="https://static.igem.org/mediawiki/2015/e/e3/%E6%B3%93%E8%BF%85%E7%A7%91%E6%8A%80Synbio_Technologies_Logo.png" height="50" style="margin-top:60px;">
 +
            <br/>
 +
            <img class="logo" src="https://static.igem.org/mediawiki/2015/4/41/AgilentXJTLU15.png" height="50" style="margin-top:60px;">
 +
            <img class="logo" src="https://static.igem.org/mediawiki/2015/b/b5/IDTXJTLU15.png" height="50" style="margin-top:60px;">
 +
            <img class="logo" src="https://static.igem.org/mediawiki/2015/3/31/SnapGeneXJTLU15.png" height="50" style="margin-top:60px;">
 +
        </div>
 +
    </div>
 +
</div>
 +
 +
</body>
 
</html>
 
</html>

Revision as of 22:11, 17 September 2015

Team

XJTLU-CHINA

XJTLU-CHINA

Human
Practice










Public speech for iGEM

Time: May 20th 2015

Location: Science Building SA236

Participating member: team members in XJTLU-CHINA, staffs in the department of biology, students interested in synbio and iGEM.

Purpose of this event: we hope more people could know about iGEM competition and have an interest in synthetic biology. Also, we hope for support and permit from our university.

In the beginning, Jodie introduced synthetic biology and iGEM competition. She talked that: ‘Synthetic biology is the design and construction of new biological parts, devices and systems and the re-design of existing natural biological systems for useful purposes. Also, Synthetic biology is the engineering of biology. This engineering perspective may be applied at all levels of the hierarchy of biological structures – from individual molecules to whole cells, tissues and organisms. In essence, synthetic biology will enable the design of ‘biological systems’ in a rational and systematic way’ It gave general information about synbio to some biology freshmen and students from other department. She also talked about iGEM, the main process during the competition, and modern biological technologies used in iGEM. This was the first time professors in biology department know about iGEM and realized its importance.

iGEM logo used for presentstion

2015 iGEM team map

Next part in public speech was introducing several projects in previous iGEM competition. Teammates displayed ‘This is not a lemon!’ project from Paris Saclay, ‘E. Grätzel – Solar BioEnergy’ project from TU-Darmstadt, ‘Membranes from Bacterial Cellulose’ project form Imperial, ‘Magnetic E. coli’ project from Berlin, ‘Engineering a synthetic microbial consortium’ project from Braunschweig University of Technology. All people were surprised about those creative ideas and work from undergraduates. Dr. Meng said these project were amazing and beyond his image. He was hard to believe biology students can finish such excellent work, while maybe scientists could not have those great ideas. Students were also interested in these projects; thereby we gave them web linkages.

Audiences participating in this public speech

The final part was the most important section, the announcement for our own projects. We public two project, which came out after long time discussion and brainstorm. One is a novel proteins expression system with circular mRNA and RNA thermometer. Another is Synthesis of crispr-cas system in gliomas cell to specifically knock out CD44 gene for inhibiting cell migration and activation. Professor Lv asked many question about circular mRNA. He thought it could be used as drug to regulate gene expression; however he doubted that whether it could be used to translation of proteins. Hence, James explain the mechanism of group I intron self-splicing RNA and results from literatures. Pro. Lv agreed and would like to help us with the project. Dr. Liu thought RNA thermometer was quite interesting and could be widely used. She hoped we could use RNA thermometer to create a fantastic project. Although the projects were replaced by another better idea, we were benefit from group discussion and research training.

Explanation time for James

Introduction for RNA thermometer

After this public speech, many biology students strongly wanted to join our team. Unfortunately, we had enough team members so that we encouraged them to participate in the 2016 iGAM competition. We discussed iGEM and projects with professors and all students.

Discussion with professor Lv.

Conversion with all students about iGEM



iGEM teams work shop

Participating team: XJTLU-CHINA; NYU-Shanghai; China-Tongji; ZJU-China; USTC; USTC-Software; Fudan


Time: October 8th 2015

Location: Shanghai Science & technology museum

Section 1
Preparing for the workshop

We received an invited letter form NYU-Shanghai for iGEM team communication on 1st October 2015. They organized six iGEM teams from five famous universities located in southeast China. We displayed our projects to public at shanghai Science & technology museum as well as communicated with each other. We prepared a poster about iGEM and our project, also we made a video to show the XJTLU-CHINA iGEM team and Xi`an Jiaotong-Liverpool university.

Exhibition position for XJTLU-CHIAN iGEM team

Poster and communication with other team member

Assembling equipment to play the video

Our lovely princess

Section 2
Introducing our project to other iGEM team

The poster showed the topic and proposes of our project. The project is using various colored E. coli to draw a world map. These bacteria could change their color when the temperature increases. Therefore, the color of world map will be changed as well, which could mimic the process of global warming. The poster also illustrated two creative ideas; one was RNA ribosome meter controlling the translation of chrome-proteins, another was genetic circuit which made protein expression ordered. We displayed the poster and introduced the project to other iGEM teams. They were very surprised to the RNA ribosome meter and the design of genetic circuit. Also, they gave us many significant suggestions on completing the project and improving quality.

A gentleman from USTC said: ‘First, I consider that your ideas are amazing! You can stimulate the process of global warming by culturing bacteria on medium. That is so creative. Furthermore, although you are just doing art design, your team has too much work to realize it. In all, your project this year is excellent！I can give you a little advice. Your project could closely stimulate the global climate. Why not go and achieve the up-date data of global climate? Therefore, you can control the temperature to display more detail information. If so, your bacterial map will be closer to the real world.’

Communication with a gentleman from USTC team

A lady from China-Tongji said: ‘It is a great idea to let the bacteria change their color automatically in order to stimulate the process of global warming. This can directly encourage people to feel the influence of global warming. Also, it contains of many aspects and can mimic many phenomena such as sea-level rise and interaction between coastal and inland area. This design is really delicate.’

Communication with a lady from China-Tongji

A handsome guy from NYU-Shanghai said: ‘: I think your project is really cool! I think it different! You guys are a kind of art design, but you are also very scientific. We try to do something similar. We want to do something very (scientific) also very art! Every week, we are getting closer very art. But I think you guys are still vey scientific. It is really cool!

Communication with a handsome guy from NYU-Shanghai

Section 3
talking with other iGEM team about their project and giving advice

We talked with some members from other iGEM teams. We were interested with their ideas and surprised at their work during summer. China-Tongji iGEM team tried to make nematode light-sensitive, which is an amazing project we thought. However, we suggested that although scientists had created light-sensitive mouse, it was a challenge to let nematode express light-sensitive proteins. Also, we mentioned ethic issues and safety for China-Tongji. ZJU-China team made a funny biological playing card. This bio-card could help student learn many knowledge of synbio. We advised them make the biocard easy-understanding and design more detail information so that public could accept it rather than only biology student. NUY-Shanghai did a fantastic project, they were not limited in synbio but used knowledge and technologies of multiple subjects including engineering, computer science and VR. We learned a lot from what them did and managed to improve our project display. We planned to use LEGO to show our genetic circuit and ribosome meter, thus this presentation would be easy to understand and participate for public. Furthermore, we started to cooperate with them after the workshop. We provided several biobricks for them to support they finish their project.

China-Tongli

NYU-Shanghai

ZJU-China

USTC

Section 4
Public presentation

One of the most important tasks in iGEM competition is human practice. This part is aimed to let more people in different societies know about synbio and iGEM, also give us a change to change the world. We contributed many efforts to this part and we believed we could make influence on our world. During the workshop, we explained every detail on our project to a museum staff and she presented all projects on the museum website for online visitors. Furthermore, we introduced our project to many visitors. They usually did not have any biological background, thereby we used the simplest way to introduce synthetic biology and show our project. After that, all the visitors understood and felt interested in what we did. Additionally, we gave an academic presentation to an expert from Fudan University. He was very integrated to the ribosome meter and he predicted this technology would have a huge application. During workshop, we surprisingly found that a little child was able to participate in the exhibition of NUY-Shanghai. Giving some educations to next generation may the best thing in this competition, which is our responsibility to influence the world and the further.

Talking with a museum staff

Introduce to a museum visitor

A child listening to biological music

Presentation to an expert from Fudan


Questionnaire for XJTLU-iGEM

Survey for synthetic biology, bio-safety, global warming and our project

Method for Survey: Questionnaire

Starting time：2015-8-1

Ending time：2015-8-31


People were chosen randomly from internet

Data analysis：

Question 1
Have you ever heard about synthetic biology before this survey?
您在这份调查之前是否听说过合成生物学的概念？

The iGEM competition is an annual, world wide, synthetic biology event. This question is aimed to find whether synthetic biology is well-known in China or not and let more people know about this area. According to this result, only a quarter people heard about bio-synthesis before our survey. Over half of people did not know about synthetic biology before. Also, 16 people were not sure that they had a clear idea about synthetic biology. We considered that most of people did not have biological background. Furthermore, industries working on bio-synthesis have just been developed recently in China so that it is not popular right now. Therefore, we should provide some associated information for public. If people chose ‘B’ and ‘C’, the definition of synthetic biology would be displayed. Additionally, we found that they were also willing to search synthetic biology on internet and wanted to learn more about this novel area.


Provided definition: Synthetic biology is the design and construction of biological devices and systems for useful purposes. It is an area of biological research and technology that combines biology and engineering, thus often overlapping with bioengineering and biomedical engineering. It encompasses a variety of different approaches, methodologies, and disciplines with a focus on engineering biology and biotechnology.

Question 2
Which conventional industries will be replaced by synthetic biology?
你认为以下哪些传统产业会被合成生物学取代?

As we know, synthetic biology can be applied in many area and even replace some conventional industries. We asked Dr. Liu, a biologist in our university, for which area could be replaced by bio-synthesis. She made a list including agriculture, metallurgic industry, cottonocracy and oil industry. Hence, we asked people this question to find if they knew the application of synthetic biology. Result was that most of people considered that conventional industries such as agriculture, cottonocracy and oil industry could be replaced by bio-synthesis. Particularly, the majority of people chose oil because they know biofuels have been widely used. However, only a few people knew that synthetic biology could be applied in metallurgic area as well.

Question 3
Have you ever heard about bio-safety before?
您在这份调查之前是否听说过生物安全？

Biosafety is an important issue in biological research as well as human society. We wanted to find if people knew about bio-safety and we hoped they could pay attention to bio-safety after this survey. Result was that less than a half people heard about bio-safety before and over a half people did not consider about safe problem. Therefore, we provided some information about biosafety after they answered this question; they could learn and start to think about bio-safe problem.


Provided information: Biosafety is the prevention of large-scale loss of biological integrity, focusing both on ecology and human health. These prevention mechanisms include conduction of regular reviews of the biosafety in laboratory settings, as well as strict guidelines to follow. Biosafety is used to protect us from harmful incidents. A complete understanding of experimental risks associated with synthetic biology is helping to enforce the knowledge and effectiveness of biosafety.

Question 4
Some people consider that modern biotechnologies including synthetic biotechnology may cause problem in safety of human society. do you agree or disagree?
有人认为现代生物技术包括合成生物学技术会对人类社会安全带来严重问题。你是否同意这个观点？

Modern biotechnologies improve the development of human society in many areas, for example clinical treatment, biofuels and GMOs. Nonetheless, some people worry that biotechnologies may cause ethic or safe problem in human society. Hence, we ask people this question to find their opinions about biotechnologies. Result was that 32.5% of people agreed that synthetic biotechnology may cause safe problems. While, 28.75% of people considered it was absolutely safe. However, over one third people were not sure that it had positive effect or negative effect. We thought many people in China did not accept biotechnology, they worry it would be harmful to their heath. We should do more work to ensure the safety of biotechnology so that more people will trust it.

Question 5
What do you think is the current situation of global climate?
你觉得目前全球气候的状况是怎样的？

We wanted to find Chinese people’ views on climate change. Results are that over a half people considered the situation of global warming was quite serious and almost half of people felt that climate was changing currently. Particularly, there was nobody thinking the climate as same as that many years ago. Therefore, we can know Chinese people still cared about climate and had similar view that climate was changing currently.

Question 6
Which of the following item do you think is the main cause of greenhouse effect?
你觉得什么是造成温室效应最大的原因?

We asked reasons for climate change, the majority of people thought we destoryed the environment and a few people considered it was the automatical processing on Earth development.

Question 7
Which behavior do you think will intensify the greenhouse effect?
你认为社会上哪些行为会加重温室效应？

Most of people industrial pollution is considered as the most serious issue on environmnet as well as the most significant reason for climate change. Also, people thought the reducing vegetation and the destruction of eco-environment caused global warming. They did not view the urbanization and garbage were the main reasons.

Question 8
Do you pay attention to reduce carbon dioxide emissions and promote low carbon life in your daily life?
你在日常生活中会注意减少自身二氧化碳排放，倡导低碳生活吗？

CO2 is a type of warming gases, its uncontrolled emissions may result in climate change. We wanted to remain people of reducing the emissions of CO2 in their daily life. We found that people would like to enjoy green lifestyle such as riding bicycle, but they need more guide lines.

Question 9
Is it safe or not to display the process of global warming on our biothermomap? Please state your opinion.
你认为在实验室中用我们的生物地图表现全球变暖过程是否安全？

Two third of people thought our project is safe, while the rest of them were worried about safety issue. They argued that biology students may have operation mistakes so that these bacteria could separate into environment and cause danger. We explained that we had a serious trainning to prevent any mistake during experiments. Furthermore, any biomaterial in lab must be treated before entering environment.


GMOs are popular in US, they usually have better properties. However, more and more people concern about the safety of genetically modified food, though some authentic organization such as FDA or WHO announced GM foods are absolutely safe. We wanted to find Chinese people’s views on GM foods, thus we ask them question 5, 6, 7 and 8.

Question 10
Which foods do you think are genetically modified? Please choose one or more.>
你认为哪种/哪些食品是转基因食品？请选择一个或多个选项。

We listed many genetically modified foods, which were obtained from internet. Results were that the majority of people know the soybean was GMO as well as anti-virus pimento. While, less than half of people considered that cherry tomato, which means many people still did not it is genetically modified. Particularly, only a few people thought the potato with smooth surface as GMO, but most of people did not know. In conclusion, we thought Chinese people could distinguish some common GMOs, however some they could not. Therefore, more information about genetically modified foods should be provided to public.

Question 11
Have you bought and eaten genetically modified food?
你曾经购买并食用过转基因食品吗？

We found that about 44% of people had bought and eaten the GM foods while only 4 people clearly knew that they never bought or ate any GM foods. We were surprised found that over a half of people were not sure they ate GM foods. Reasons for that is GM foods were not obviously labeled in China or they usually ignore the label.

Question 12
Why did you chose them? Please choose one or more.
为什么你会选择它们？请选择一个或多个选项。

Most of people thought that GM foods had good looking so they choose them. Many people thought they were delicious and contained additional nutrition. Also, many people were curious about GMOs and never saw them before. However, some people chose GM foods because the foods were cheap and no organic food was available. Additionally, a few people thought GM food could be preserved long time and had other better properties.

Question 13
Do you think the genetically modified food is safe or not?
你认为转基因食品安全吗？

People who considered GM foods safe were less than those thinking the foods dangerous. Nonetheless, there were 60% of people not sure that GM foods is safe or not. We thought more scientific research should be conducted to prove this issue.

Question 14
Do you think the catastrophes caused by uncontrolled bio-technology in some films will happen in the real world? Please choose the disasters which you believe that they will come true.
你觉得影视作品中的由滥用生物技术而导致的灾难会在现实中发生吗？请选择你认为有可能发生的选项。

This question was just for fun.



LEGO

Aims

According to our experiment, RNA thermometer will form a loop on mRNA to inhibit protein translation, while the loop could open if temperature increases so that ribosome can pass the loop and produce peptides. We aim to use LEGO robot to present how the RNA thermometer work in E coli. Furthermore, in order to show this processing directly and teach public some knowledge of synbio, we designed and assembled a LGEO model to stimulate protein translation.

Description

According to our experiment, RNA thermometer will form a loop on mRNA to inhibit protein translation, while the loop could open if temperature increases so that ribosome can pass the loop and produce peptides. We aim to use LEGO robot to present how the RNA thermometer work in E coli. Furthermore, in order to show this processing directly and teach public some knowledge of synbio, we designed and assembled a LGEO model to stimulate protein translation.

Show time

Hello, I am a happy ribosome; now, I bind with my favorite mRNA and start to finish my job producing peptides.


BUT, WHAT IS THIS? A loop on the mRNA stops me; I cannot walk alone the way! OMG!!! Who can help me? T^T

Fortunately, the loop disappears because of increasing temperature so that I can pass this typical sequence to restart my work.

I walk alone the mRNA sequence, translate every codon to amino acid, and connect them to peptide by dehydration.

Here, I finish my job~ the red ball and the blue ball are the peptides of chromoproteins.