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

(Prototype team page)
 
 
(23 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{XJTLU-CHINA}}
+
<html lang="en">
−
<html>
+
<head>
 +
    <meta charset="UTF-8">
 +
    <title>Collaboration</title>
 +
    <link rel="stylesheet" href="App.css">
 +
    <style type="text/css">
  
−
<h2> Collaborations</h2>
+
        #firstHeading{
 +
            display: none;
 +
        }
  
−
<p>
+
        #globalWrapper, #content {
−
Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
+
            width: 100%;
−
</p>
+
            height: 100%;
 +
            border: 0px;
 +
            background-color: #edece4 ;
 +
            margin: 0px;
 +
            padding: 0px;
 +
        }
  
−
<div class="highlightBox">
+
        *{
 +
            padding: 0;
 +
            margin: 0;
 +
            font-family: Tahoma;
 +
            line-height: 1.5;
 +
        }
  
−
<h4> Which other teams can we work with? </h4>
+
        *{
−
<p>
+
            padding: 0;
−
You can work with any other team in the competition, including software, hardware, high school and other tracks. You can also work with non-iGEM research groups, but they do not count towards the <a hreef="https://2015.igem.org/Judging/Awards#Medals">iGEM team collaboration gold medal criterion</a>.
+
            margin: 0;
−
</p>
+
            font-family: Tahoma;
 +
        }
  
−
<p>
+
        .container{
−
In order to meet the gold medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
+
            margin: 0 75px;
−
</p>
+
        }
 +
 
 +
        .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;
 +
margin-left:-20px;
 +
        }
 +
 
 +
        .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;
 +
margin-left:-20px;
 +
        }
 +
 
 +
        .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;
 +
padding-left:10px;
 +
        }
 +
 
 +
        .ZnavilogoText{
 +
            position: absolute;
 +
            font-weight: 600;
 +
            padding-top: 5px;
 +
padding-left:10px;
 +
        }
 +
 
 +
        .navilogo{
 +
            position: absolute;
 +
            height: 90px;
 +
            top: 12px;
 +
        }
 +
 
 +
        .firstPage{
 +
            height: 683px;
 +
        }
 +
 
 +
        .firstPageBg{
 +
            width: 100%;
 +
            height: 100%;
 +
            position: absolute;
 +
            background-position: center center;
 +
            background-size: cover;
 +
            z-index: -999;
 +
        }
 +
 
 +
        #banner{
 +
            position: absolute; width:100%; height:100%; overflow:hidden;
 +
        }
 +
 
 +
        #banner_bg{
 +
            position:absolute; bottom:0;background-color:;height:30px;filter: Alpha(Opacity=30);opacity:0.3;cursor:pointer;
 +
        }
 +
 
 +
        #banner ul{
 +
            position:absolute;list-style-type:none;filter: Alpha(Opacity=80);opacity:0.8; border:1px solid #fff;z-index:1002; bottom:3px; right:5px;margin-right:75px;margin-bottom:33px;
 +
        }
 +
 
 +
        #banner ul li{
 +
            padding:0px 8px;float:left;display:block;color:#FFF;border:#e5eaff 1px solid;background:#6f4f67;cursor:pointer;font-size:30px;
 +
        }
 +
 
 +
        #banner ul li.on {
 +
            background: purple;
 +
        }
 +
 
 +
        #banner_list a{
 +
            position:absolute;
 +
        }
 +
 
 +
        .overview{
 +
            padding-top: 250px;
 +
        }
 +
 
 +
        .heading{
 +
            color: indigo;
 +
            font-size: 100px;
 +
            font-weight: 800;
 +
            position: absolute;
 +
        }
 +
 
 +
        .secondPage{
 +
        }
 +
 
 +
        .secondPageBg{
 +
            height: 100%;
 +
            width: 100%;
 +
            position: relative;
 +
            background-position: center center;
 +
            background-size: cover;
 +
            background-color: whitesmoke;
 +
        }
 +
 
 +
        .thirdPage{
 +
        }
 +
 
 +
        .thirdPageBg{
 +
            height: 100%;
 +
            width: 100%;
 +
            position: relative;
 +
            background-position: center center;
 +
            background-size: cover;
 +
            background-color: lightgray;
 +
        }
 +
 
 +
        .header2{
 +
            padding-top: 100px;
 +
            padding-bottom: 50px;
 +
            text-align: center;
 +
            font-size: 30px;
 +
            color: #282828;
 +
            opacity: .95;
 +
        }
 +
 
 +
        .collaborationText{
 +
            line-height: 2;
 +
            font-size: 20px;
 +
            color: #282828;
 +
            background-color: lightblue;
 +
            border-radius: 10px 10px 10px 10px;
 +
            padding: 20px;
 +
        }
 +
    </style>
 +
 
 +
    <script type="text/javascript">
 +
 
 +
        var t = n = 0, count;
 +
        $(document).ready(function(){
 +
            count=$("#banner_list a").length;
 +
            $("#banner_list a:not(:first-child)").hide();
 +
            $("#banner_info").html($("#banner_list a:first-child").find("img").attr('alt'));
 +
            $("#banner_info").click(function(){window.open($("#banner_list a:first-child").attr('href'), "_blank")});
 +
            $("#banner li").click(function() {
 +
                var i = $(this).text() - 1;//
 +
                n = i;
 +
                if (i >= count) return;
 +
                $("#banner_info").html($("#banner_list a").eq(i).find("img").attr('alt'));
 +
                $("#banner_info").unbind().click(function(){window.open($("#banner_list a").eq(i).attr('href'), "_blank")})
 +
                $("#banner_list a").filter(":visible").fadeOut(300).parent().children().eq(i).fadeIn(800);
 +
                document.getElementById("banner").style.background="";
 +
                $(this).toggleClass("on");
 +
                $(this).siblings().removeAttr("class");
 +
            });
 +
            t = setInterval("showAuto()", 4000);
 +
            $("#banner").hover(function(){clearInterval(t)}, function(){t = setInterval("showAuto()", 3000);});
 +
 
 +
            $(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});
 +
 
 +
        })
 +
 
 +
        function showAuto()
 +
        {
 +
            n = n >=(count - 1) ? 0 : ++n;
 +
            $("#banner li").eq(n).trigger('click');
 +
        }
 +
 
 +
        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">RNAT</a></li>
 +
                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Description#J4">The second trial of RNAT testing</a></li>
 +
                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Description#J5">Chromo-protein 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>
 +
