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

(Prototype team page)
 
 
(18 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{XJTLU-CHINA}}
+
<html lang="en">
−
<html>
+
<head>
 +
    <meta charset="UTF-8">
 +
    <title>Part</title>
 +
    <style type="text/css">
  
−
<h2> Part Documentation</h2>
+
        #firstHeading{
 +
            display: none;
 +
        }
  
−
<p>Each team will make new parts during iGEM and will submit them to the Registry of Standard Biological Parts. The iGEM software provides an easy way to present the parts your team has created. The <code>&lt;groupparts&gt;</code> tag (see below) will generate a table with all of the parts that your team adds to your team sandbox.</p>
+
        #globalWrapper, #content {
−
<p>Remember that the goal of proper part documentation is to describe and define a part, so that it can be used without needing to refer to the primary literature. Registry users in future years should be able to read your documentation and be able to use the part successfully. Also, you should provide proper references to acknowledge previous authors and to provide for users who wish to know more.</p>
+
            width: 100%;
 +
            height: 100%;
 +
            border: 0px;
 +
            background-color: #edece4 ;
 +
            margin: 0px;
 +
            padding: 0px;
 +
        }
  
 +
        *{
 +
            padding: 0;
 +
            margin: 0;
 +
            font-family: Tahoma;
 +
            line-height: 1.5;
 +
        }
  
−
<div class="highlightBox">
+
        *{
−
<h4>Note</h4>
+
            padding: 0;
−
<p>Note that parts must be documented on the <a href="http://parts.igem.org/Main_Page"> Registry</a>. This page serves to <i>showcase</i> the parts you have made. Future teams and other users and are much more likely to find parts by looking in the Registry than by looking at your team wiki.</p>
+
            margin: 0;
−
</div>
+
            font-family: Tahoma;
 +
        }
  
 +
        .container{
 +
            margin: 0 75px;
 +
        }
  
 +
        .header{
 +
            height: 135px;
 +
            z-index: 1;
 +
            position: absolute;
 +
            width: 100%;
 +
        }
  
−
<h4>Adding parts to the registry</h4>
+
        .headerBg{
−
<p>You can add parts to the Registry at our <a href="http://parts.igem.org/Add_a_Part_to_the_Registry">Add a Part to the Registry</a> link.</p>
+
            background-color: white;
−
<p>We encourage teams to start completing documentation for their parts on the Registry as soon as you have it available. The sooner you put up your parts, the better you will remember all the details about your parts. Remember, you don't need to send us the DNA sample before you create an entry for a part on the Registry. (However, you <b>do</b> need to send us the DNA sample before the Jamboree. If you don't send us a DNA sample of a part, that part will not be eligible for awards and medal criteria.)</p>
+
            height: 150px;
 +
            z-index: -10;
 +
            position: absolute;
 +
            width: 100%;
 +
            opacity: 0.5;
 +
        }
  
 +
        .navi{
 +
            float: right;
 +
        }
  
−
<h4>What information do I need to start putting my parts on the Registry?</h4>
+
        .mainNavi ul, li{
−
<p>The information needed to initially create a part on the Registry is:</p>
+
            list-style: none;
−
<ul>
+
            font-weight: 600;
−
<li>Part Name</li>
+
        }
−
<li>Part type</li>
+
−
<li>Creator</li>
+
−
<li>Sequence</li>
+
−
<li>Short Description (60 characters on what the DNA does)</li>
+
−
<li>Long Description (Longer description of what the DNA does)</li>
+
−
<li>Design considerations</li>
+
−
</ul>
+
  
−
<p>
+
        .mainNavi{
−
We encourage you to put up <em>much more</em> information as you gather it over the summer. If you have images, plots, characterization data and other information, please also put it up on the part page. </p>
+
            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;
 +
        }
  
−
<h4>Inspiration</h4>
+
        #PrimaryNaviBg2{
−
<p>We have a created  a <a href="http://parts.igem.org/Well_Documented_Parts">collection of well documented parts</a> that can help you get started.</p>
+
            width: 100%;
 +
            height: 150px;
 +
            background: url(https://static.igem.org/mediawiki/2015/f/fc/NavBtnImg2XJTLU15.png) center top no-repeat;
 +
            background-size: contain;
 +
        }
  
−
<p> You can also take a look at how other teams have documented their parts in their wiki:</p>
+
        #PrimaryNaviBg3{
