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

(Prototype team page)
 
Line 1: Line 1:
−
{{XJTLU-CHINA}}
+
<!DOCTYPE html>
−
<html>
+
<html lang="en">
 +
<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;
 +
        }
 +
 
 +
        .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;
 +
            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;
 +
        }
 +
 
 +
        h2{
 +
            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">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">
 +
                            <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="#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">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">
 +
                            <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/Collaboration">Collaboration</a>
 +
                        </div>
 +
                        <ul>
 +
                            <li><a class="jump1" href="#J1">with NYU-Shanghai</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">
 +
            <h2>Collaboration with NYU-Shanghai</h2>
 +
            <div class="collaborationText">
 +
                <p>We provided plasmids synthesized by ourselves, E coli and IPTG for NYU-Shanghai to support their experiment. The two kinds of functional plasmids were synthesized by us. One was the plasmid of FwYellow chromoprotein, noted for BBa _K1033910. Another was that of Aeblue chromoprotein, noted for BBa_K864401. We also supplied 5000uL 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 transport. They want to use arabinose to stimulate transcription but with no color, we suggested that use different concentration of arabinose might find the best concentration to show the color. Because they use arabinose to stimulate transcription, we suggested that IPTG should be the better choice. At that time, we use IPTG inducible plasmid PET21a respectively with blue chromoprotein and yellow chromoprotein in BL21 (DE3), both of them showing the color. Therefore, three week 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. </p>
 +
            </div>
 +
        </div>
 +
 +
        <div style="padding-top: 50px">
 +
            <br/>
 +
        </div>
 +
 +
    </div>
 
</div>
 
</div>
 +
<div class="thirdPage" id="J2">
 +
    <div class="thirdPageBg">
 +
        <div class="container">
 +
            <h2>Guidance from BIT-China</h2>
 +
            <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">
 +
            <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 20:58, 17 September 2015

<!DOCTYPE html> Collaboration

XJTLU-CHINA

XJTLU-CHINA

Collaboration

Collaboration with NYU-Shanghai

We provided plasmids synthesized by ourselves, E coli and IPTG for NYU-Shanghai to support their experiment. The two kinds of functional plasmids were synthesized by us. One was the plasmid of FwYellow chromoprotein, noted for BBa _K1033910. Another was that of Aeblue chromoprotein, noted for BBa_K864401. We also supplied 5000uL 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 transport. They want to use arabinose to stimulate transcription but with no color, we suggested that use different concentration of arabinose might find the best concentration to show the color. Because they use arabinose to stimulate transcription, we suggested that IPTG should be the better choice. At that time, we use IPTG inducible plasmid PET21a respectively with blue chromoprotein and yellow chromoprotein in BL21 (DE3), both of them showing the color. Therefore, three week 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.


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.