<li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Team#J3">Achievements</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">
 +
                            <a class="primaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Practices">Human Practice</a>
 +
                        </div>
 +
                        <ul>
 +
                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Practices#J1">Public speech for iGEM</a></li>
 +
                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Practices#J2">iGEM teams work shop</a></li>
 +
                            <li><a class="jump3" href="https://2015.igem.org/Team:XJTLU-CHINA/Practices#J3">Questionnaire for XJTLU-iGEM</a></li>
 +
                            <li><a class="jump4" href="https://2015.igem.org/Team:XJTLU-CHINA/Practices#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" style="background-color: #3399CC";>
 +
                            <a class="primaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Collaborations">Collaboration</a>
 +
                        </div>
 +
                        <ul>
 +
                            <li><a class="jump1" href="#J1">with NYU-Shanghai</a></li>
 +
<li><a class="jump2" href="#synbio">Synbio-tech</a></li>
 +
                            <li><a class="jump2" href="#J2">with BIT-China</a></li>
 +
                        </ul>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
    </div>
 
</div>
 
</div>
  
−
<p>
+
<div class="Zheader">
−
Here are some suggestions for projects you could work on with other teams:
+
    <div class="ZheaderBg">
−
</p>
+
    </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">RNAT</a></li>
 +
                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Description#J4">Improve experiment of RNAT</a></li>
 +
                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Description#J5">Chromo-protein 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>
 +
<li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Team#J3">Achievements</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">
 +
                            <a class="ZprimaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Practices">Human Practice</a>
 +
                        </div>
 +
                        <ul>
  
−
<ul>
+
                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Practices#J1">Public speech for iGEM</a></li>
−
<li> Improve the function of another team's BioBrick Part or Device</li>
+
                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Practices#J2">iGEM teams work shop</a></li>
−
<li> Characterize another team's part </li>
+
                            <li><a class="jump3" href="https://2015.igem.org/Team:XJTLU-CHINA/Practices#J3">Questionnaire for XJTLU-iGEM</a></li>