−
<ul>
+
            width: 100%;
−
<li><a href="https://2014.igem.org/Team:MIT/Parts"> 2014 MIT </a></li>
+
            height: 150px;
−
<li><a href="https://2014.igem.org/Team:Heidelberg/Parts"> 2014 Heidelberg</a></li>
+
            background: url(https://static.igem.org/mediawiki/2015/a/aa/NavBtnImg3XJTLU15.png) center top no-repeat;
−
<li><a href="https://2014.igem.org/Team:Tokyo_Tech/Parts">2014 Tokyo Tech</a></li>
+
            background-size: contain;
−
</ul>
+
        }
  
 +
        #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;
 +
        }
  
−
<h4>Part Table </h4>
+
        #PrimaryNaviBg6{
−
</html>
+
            width: 100%;
−
<groupparts>iGEM015 Example</groupparts>
+
            height: 150px;
−
<html>
+
            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;
 +
            background-image: url(https://static.igem.org/mediawiki/2015/d/dc/PartImg1.jpg);
 +
            z-index: -999;
 +
        }
 +
 +
        .secondPage{
 +
        }
 +
 +
        .secondPageBg{
 +
            height: 100%;
 +
            width: 100%;
 +
            position: relative;
 +
            background-position: center center;
 +
            background-size: cover;
 +
            background-color: ghostwhite;
 +
        }
 +
 +
        .overview{
 +
            padding-top: 250px;
 +
        }
 +
 +
        .heading{
 +
            color: navy;
 +
            font-size: 100px;
 +
            font-weight: 800;
 +
            position: absolute;
 +
        }
 +
 +
        h2{
 +
            margin-bottom: 50px;
 +
            font-size: 45px;
 +
            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;
 +
        }
 +
 +
        .PageEnd{
 +
            padding: 20px;
 +
            clear: left;
 +
        }
 +
 +
        .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;
 +
        }
 +
 +
        .thirdPage{
 +
            height: 683px;
 +
        }
 +
 +
        .thirdPageBg{
 +
            height: 100%;
 +
            width: 100%;
 +
            position: relative;
 +
            background-position: center center;
 +
            background-size: cover;
 +
            background-color: lightblue;
 +
        }
 +
 +
        .thePartLink{
 +
            text-decoration: none; padding: 50px; background-color: #1b6d85; color: #080808;
 +
            font-weight: 600;
 +
            border-radius: 15px;
 +
            font-size: 30px;
 +
        }
 +
 +
        .thePartLinkBox{
 +
            text-align: center; padding-top: 260px;
 +
        }
 +
 +
        .thePartLinkBox a:hover{
 +
            opacity: .8;
 +
        }
 +
 +
    </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">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" style="background-color: #3399CC";>
 +
                            <a class="primaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Parts">Parts</a>
 +
                        </div>
 +
                        <ul>
 +
                            <li><a class="jump1" href="#J1">Modularity</a></li>
 +
                            <li><a class="jump2" href="#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">
 +
                            <a class="primaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Collaborations">Collaboration</a>
 +
                        </div>
 +
                        <ul>
 +
                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Collaborations#J1">with NYU-Shanghai</a></li>
 +
<li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Collaborations#synbio">Synbio-tech</a></li>
 +
                            <li><a class="jump2" href="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">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" style="background-color: #3399CC";>
 +
                            <a class="ZprimaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Parts">Parts</a>
 +
                        </div>
 +
                        <ul>
 +
                            <li><a class="jump1" href="#J1">Modularity</a></li>
 +
                            <li><a class="jump2" href="#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>
 +
 +
                            <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="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Practices#J4">LEGO</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="ZmainNavi col1">
 +
                        <div id="ZPrimaryNaviBg8">
 +
                            <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">
 +
                            <a class="ZprimaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Collaborations">Collaboration</a>
 +
                        </div>
 +
                        <ul>
 +
                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Collaborations#J1">with NYU-Shanghai</a></li>
 +
<li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Collaborations#synbio">Synbio-tech</a></li>
 +
                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Collaborations#J2">with BIT-China</a></li>
 +
                        </ul>
 +
                    </li>
 +
 +
                </ul>
 +
            </div>
 +
        </div>
 +
    </div>
 +
</div>
 +
 +