−
<li> Debug a construct </li>
+
                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Practices#J4">LEGO</a></li>
−
<li> Model or simulating another team's system </li>
+
                        </ul>
−
<li> Test another team's software</li>
+
                    </li>
−
<li> Help build and test another team's hardware project</li>
+
                    <li class="ZmainNavi col1">
−
<li> Mentor a high-school team</li>
+
                        <div id="ZPrimaryNaviBg8">
−
</ul>
+
                            <a class="ZprimaryNavi" 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="ZmainNavi col1">
 +
                        <div id="ZPrimaryNaviBg9" style="background-color: #3399CC";>
 +
                            <a class="ZprimaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Collaborations">Collaboration</a>
 +
                        </div>
 +
                        <ul>
 +
                            <li><a class="jump1" href="#J1">with NYU-Shanghai</a></li>
 +
<li><a class="jump2" href="#synbio">Synbio-tech</a></li>
 +
                            <li><a class="jump2" href="#J2">with BIT-China</a></li>
 +
                        </ul>
 +
                    </li>
  
 +
                </ul>
 +
            </div>
 +
        </div>
 +
    </div>
 +
</div>
  
 +
<div class="firstPage">
 +
    <div class="firstPageBg">
 +
    </div>
 +
    <div id="banner">
 +
        <div id="banner_bg"></div>
 +
        <div id="banner_info"></div>
 +
        <ul>
 +
            <li class="on">1</li>
 +
            <li>2</li>
 +
        </ul>
 +
        <div id="banner_list">
 +
            <a target="_blank"><img src="https://static.igem.org/mediawiki/2015/9/92/CollaborationImg1.jpg"/></a>
 +
            <a target="_blank"><img src="https://static.igem.org/mediawiki/2015/e/e7/CollaborationImg2.jpg"/></a>
 +
        </div>
 +
    </div>
 +
    <div class="container">
 +
        <div class="overview">
 +
            <div class="title">
 +
                <p class="heading">Collaboration</p>
 +
            </div>
 +
        </div>
 +
    </div>
 +
</div>
  
 +
<div class="secondPage" id="J1">
 +
    <div class="secondPageBg">
 +
        <div class="container">
 +
            <p class="header2">Collaboration with NYU-Shanghai</p>
 +
            <div class="collaborationText">
 +
                <p>We provided <i>E. coli</i> strains, IPTG and plasmids for NYU-Shanghai to support their experiment. two kinds of functional plasmids were synthesized by us. One was the plasmid of FwYellow chromoprotein, noted for BBa _K1033910. The other was that of Aeblue chromoprotein, noted for BBa_K864401. We also supplied 5ml of BL21 competent cell for them to create new type of <i>E. coli</i>. For inducing the expression of chromoproteins, we gave them IPTG as inducer. All these biology materials were packaged hermetically and Victor Zhou sent them to teammates in NYU-Shanghai in person in order to prevent any separation during the transport. They wanted to use arabinose to induce transcription but no colors showed up, we suggested them that use different concentration of arabinose to find the best concentration to show the color. Because they used arabinose to stimulate transcription, we suggested that IPTG might be a better choice. At that time, we were using IPTG inducible plasmid pET21a respectively with blue chromoprotein and yellow chromoprotein in BL21 (DE3), and both of them showed the color. Therefore, three weeks ago, they used our donation and made more samples.  They thanked us a lot, and we were also proud of supporting other groups in 2015 iGEM competition. For more information, please refer to <a href="https://2015.igem.org/Team:NYU_Shanghai/Collaborations">NYU-Shanghai wiki</a></p>
 +
            </div>
 +
        </div>
 +
 +
        <div style="padding-top: 50px">
 +
            <br/>
 +
        </div>
 +
 +
    </div>
 
</div>
 
</div>
 +
<div class="secondPage" id="synbio">
 +
    <div class="secondPageBg">
 +
        <div class="container">
 +
            <p class="header2">Collaboration with Synbio-tech</p>
 +
            <div class="collaborationText">
 +
                <p>Synbio Tech is an innovator in the field of synthetic biology in China, having a wide range of cooperation with both international companies and universities. It aims to provide customers with a perfect technical platform of the synthetic biology. For now, by applying their unique self-established technical platform Syno? involving sound chip-based gene synthetic and high throughput gene sequencing service, it already develops the technology of constructing recombinant antibody libraries as well as highly-purified vaccines, genome synthesis and DNA storage.
 +
<br>
 +
As a major sponsor of XJTLU-China 2015, they provided a lab equipped with all apparatus and reagents needed and directly gave a hand in the de novo gene synthesis in the circuits’ construction. At the beginning of iGEM project, the company offered us a training program including both theoretical basis of synthetic biology and practical skills useful in later wet experiments. Also during the collaboration this summer, they were active in supervising our experiments and giving valuable suggestions on experiment protocols and result analysis.
 +
</p>
 +
            </div>
 +
        </div>
 +
 +
        <div style="padding-top: 50px">
 +
            <br/>
 +
        </div>
 +
 +
    </div>
 +
</div
 +
<div class="thirdPage" id="J2">
 +
    <div class="thirdPageBg">
 +
        <div class="container">
 +
            <p class="header2">Guidance from BIT-China</p>
 +
            <div class="collaborationText">
 +
                <P>We express our sincere gratitude for the contribution of the iGEM team BIT-China. They provided us a biobrick design: BBa_K1824000 after knowing the difficulties of our project and the biobrick was synthesized by us. This biobrick is a RNA thermometer that induces a translational activation at 42 celsius degree which is a vital part in performing color changing process in our project.</P>
 +
            </div>
 +
        </div>
 +
        <div style="padding-top: 50px">
 +
            <br/>
 +
        </div>
 +
    </div>
 +
</div>
 +
 +
<div class="footer">
 +
    <div class="footerBg">
 +
        <div class="container" style="text-align: center; padding-top: 40px;">
 +
            <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">
 +
            <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>

Latest revision as of 16:15, 4 October 2015

Collaboration

XJTLU-CHINA

XJTLU-CHINA

Collaboration

Collaboration with NYU-Shanghai

We provided E. coli strains, IPTG and plasmids for NYU-Shanghai to support their experiment. two kinds of functional plasmids were synthesized by us. One was the plasmid of FwYellow chromoprotein, noted for BBa _K1033910. The other was that of Aeblue chromoprotein, noted for BBa_K864401. We also supplied 5ml of BL21 competent cell for them to create new type of E. coli. For inducing the expression of chromoproteins, we gave them IPTG as inducer. All these biology materials were packaged hermetically and Victor Zhou sent them to teammates in NYU-Shanghai in person in order to prevent any separation during the transport. They wanted to use arabinose to induce transcription but no colors showed up, we suggested them that use different concentration of arabinose to find the best concentration to show the color. Because they used arabinose to stimulate transcription, we suggested that IPTG might be a better choice. At that time, we were using IPTG inducible plasmid pET21a respectively with blue chromoprotein and yellow chromoprotein in BL21 (DE3), and both of them showed the color. Therefore, three weeks ago, they used our donation and made more samples. They thanked us a lot, and we were also proud of supporting other groups in 2015 iGEM competition. For more information, please refer to NYU-Shanghai wiki


Collaboration with Synbio-tech

Synbio Tech is an innovator in the field of synthetic biology in China, having a wide range of cooperation with both international companies and universities. It aims to provide customers with a perfect technical platform of the synthetic biology. For now, by applying their unique self-established technical platform Syno? involving sound chip-based gene synthetic and high throughput gene sequencing service, it already develops the technology of constructing recombinant antibody libraries as well as highly-purified vaccines, genome synthesis and DNA storage.
As a major sponsor of XJTLU-China 2015, they provided a lab equipped with all apparatus and reagents needed and directly gave a hand in the de novo gene synthesis in the circuits’ construction. At the beginning of iGEM project, the company offered us a training program including both theoretical basis of synthetic biology and practical skills useful in later wet experiments. Also during the collaboration this summer, they were active in supervising our experiments and giving valuable suggestions on experiment protocols and result analysis.


Guidance from BIT-China

We express our sincere gratitude for the contribution of the iGEM team BIT-China. They provided us a biobrick design: BBa_K1824000 after knowing the difficulties of our project and the biobrick was synthesized by us. This biobrick is a RNA thermometer that induces a translational activation at 42 celsius degree which is a vital part in performing color changing process in our project.