<div class="firstPage">
 +
    <div class="firstPageBg">
 +
    </div>
 +
    <div class="container">
 +
        <div class="overview">
 +
            <div class="title">
 +
                <p class="heading">Parts</p>
 +
            </div>
 +
        </div>
 +
    </div>
 +
</div>
 +
 +
<div class="secondPage" id="J1">
 +
    <div class="secondPageBg">
 +
        <div class="PageEnd">
 +
            <br/>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <h2 style="color: #FFFFFF">Modularity</h2>
 +
            </div>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <div class="lv3">
 +
                    <p>After the team had finished the genetic design of Inland, Coastal, Marine, and Polar bacteria, time was almost run out and there were still some concerns on the performance of promoters and ribothermometers. To make sure that we could have a chance to test the uncertain parts without delaying the whole circuits’ synthesis, instructor suggested us to modularize genetic circuits and then manipulate the modules by using Gibson Assembly.</p>
 +
                    <br/>
 +
                    <p>The team divided the modules into two groups. One is “promoter + operator/ RBS/Ribothermometer”. The other one is “Coding sequence + terminator”. Details are in the following form. </p>
 +
                    <br/>
 +
                    <p>Actually, in Inland, Coastal, Marine and Polar bacteria, there are several overlaps in the composition of genetic circuits. For instance, Marine and Polar bacteria both contain blue chromoprotein gene; Coastal and Inland bacteria both contain yellow chromoprotein gene. Each repeating part is only shown as one module.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
        <div class="hPImgStyle3">
 +
            <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/d/d8/PartImg2.png"/>
 +
        </div>
 +
 +
        <div class="container">
 +
            <div class="lv1">
 +
                <div class="lv3">
 +
                    <P>How can modularity help?</P>
 +
                    <br/>
 +
                    <P>Firstly, the modules would be directly inserted into the plasmid pSB1C3, so that the team could hand in new parts immediately after characterizing them. </P>
 +
                    <br/>
 +
                    <P>Secondly, this method ensures us to get the perfect circuits as soon as possible. It makes constructing long designed genetic circuit a more flexible process compared to the original gene synthesis and it is just the same way as an engineer welds all electronic components together to make a circuit board with expected function. Moreover, in this case, we won’t need to repeat constructing the same modules used in different circuits. </P>
 +
                    <br/>
 +
                    <P>Thirdly, Gibson assembly is capable for successful assembly of multiple DNA fragments. Hence, verified modules can later be integrated with others quickly. </P>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
        <div class="PageEnd">
 +
            <br/>
 +
        </div>
 +
 +
 +
    </div>
 +
</div>
 +
 +
<div class="thirdPage" id="J2">
 +
    <div class="thirdPageBg">
 +
        <div class="thePartLinkBox">
 +
            <a class="thePartLink" href="https://2015.igem.org/Team:XJTLU-CHINA/PartDetail" style="color: #FFFFFF">Click for Part Details</a>
 +
        </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:17, 4 October 2015

Part

XJTLU-CHINA

XJTLU-CHINA

Parts


Modularity

After the team had finished the genetic design of Inland, Coastal, Marine, and Polar bacteria, time was almost run out and there were still some concerns on the performance of promoters and ribothermometers. To make sure that we could have a chance to test the uncertain parts without delaying the whole circuits’ synthesis, instructor suggested us to modularize genetic circuits and then manipulate the modules by using Gibson Assembly.


The team divided the modules into two groups. One is “promoter + operator/ RBS/Ribothermometer”. The other one is “Coding sequence + terminator”. Details are in the following form.


Actually, in Inland, Coastal, Marine and Polar bacteria, there are several overlaps in the composition of genetic circuits. For instance, Marine and Polar bacteria both contain blue chromoprotein gene; Coastal and Inland bacteria both contain yellow chromoprotein gene. Each repeating part is only shown as one module.

How can modularity help?


Firstly, the modules would be directly inserted into the plasmid pSB1C3, so that the team could hand in new parts immediately after characterizing them.


Secondly, this method ensures us to get the perfect circuits as soon as possible. It makes constructing long designed genetic circuit a more flexible process compared to the original gene synthesis and it is just the same way as an engineer welds all electronic components together to make a circuit board with expected function. Moreover, in this case, we won’t need to repeat constructing the same modules used in different circuits.


Thirdly, Gibson assembly is capable for successful assembly of multiple DNA fragments. Hence, verified modules can later be integrated with others quickly.