Difference between revisions of "Team:BGIC-Union/Parts"

 
(13 intermediate revisions by 2 users not shown)
Line 1: Line 1:
  
 
<html>
 
<html>
−
  <head>
+
<head>
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
−
 
+
 
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
Line 9: Line 9:
 
     <title>Team：BGIC-Union</title>
 
     <title>Team：BGIC-Union</title>
  
−
  <head>
+
    <head>
−
 
+
−
<!-- main -->
+
−
  <style type="text/css">
+
−
 
+
−
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
+
−
#top_title,#sideMenu { display: none !important; }
+
−
        #content {
+
−
            width: 100%;
+
−
            margin: 0;
+
−
            padding: 0;
+
−
           
+
−
        }
+
  
  
−
#footer{
 
−
padding-botton:-60px;
 
−
}
 
  
−
#content{
+
        <!-- Bootstrap core CSS -->
−
  background-color: #FFe4e1; !important;
+
        <link href="https://2017.igem.org/Template:BGIC-Union/bootstrap-css?action=raw&amp;ctype=text/css" rel="stylesheet">
−
}
+
        <!-- animate -->
 +
        <link href="https://2017.igem.org/Template:BGIC-Union/animate-css?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
        <!-- carousel -->
 +
        <link href="https://2017.igem.org/Template:BGIC-Union/owlcarousel-css?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
        <link href=" https://2017.igem.org/Template:BGIC-Union/fontawesomemin2-css?action=raw&amp;ctype=text/css" rel="stylesheet">
  
 +
        <!-- main -->
 +
        <link href="https://2017.igem.org/Team:BGIC-Union/mainstyle!/css?action=raw&amp;ctype=text/css" rel="stylesheet">
  
−
+
        <script src="https://2017.igem.org/Template:BGIC-Union/newbootstrap-js?action=raw&amp;ctype=text/javascript"></script>
−
html, body {
+
−
    margin: 0 !important;
+
−
    padding: 0 !important;
+
  
−
}
+
        <!-- hover    -->
−
body {
+
        <script src="https://2017.igem.org/Template:BGIC-Union/hovernew-js?action=raw&amp;ctype=text/javascript"></script>
−
  background-color: #FFe4e1;
+
        <script src="https://2017.igem.org/Template:BGIC-Union/hoverzoomjs?action=raw&amp;ctype=text/javascript"></script>
−
  font-family: 'Montserrat', sans-serif;
+
        <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
−
    font-weight: 400;
+
        <script type="text/javascript">
−
line-height: 45px;
+
            /*
−
    font-size: 20px;
+
            * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
−
    color: #555;
+
            *
 +
            * Uses the built in easing capabilities added In jQuery 1.1
 +
            * to offer multiple easing options
 +
            *
 +
            * TERMS OF USE - jQuery Easing
 +
            *
 +
            * Open source under the BSD License.
 +
            *
 +
            * Copyright © 2008 George McGinley Smith
 +
            * All rights reserved.
 +
            *
 +
            * Redistribution and use in source and binary forms, with or without modification,
 +
            * are permitted provided that the following conditions are met:
 +
            *
 +
            * Redistributions of source code must retain the above copyright notice, this list of
 +
            * conditions and the following disclaimer.
 +
            * Redistributions in binary form must reproduce the above copyright notice, this list
 +
            * of conditions and the following disclaimer in the documentation and/or other materials
 +
            * provided with the distribution.
 +
            *
 +
            * Neither the name of the author nor the names of contributors may be used to endorse
 +
            * or promote products derived from this software without specific prior written permission.
 +
            *
 +
            * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
 +
            * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 +
            * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 +
            *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 +
            *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 +
            *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
 +
            * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 +
            *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
 +
            * OF THE POSSIBILITY OF SUCH DAMAGE.
 +
            *
 +
            */
  
−
   
+
            // t: current time, b: begInnIng value, c: change In value, d: duration
−
    -webkit-font-smoothing: antialiased;
+
            jQuery.easing['jswing'] = jQuery.easing['swing'];
−
    -webkit-overflow-scrolling: touch;
+
−
}
+
  
−
/* Titles */
+
            jQuery.extend( jQuery.easing,
−
h1, h2, h3, h4, h5, h6,p {
+
                {
−
font-family: 'Montserrat', sans-serif;
+
                    def: 'easeOutQuad',
−
    font-weight: 600;
+
                    swing: function (x, t, b, c, d) {
−
    color: #333;
+
                        //alert(jQuery.easing.default);
−
line-height:30pt;
+
                        return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
−
}
+
                    },
 +
                    easeInQuad: function (x, t, b, c, d) {
 +
                        return c*(t/=d)*t + b;
 +
                    },
 +
                    easeOutQuad: function (x, t, b, c, d) {
 +
                        return -c *(t/=d)*(t-2) + b;
 +
                    },
 +
                    easeInOutQuad: function (x, t, b, c, d) {
 +
                        if ((t/=d/2) < 1) return c/2*t*t + b;
 +
                        return -c/2 * ((--t)*(t-2) - 1) + b;
 +
                    },
 +
                    easeInCubic: function (x, t, b, c, d) {
 +
                        return c*(t/=d)*t*t + b;
 +
                    },
 +
                    easeOutCubic: function (x, t, b, c, d) {
 +
                        return c*((t=t/d-1)*t*t + 1) + b;
 +
                    },
 +
                    easeInOutCubic: function (x, t, b, c, d) {
 +
                        if ((t/=d/2) < 1) return c/2*t*t*t + b;
 +
                        return c/2*((t-=2)*t*t + 2) + b;
 +
                    },
 +
                    easeInQuart: function (x, t, b, c, d) {
 +
                        return c*(t/=d)*t*t*t + b;
 +
                    },
 +
                    easeOutQuart: function (x, t, b, c, d) {
 +
                        return -c * ((t=t/d-1)*t*t*t - 1) + b;
 +
                    },
 +
                    easeInOutQuart: function (x, t, b, c, d) {
 +
                        if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
 +
                        return -c/2 * ((t-=2)*t*t*t - 2) + b;
 +
                    },
 +
                    easeInQuint: function (x, t, b, c, d) {
 +
                        return c*(t/=d)*t*t*t*t + b;
 +
                    },
 +
                    easeOutQuint: function (x, t, b, c, d) {
 +
                        return c*((t=t/d-1)*t*t*t*t + 1) + b;
 +
                    },
 +
                    easeInOutQuint: function (x, t, b, c, d) {
 +
                        if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
 +
                        return c/2*((t-=2)*t*t*t*t + 2) + b;
 +
                    },
 +
                    easeInSine: function (x, t, b, c, d) {
 +
                        return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
 +
                    },
 +
                    easeOutSine: function (x, t, b, c, d) {
 +
                        return c * Math.sin(t/d * (Math.PI/2)) + b;
 +
                    },
 +
                    easeInOutSine: function (x, t, b, c, d) {
 +
                        return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
 +
                    },
 +
                    easeInExpo: function (x, t, b, c, d) {
 +
                        return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
 +
                    },
 +
                    easeOutExpo: function (x, t, b, c, d) {
 +
                        return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
 +
                    },
 +
                    easeInOutExpo: function (x, t, b, c, d) {
 +
                        if (t==0) return b;
 +
                        if (t==d) return b+c;
 +
                        if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
 +
                        return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
 +
                    },
 +
                    easeInCirc: function (x, t, b, c, d) {
 +
                        return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
 +
                    },
 +
                    easeOutCirc: function (x, t, b, c, d) {
 +
                        return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
 +
                    },
 +
                    easeInOutCirc: function (x, t, b, c, d) {
 +
                        if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
 +
                        return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
 +
                    },
 +
                    easeInElastic: function (x, t, b, c, d) {
 +
                        var s=1.70158;var p=0;var a=c;
 +
                        if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
 +
                        if (a < Math.abs(c)) { a=c; var s=p/4; }
 +
                        else var s = p/(2*Math.PI) * Math.asin (c/a);
 +
                        return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
 +
                    },
 +
                    easeOutElastic: function (x, t, b, c, d) {
 +
                        var s=1.70158;var p=0;var a=c;
 +
                        if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
 +
                        if (a < Math.abs(c)) { a=c; var s=p/4; }
 +
                        else var s = p/(2*Math.PI) * Math.asin (c/a);
 +
                        return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
 +
                    },
 +
                    easeInOutElastic: function (x, t, b, c, d) {
 +
                        var s=1.70158;var p=0;var a=c;
 +
                        if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
 +
                        if (a < Math.abs(c)) { a=c; var s=p/4; }
 +
                        else var s = p/(2*Math.PI) * Math.asin (c/a);
 +
                        if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
 +
                        return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
 +
                    },
 +
                    easeInBack: function (x, t, b, c, d, s) {
 +
                        if (s == undefined) s = 1.70158;
 +
                        return c*(t/=d)*t*((s+1)*t - s) + b;
 +
                    },
 +
                    easeOutBack: function (x, t, b, c, d, s) {
 +
                        if (s == undefined) s = 1.70158;
 +
                        return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
 +
                    },
 +
                    easeInOutBack: function (x, t, b, c, d, s) {
 +
                        if (s == undefined) s = 1.70158;
 +
                        if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
 +
                        return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
 +
                    },
 +
                    easeInBounce: function (x, t, b, c, d) {
 +
                        return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
 +
                    },
 +
                    easeOutBounce: function (x, t, b, c, d) {
 +
                        if ((t/=d) < (1/2.75)) {
 +
                            return c*(7.5625*t*t) + b;
 +
                        } else if (t < (2/2.75)) {
 +
                            return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
 +
                        } else if (t < (2.5/2.75)) {
 +
                            return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
 +
                        } else {
 +
                            return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
 +
                        }
 +
                    },
 +
                    easeInOutBounce: function (x, t, b, c, d) {
 +
                        if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
 +
                        return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
 +
                    }
 +
                });
  
−
h1 {
+
            /*
−
font-size: 35px;
+
            *
−
margin-top: 30px;
+
            * TERMS OF USE - EASING EQUATIONS
−
margin-bottom: 50px;
+
            *
−
}
+
            * Open source under the BSD License.
 +
            *
 +
            * Copyright © 2001 Robert Penner
 +
            * All rights reserved.
 +
            *
 +
            * Redistribution and use in source and binary forms, with or without modification,
 +
            * are permitted provided that the following conditions are met:
 +
            *
 +
            * Redistributions of source code must retain the above copyright notice, this list of
 +
            * conditions and the following disclaimer.
 +
            * Redistributions in binary form must reproduce the above copyright notice, this list
 +
            * of conditions and the following disclaimer in the documentation and/or other materials
 +
            * provided with the distribution.
 +
            *
 +
            * Neither the name of the author nor the names of contributors may be used to endorse
 +
            * or promote products derived from this software without specific prior written permission.
 +
            *
 +
            * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
 +
            * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 +
            * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 +
            *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 +
            *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 +
            *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
 +
            * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 +
            *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
 +
            * OF THE POSSIBILITY OF SUCH DAMAGE.
 +
            *
 +
            */
 +
        </script>
  
 +
        <script src="https://2017.igem.org/Template:BGIC-Union/newbootstrap-js?action=raw&amp;ctype=text/javascript"></script>
 +
        <!-- SLIDER_TIMELINE -->
 +
        <script type="text/javascript" src="https://2017.igem.org/Template:BGIC-Union/timeline-js?action=raw&amp;ctype=text/javascript"></script>
 +
        <script type="text/javascript">
  
 +
            $(window).load(function() {
 +
                // dark
 +
                $('.timelineLight').timeline({
 +
                    openTriggerClass : '.read_more',
 +
                    startItem : '15/08/2012'
 +
                });
 +
            });
 +
        </script>
 +
        <!-- hover    -->
 +
        <script src="https://2017.igem.org/Template:BGIC-Union/hovernew-js?action=raw&amp;ctype=text/javascript"></script>
 +
        <script src="https://2017.igem.org/Template:BGIC-Union/hoverzoomjs?action=raw&amp;ctype=text/javascript"></script>
 +
    </head>
 +
    <style>
 +
        .divfont{
 +
            font-family: Arial !important;
 +
            font-size: 16px;
 +
        }
 +
        .dabiaoti {
 +
            font-size: 34px;
 +
            font-family: Arial !important;
 +
            text-align: center;
 +
        }
 +
        .xiaobiaoti {
 +
            font-size: 20px;
 +
            font-weight: bold;
 +
            font-family: Arial !important;
  
−
/* Paragraph  Typographic */
+
        }
−
p {
+
        .imgbiaoti {
−
    line-height: 50px;
+
            font-size: 14px;
−
    margin-bottom: 35px;
+
            font-weight: bold;
−
    font-size: 16px;
+
            font-family: Arial !important;
−
}
+
        }
 +
        .imgzhengwen {
 +
            font-size: 14px;
 +
            font-weight: normal;
 +
            font-family: Arial !important;
  
−
.centered {
+
        }
−
    text-align: center;
+
        p {
−
}
+
            font-family: Arial !important;
 +
        }
 +
    </style>
  
−
/* Links */
+
<body>
−
a {
+
<div class="column_full_size top1 divfont">
−
     color: #20B2AA;
+
     <nav class="navbar navbar-inverse navbar-static-top" role="navigation">
−
    word-wrap: break-word;
+
        <div class="container-fluid">
 +
            <div class="navbar-header">
 +
                <a class="navbar-brand" href="https://2017.igem.org/Team:BGIC-Union">BGIC-Union</a>
 +
            </div>
 +
            <div>
 +
                <ul class="nav navbar-nav navbar-center">
 +
                    <li class="active" >  <a href="https://2017.igem.org/Team:BGIC-Union"><b>HOME</b></a></li>
  
−
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
 
−
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
 
−
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
 
−
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
 
−
    transition: color 0.1s ease-in, background 0.1s ease-in;
 
−
}
 
  
−
a:hover,
+
                    <li> <a href="https://2017.igem.org/Team:BGIC-Union/Team">Team</a></li>
−
a:focus {
+
                    <li class="dropdown">
−
    color: #7b7b7b;
+
                        <a href="https://2017.igem.org/Team:BGIC-Union/Team" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
−
    text-decoration: none;
+
                        <ul class="dropdown-menu">
−
    outline: 0;
+
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Team">members</a></li>
−
}
+
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Collaborations">collaborations</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Sponsors">sponsors</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Attributions">attributions</a></li>
 +
                        </ul>
 +
                    </li>
  
−
a:before,
+
                    <li> <a href="https://2017.igem.org/Team:BGIC-Union/Project">Project</a></li>
−
a:after {
+
−
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
+
−
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
+
−
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
+
−
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
+
−
    transition: color 0.1s ease-in, background 0.1s ease-in;
+
−
}
+
  
−
hr {
+
                    <li class="dropdown ">
−
    display: block;
+
                        <a href="https://2017.igem.org/Team:BGIC-Union/Project" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
−
    height: 1px;
+
                        </a>
−
    border: 0;
+
                        <ul class="dropdown-menu" >
−
    border-top: 1px solid #ccc;
+
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Description">description</a></li>
−
    margin: 1em 0;
+
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Design" >design</a></li>
−
    padding: 0;
+
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Result">results</a></li>
−
}
+
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Model">model</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Demonstrate">demonstrate</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Improve">improve</a></li>
 +
                        </ul>
 +
                    </li>
  
 +
                    <li>  <a href="https://2017.igem.org/Team:BGIC-Union/Lab">Lab</a></li>
 +
                    <li class="dropdown ">    <a href="https://2017.igem.org/Team:BGIC-Union/Lab" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 +
                        <ul class="dropdown-menu" role="menu">
 +
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Experiments">experiments</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">notebook</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/InterLab">InterLab</a></li></ul>
 +
                    </li>
  
−
.navbar {
+
                    <li><a href="https://2017.igem.org/Team:BGIC-Union/Parts">Parts</a></li>
−
text-transform: uppercase;
+
                    <li class="dropdown "> <a href="https://2017.igem.org/Team:BGIC-Union/Parts" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
−
margin-bottom: 0px;
+
−
}
+
  
−
top1 {
+
                        <ul class="dropdown-menu" role="menu">
−
padding-top: -20px;
+
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Parts #BasicParts">basic parts</a></li>
−
]
+
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Composite_Parts #CompositeParts">composite parts</a></li>
−
.navbar-inverse {
+
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Parts_Collection #Collection">parts collection</a></li>
−
padding-bottom: 70px;
+
−
padding-top: 70px;
+
−
}
+
  
−
.navbar-inverse {
 
−
background-color: #FFA07A;
 
−
border-color: #FA8072;
 
−
}
 
  
−
.navbar-inverse .navbar-nav > li > a {
+
                        </ul>
−
color: white;
+
                    </li>
−
}
+
  
−
.navbar-inverse .navbar-nav > li > a:hover {
+
                    <li>    <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design">Practices-Design</a></li>
−
color: #222222;
+
                    <li class="dropdown ">  <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
−
}
+
                        <ul class="dropdown-menu" role="menu">
  
−
.navbar-brand {
+
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Silver">silver</a></li>
−
font-weight: 700;
+
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Gold_Integrated">gold</a></li>
−
font-size: 20px;
+
−
letter-spacing: 2px;
+
−
}
+
  
−
.navbar-inverse .navbar-brand {
+
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Engagement">public engagement</a></li>
−
color: white;
+
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Applied_Design">applied design</a></li>
−
}
+
  
−
.navbar-inverse .navbar-toggle {
+
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Entrepreneurship">entrepreneurship</a></li>
−
border-color: transparent;
+
                        </ul>
−
}
+
                    </li>
 +
                    <li class="dropdown ">
 +
                        <a href="https://2017.igem.org/Team:BGIC-Union/Safety">Safety </a>
 +
                    </li>
 +
                    <li class="dropdown ">
 +
                        <a href="https://2017.igem.org/Team:BGIC-Union/Evaluation" >EVALUATION </a>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
    </nav>
  
−
.progress-bar-theme {
 
−
  background-color: #FFA07A;
 
−
}
 
  
  
−
/* Helpers */
+
    <section>
 +
        <div class="container mt pt" >
  
−
.mt {
+
            <div id='groupparts PartsCollection' style='min-height:100px;width:700px;'><div style='width:300px;margin:2px;padding:20px;color:gray;border:1px solid gray'>Loading.....</div></div><script>$('#groupparts').load('/cgi/api/groupparts.cgi', { t:'iGEM17', g:'BGIC-Union' },function(){ $('#groupparts .tablesorter').tablesorter();} );</script>
−
margin-top: 40px;
+
            <p>
−
margin-bottom: 40px;
+
−
}
+
  
−
.pt {
 
−
padding-top: 50px;
 
−
padding-bottom: 50px;
 
−
}
 
−
.lr {
 
−
        PADDING-LEFT: 100PX;
 
−
        padding-right: 100px;
 
−
}
 
  
−
/* +++++ WRAP SECTIONS +++++ */
 
  
−
#ww {
+
            <div id="BasicParts">
−
padding-top: 0px;
+
                </br>
−
padding-bottom: 70px;
+
                We create four Basic Biobricks regarding to T7-dCas9.</br>
−
background-color: #f2f2f2;
+
                NT7-dCas9<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2371000">BBa_K2371000</a></br>
−
}
+
                CT7-dCas9<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2371001">BBa_K2371001</a></br>
 +
                NT7      <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2371001">BBa_K2371002</a></br>
 +
                CT7      <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2371003 ">BBa_K2371003</a></br>
 +
                </br>
 +
                <h3 class="xiaobiaoti">Description:</h3></br>
 +
                The first two Biobricks are the two split T7 polymerase sequence we adopted. We provide them for other team to leverage them through other methods. We choose the split site suggested by the team of Tiyun Han, Quan Chen and Haiyan Liu. [7] </br>
 +
                The following two Biobricks are the sequence of T7 polymerase connected to dCas9 protein. The linker between split T7 polymerase and dCas9 is GGGGSGGGGS adopted by Peking University. A 6 X His-tag is added on C terminus of dCas9 in order to purify it. </br>
 +
            </div>
 +
            </br>
 +
            <div id="CompositeParts">
  
 +
                We create seven composite Biobricks regarding to sgRNA. </br>
 +
                We created a Biobrick for each of sgRNA and insert T7 promotor and T7 terminator before and after the sequence respectively in order to utilize them to transcribe sgRNA in vitro. The sequences are synthesize through Oligo DNA bridging designed by DNAworks. The detail of synthesis method is in the
 +
                experiment. </br>
 +
                </br></br><img src= "https://static.igem.org/mediawiki/2017/1/16/Pro6.jpg" width="600px"/></br></br>
  
−
#footer {
 
−
background-color: #ADD8E6;
 
−
padding-top: 50px;
 
−
padding-bottom: 50px;
 
−
}
 
  
−
#footer p {
+
                <h6 class="imgbiaoti">Figure 1. The plasmid of sgRNA generator. <span class="imgzhengwen">The sgRNA generator Biobrick is composed of a T7 promotor, coding sequence for sgRNA and a T7 terminator.</span></h6>
−
color: white;
+
                </br></br>
−
}
+
  
−
#footer h4 {
 
−
color: white;
 
−
text-transform: uppercase;
 
−
padding-bottom: 20px;
 
−
}
 
  
  
−
/* +++++ Color Wraps / Blog Page +++++ */
 
  
−
#grey {
+
                </p>
−
padding-top: 60px;
+
−
padding-bottom: 60px;
+
−
background-color: #f2f2f2;
+
−
}
+
  
−
#white {
+
                sgRNA generator for EML4-ALK Variant A 23  <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2371004">BBa_K2371004</a></br>
−
padding-top: 60px;
+
                sgRNA generator for EML4-ALK Variant A 33<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2371005">BBa_K2371005</a></br>
−
padding-bottom: 60px;
+
                sgRNA generator for EML4-ALK Variant A 83<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2371006">BBa_K2371006</a></br>
−
background-color: #ffffff;
+
                sgRNA generator for EML4-ALK Variant A 93<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2371007">BBa_K2371007</a></br>
−
}
+
                sgRNA generator for EML4-ALK Variant A 70<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2371008">BBa_K2371008</a></br>
 +
                sgRNA generator for EML4-ALK Variant A 126<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2371009">BBa_K2371009</a></br>
 +
                sgRNA generator for EML4-ALK Variant A 147<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2371010">BBa_K2371010</a></br>
 +
                <!--sgRNA generator for EML4-ALK Variant A 23  BBa_K2371004</br>-->
 +
                <!--sgRNA generator for EML4-ALK Variant A 33  BBa_K2371005</br>-->
 +
                <!--sgRNA generator for EML4-ALK Variant A 83  BBa_K2371006</br>-->
 +
                <!--sgRNA generator for EML4-ALK Variant A 93  BBa_K2371007</br>-->
 +
                <!--sgRNA generator for EML4-ALK Variant B 70  BBa_K2371008</br>-->
 +
                <!--sgRNA generator for EML4-ALK Variant B 126 BBa_K2371009</br>-->
 +
                <!--sgRNA generator for EML4-ALK Variant B 147 BBa_K2371010</br>-->
  
 +
                </br>
  
 +
                We create two supplemental composite biobricks for expression of GFP and RFP in cell free system. </br>
  
−
/* Blog Date*/
+
                pT7-eforRed BBa_K2371011</br>
−
bd {
+
−
font-size: 12px;
+
−
text-transform: uppercase;
+
−
color: #d2d2d2;
+
−
font-weight: 700;
+
−
}
+
  
−
/* Blog Author*/
+
                pT7-amilGFP BBa_K2371012</br>
−
ba {
+
−
font-size: 12px;
+
−
text-transform: uppercase;
+
−
}
+
  
−
/* Blog Quote */
+
                These two biobricks are composed of a T7 promotor with a coding sequence of GFP or RFP. </br>
−
.bq {
+
−
font-size: 22px;
+
−
padding-top: 30px;
+
−
}
+
  
−
/* Blog Tags */
+
                </br></br><img src= "https://static.igem.org/mediawiki/2017/2/2a/Rfp.png" width="600px"/></br></br>
−
bt {
+
−
font-size: 12px;
+
−
}
+
  
−
/* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */
+
                <h6 class="imgzhengwen" >Figure 2. The plasmid of pT7-eforRED. <span class="imgzhengwen">pT7-eforRED is composed of a T7 promotor, an RBS and the coding sequence of RFP. This plasmid is used to act as report gene in our report system.</span></h6>
−
/* Effects also are controled by hover.zoom.js */
+
−
.zoom {
+
−
    display:block;
+
−
    position:relative;
+
−
    overflow:hidden;
+
−
    background:transparent url(https://static.igem.org/mediawiki/2017/f/fe/Bgic_loader.gif) no-repeat center;
+
−
}
+
  
  
−
    .zoomOverlay {
+
                These two biobricks are supposed to cooperate with T7 PC report system in cell free system. The user need to conduct a PCR to linearize the part before reacting with T7 report system. When the split T7 polymerase reassemble, it will start transcription of GFP and RFP from these two plasmids.
−
        position:absolute;
+
                </br>
−
        top:0; left:0;
+
−
        bottom:0; right:0;
+
−
        display:none;
+
−
        background-image:url(../img/zoom.png);
+
−
        background-repeat:no-repeat;
+
−
        background-position:center;
+
−
    }
+
  
−
.zoom2 {
+
                We conducted enzyme check.(XbaI and SpeI) </br>
−
opacity: 1;
+
−
}
+
  
−
.zoom2:hover {
 
−
opacity: 0.5;
 
−
}
 
  
−
/* glyphicon Configuration */
 
  
−
.glyphicon {
+
                <img src="https://static.igem.org/mediawiki/2017/b/b0/Rdcheck.png" height="600px" />
−
font-size: 40px;
+
                </br></br><h6 class="imgbiaoti">Figure 4.RD check of eforRed and amliGFP. XbaI and SpeI were used. <span class="imgzhengwen">The expected length of both amliGFP and eforRed should be around 750bp.</span></h6></br></br></br></br>
−
color: #1abc9c;
+
−
}
+
−
  </style>
+
  
−
 
 
−
  <!-- Bootstrap core CSS -->
 
−
    <link href="https://2017.igem.org/Template:BGIC-Union/bootstrap-css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
−
<!-- animate -->
 
−
<link href="https://2017.igem.org/Template:BGIC-Union/animate-css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
−
  <!-- carousel -->
 
−
  <link href="https://2017.igem.org/Template:BGIC-Union/owlcarousel-css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
−
  <link href=" https://2017.igem.org/Template:BGIC-Union/fontawesomemin2-css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
  
−
  <!-- main -->
 
−
    <link href="https://2017.igem.org/Team:BGIC-Union/finalcss/main-css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
−
  <!-- slider -->
 
−
  <style type="text/css">
 
  
−
  /* Section Slider
 
−
========================================================= */
 
−
 
−
/* Carousel Slider
 
−
============================================== */
 
−
#slider_part {
 
−
    height: 900px;
 
−
    width: 100%;
 
−
    overflow: hidden;
 
−
background-color: #f2f2f2;
 
−
}
 
−
 
−
.carousel-caption {
 
−
    top: 30%;
 
−
    margin-top: -70px;
 
−
    text-shadow: none!important;
 
−
    left: 9%;
 
−
    right: 10%;
 
−
    -webkit-transition: all.3s ease 0s;
 
−
    -o-transition: all.3s ease 0s;
 
−
    transition: all.3s ease 0s;
 
−
    text-align: center;
 
−
}
 
−
 
−
.carousel-caption h3 {
 
−
    text-shadow: none;
 
−
    font-size: 70px;
 
−
    line-height: 92px;
 
−
    font-weight: 300;
 
−
    margin: 0 0px;
 
−
    transition-delay: .3s;
 
−
    -webkit-transition-delay: .3s;
 
−
    -o-transition-delay: .3s;
 
−
    text-transform: capitalize!important;
 
−
}
 
−
 
−
.carousel-caption p {
 
−
    font-size: 46px;
 
−
    line-height: 62px;
 
−
    font-weight: 500;
 
−
    color: #fff;
 
−
    transition-delay: .3s;
 
−
    -moz-transition-delay: .3s;
 
−
    -o-transition-delay: .3s;
 
−
    margin: 40px 0px;
 
−
    text-transform: uppercase;
 
−
font-family: Comic Sans MS;
 
−
}
 
−
 
−
.carousel-caption img {
 
−
    border: 2px solid#fff;
 
−
    padding: 10px 10px 10px 20px;
 
−
}
 
−
 
−
.line {
 
−
    width: 100px;
 
−
    height: 5px;
 
−
    color: #222;
 
−
    margin: 0px auto;
 
−
}
 
−
 
−
.carousel-caption p i {
 
−
    font-size: 7px;
 
−
    margin: 0px 3px;
 
−
    position: relative;
 
−
    top: -3px;
 
−
}
 
−
 
−
.carousel .item {
 
−
    -webkit-transition: opacity .3s;
 
−
    -moz-transition: opacity .3s;
 
−
    -ms-transition: opacity .3s;
 
−
    -o-transition: opacity .3s;
 
−
    transition: opacity .3s;
 
−
}
 
−
 
−
.btn-featured {
 
−
    text-decoration: none;
 
−
    position: relative;
 
−
    -webkit-transition: all .3s ease-in-out;
 
−
    -o-transition: all .3s ease-in-out;
 
−
    transition: all .3s ease-in-out;
 
−
    background: transparent;
 
−
    border-radius: 2px;
 
−
    z-index: 1;
 
−
    font-weight: 500;
 
−
    font-size: 18px;
 
−
    line-height: 20px;
 
−
    padding: 15px 40px !important;
 
−
    text-transform: uppercase;
 
−
    margin-top: 20px;
 
−
    margin-right: 10px;
 
−
}
 
−
 
−
.carousel-control.left,.carousel-control.right {
 
−
    background-image: none !important;
 
−
    background-repeat: no-repeat !important;
 
−
}
 
−
 
−
.carousel-control {
 
−
    width: 4% !important;
 
−
}
 
−
 
−
.carousel-caption img {
 
−
    height: auto;
 
−
}
 
−
 
−
.carousel-indicators {
 
−
    bottom: 100px;
 
−
    width: 10%;
 
−
    left: 45%;
 
−
    margin: 0 auto;
 
−
    bottom: 30%;
 
−
}
 
−
 
−
.carousel-indicators li {
 
−
    width: 20px !important;
 
−
    height: 20px !important;
 
−
    border: 2px solid #FFF !important;
 
−
    margin: 0px !important;
 
−
    border-radius: 50%;
 
−
}
 
−
 
−
.carousel-control.left span {
 
−
    padding: 15px;
 
−
}
 
−
 
−
.slides-control .carousel-control i {
 
−
    line-height: 36px;
 
−
    font-size: 32px;
 
−
    padding-top: 6px;
 
−
    -moz-transition: all 500ms ease;
 
−
    -webkit-transition: all 500ms ease;
 
−
    -ms-transition: all 500ms ease;
 
−
    -o-transition: all 500ms ease;
 
−
    transition: all 500ms ease;
 
−
    border-radius: 50%;
 
−
    width: 50px;
 
−
    height: 50px;
 
−
}
 
−
 
−
.slides-control .carousel-control {
 
−
    position: absolute;
 
−
    width: 240px;
 
−
    top: 45%;
 
−
    z-index: 10;
 
−
}
 
−
 
−
.carousel-control.left {
 
−
    left: -15px;
 
−
}
 
−
 
−
.carousel-control.right {
 
−
    right: 0px;
 
−
}
 
−
 
−
.carousel-control.left {
 
−
    width: 120px;
 
−
    height: 40px;
 
−
}
 
−
 
−
.carousel-control.right {
 
−
    width: 120px;
 
−
    height: 40px;
 
−
}
 
−
 
−
.overlay-slide {
 
−
    background: #000;
 
−
    height: 65%;
 
−
    width: 100%;
 
−
}
 
−
 
−
.overlay-slide img {
 
−
    opacity: 1;
 
−
    width: 100%;
 
−
    height: auto;
 
−
}
 
−
 
−
/*-- Animation --*/
 
−
 
−
.carousel .item.active .animated2 {
 
−
    -webkit-animation: lightSpeedIn 1s ease-in 200ms both;
 
−
    animation: lightSpeedIn 1s ease-in 200ms both;
 
−
}
 
−
 
−
.carousel .item.active .animated3 .animated4 {
 
−
    -webkit-animation: bounceInLeft 1s ease-in-out 500ms both;
 
−
    animation: bounceInLeft 1s ease-in-out 500ms both;
 
−
}
 
−
.animated4 {color:#4169E1
 
−
}
 
−
.img{
 
−
-webkit-filter: brightness(1);
 
−
}
 
−
 
−
  </style>
 
−
  <!-- script -->
 
−
  <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
 
−
  <script type="text/javascript">
 
−
  /*
 
−
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
 
−
*
 
−
* Uses the built in easing capabilities added In jQuery 1.1
 
−
* to offer multiple easing options
 
−
*
 
−
* TERMS OF USE - jQuery Easing
 
−
*
 
−
* Open source under the BSD License.
 
−
*
 
−
* Copyright © 2008 George McGinley Smith
 
−
* All rights reserved.
 
−
*
 
−
* Redistribution and use in source and binary forms, with or without modification,
 
−
* are permitted provided that the following conditions are met:
 
−
*
 
−
* Redistributions of source code must retain the above copyright notice, this list of
 
−
* conditions and the following disclaimer.
 
−
* Redistributions in binary form must reproduce the above copyright notice, this list
 
−
* of conditions and the following disclaimer in the documentation and/or other materials
 
−
* provided with the distribution.
 
−
*
 
−
* Neither the name of the author nor the names of contributors may be used to endorse
 
−
* or promote products derived from this software without specific prior written permission.
 
−
*
 
−
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
 
−
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 
−
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 
−
*  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 
−
*  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 
−
*  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
 
−
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 
−
*  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
 
−
* OF THE POSSIBILITY OF SUCH DAMAGE.
 
−
*
 
−
*/
 
−
 
−
// t: current time, b: begInnIng value, c: change In value, d: duration
 
−
jQuery.easing['jswing'] = jQuery.easing['swing'];
 
−
 
−
jQuery.extend( jQuery.easing,
 
−
{
 
−
def: 'easeOutQuad',
 
−
swing: function (x, t, b, c, d) {
 
−
//alert(jQuery.easing.default);
 
−
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
 
−
},
 
−
easeInQuad: function (x, t, b, c, d) {
 
−
return c*(t/=d)*t + b;
 
−
},
 
−
easeOutQuad: function (x, t, b, c, d) {
 
−
return -c *(t/=d)*(t-2) + b;
 
−
},
 
−
easeInOutQuad: function (x, t, b, c, d) {
 
−
if ((t/=d/2) < 1) return c/2*t*t + b;
 
−
return -c/2 * ((--t)*(t-2) - 1) + b;
 
−
},
 
−
easeInCubic: function (x, t, b, c, d) {
 
−
return c*(t/=d)*t*t + b;
 
−
},
 
−
easeOutCubic: function (x, t, b, c, d) {
 
−
return c*((t=t/d-1)*t*t + 1) + b;
 
−
},
 
−
easeInOutCubic: function (x, t, b, c, d) {
 
−
if ((t/=d/2) < 1) return c/2*t*t*t + b;
 
−
return c/2*((t-=2)*t*t + 2) + b;
 
−
},
 
−
easeInQuart: function (x, t, b, c, d) {
 
−
return c*(t/=d)*t*t*t + b;
 
−
},
 
−
easeOutQuart: function (x, t, b, c, d) {
 
−
return -c * ((t=t/d-1)*t*t*t - 1) + b;
 
−
},
 
−
easeInOutQuart: function (x, t, b, c, d) {
 
−
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
 
−
return -c/2 * ((t-=2)*t*t*t - 2) + b;
 
−
},
 
−
easeInQuint: function (x, t, b, c, d) {
 
−
return c*(t/=d)*t*t*t*t + b;
 
−
},
 
−
easeOutQuint: function (x, t, b, c, d) {
 
−
return c*((t=t/d-1)*t*t*t*t + 1) + b;
 
−
},
 
−
easeInOutQuint: function (x, t, b, c, d) {
 
−
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
 
−
return c/2*((t-=2)*t*t*t*t + 2) + b;
 
−
},
 
−
easeInSine: function (x, t, b, c, d) {
 
−
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
 
−
},
 
−
easeOutSine: function (x, t, b, c, d) {
 
−
return c * Math.sin(t/d * (Math.PI/2)) + b;
 
−
},
 
−
easeInOutSine: function (x, t, b, c, d) {
 
−
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
 
−
},
 
−
easeInExpo: function (x, t, b, c, d) {
 
−
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
 
−
},
 
−
easeOutExpo: function (x, t, b, c, d) {
 
−
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
 
−
},
 
−
easeInOutExpo: function (x, t, b, c, d) {
 
−
if (t==0) return b;
 
−
if (t==d) return b+c;
 
−
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
 
−
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
 
−
},
 
−
easeInCirc: function (x, t, b, c, d) {
 
−
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
 
−
},
 
−
easeOutCirc: function (x, t, b, c, d) {
 
−
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
 
−
},
 
−
easeInOutCirc: function (x, t, b, c, d) {
 
−
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
 
−
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
 
−
},
 
−
easeInElastic: function (x, t, b, c, d) {
 
−
var s=1.70158;var p=0;var a=c;
 
−
if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
 
−
if (a < Math.abs(c)) { a=c; var s=p/4; }
 
−
else var s = p/(2*Math.PI) * Math.asin (c/a);
 
−
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
 
−
},
 
−
easeOutElastic: function (x, t, b, c, d) {
 
−
var s=1.70158;var p=0;var a=c;
 
−
if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
 
−
if (a < Math.abs(c)) { a=c; var s=p/4; }
 
−
else var s = p/(2*Math.PI) * Math.asin (c/a);
 
−
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
 
−
},
 
−
easeInOutElastic: function (x, t, b, c, d) {
 
−
var s=1.70158;var p=0;var a=c;
 
−
if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
 
−
if (a < Math.abs(c)) { a=c; var s=p/4; }
 
−
else var s = p/(2*Math.PI) * Math.asin (c/a);
 
−
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
 
−
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
 
−
},
 
−
easeInBack: function (x, t, b, c, d, s) {
 
−
if (s == undefined) s = 1.70158;
 
−
return c*(t/=d)*t*((s+1)*t - s) + b;
 
−
},
 
−
easeOutBack: function (x, t, b, c, d, s) {
 
−
if (s == undefined) s = 1.70158;
 
−
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
 
−
},
 
−
easeInOutBack: function (x, t, b, c, d, s) {
 
−
if (s == undefined) s = 1.70158;
 
−
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
 
−
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
 
−
},
 
−
easeInBounce: function (x, t, b, c, d) {
 
−
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
 
−
},
 
−
easeOutBounce: function (x, t, b, c, d) {
 
−
if ((t/=d) < (1/2.75)) {
 
−
return c*(7.5625*t*t) + b;
 
−
} else if (t < (2/2.75)) {
 
−
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
 
−
} else if (t < (2.5/2.75)) {
 
−
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
 
−
} else {
 
−
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
 
−
}
 
−
},
 
−
easeInOutBounce: function (x, t, b, c, d) {
 
−
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
 
−
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
 
−
}
 
−
});
 
−
 
−
/*
 
−
*
 
−
* TERMS OF USE - EASING EQUATIONS
 
−
*
 
−
* Open source under the BSD License.
 
−
*
 
−
* Copyright © 2001 Robert Penner
 
−
* All rights reserved.
 
−
*
 
−
* Redistribution and use in source and binary forms, with or without modification,
 
−
* are permitted provided that the following conditions are met:
 
−
*
 
−
* Redistributions of source code must retain the above copyright notice, this list of
 
−
* conditions and the following disclaimer.
 
−
* Redistributions in binary form must reproduce the above copyright notice, this list
 
−
* of conditions and the following disclaimer in the documentation and/or other materials
 
−
* provided with the distribution.
 
−
*
 
−
* Neither the name of the author nor the names of contributors may be used to endorse
 
−
* or promote products derived from this software without specific prior written permission.
 
−
*
 
−
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
 
−
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 
−
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 
−
*  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 
−
*  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 
−
*  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
 
−
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 
−
*  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
 
−
* OF THE POSSIBILITY OF SUCH DAMAGE.
 
−
*
 
−
*/
 
−
</script>
 
−
 
 
−
  <script src="https://2017.igem.org/Template:BGIC-Union/newbootstrap-js?action=raw&amp;ctype=text/javascript"></script>
 
−
  <!-- SLIDER_TIMELINE -->
 
−
<script type="text/javascript" src="https://2017.igem.org/Template:BGIC-Union/timeline-js?action=raw&amp;ctype=text/javascript"></script>
 
−
<script type="text/javascript">
 
−
 
−
$(window).load(function() {
 
−
// dark
 
−
$('.timelineLight').timeline({
 
−
openTriggerClass : '.read_more',
 
−
startItem : '15/08/2012'
 
−
});
 
−
});
 
−
</script>
 
−
<!-- hover    --> 
 
−
  <script src="https://2017.igem.org/Template:BGIC-Union/hovernew-js?action=raw&amp;ctype=text/javascript"></script>
 
−
  <script src="https://2017.igem.org/Template:BGIC-Union/hoverzoomjs?action=raw&amp;ctype=text/javascript"></script>
 
−
  </head>
 
−
 
−
  <body>
 
−
<div class="column_full_size top1">
 
−
<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
 
−
    <div class="container-fluid">
 
−
    <div class="navbar-header">
 
−
        <a class="navbar-brand" href="https://2017.igem.org/Team:BGIC-Union">BGIC-Union</a>
 
−
        </div>
 
−
    <div>
 
−
        <ul class="nav navbar-nav navbar-center">
 
−
            <li class="active" >  <a href="https://2017.igem.org/Team:BGIC-Union"><b>HOME</b></a></li>
 
−
         
 
−
           
 
−
          <li> <a href="https://2017.igem.org/Team:BGIC-Union/Team">Team</a></li>
 
−
  <li class="dropdown">
 
−
                            <a href="https://2017.igem.org/Team:BGIC-Union/Team" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 
−
                <ul class="dropdown-menu">
 
−
                    <li><a href="https://2017.igem.org/Team:BGIC-Union/Team">members</a></li>
 
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Collaborations">collaborations</a></li>
 
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Sponsors">sponsors</a></li>
 
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Attributions">attributions</a></li>
 
−
                            </ul>
 
−
            </li>
 
−
 
−
                          <li> <a href="https://2017.igem.org/Team:BGIC-Union/Project">Project</a></li>
 
−
 
−
<li class="dropdown ">
 
−
                            <a href="https://2017.igem.org/Team:BGIC-Union/Project" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 
−
</a>
 
−
                            <ul class="dropdown-menu" >
 
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Description">description</a></li>
 
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Design" >design</a></li>
 
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Result">results</a></li>
 
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Model">model</a></li>
 
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Demonstrate">demonstrate</a></li>
 
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Improve">improve</a></li>
 
−
                            </ul>
 
−
                        </li>
 
−
                       
 
−
                        <li>  <a href="https://2017.igem.org/Team:BGIC-Union/Lab">Lab</a></li>
 
−
                        <li class="dropdown ">    <a href="https://2017.igem.org/Team:BGIC-Union/Lab" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 
−
                            <ul class="dropdown-menu" role="menu">
 
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Experiments">experiments</a></li>
 
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">notebook</a></li>
 
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/InterLab">InterLab</a></li></ul>
 
−
                        </li>
 
−
                     
 
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Parts">Parts</a></li>
 
−
                            <li class="dropdown "> <a href="https://2017.igem.org/Team:BGIC-Union/Parts" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 
−
 
−
                            <ul class="dropdown-menu" role="menu">
 
−
                              <li><a href="https://2017.igem.org/Team:BGIC-Union/Parts #BasicParts">basic parts</a></li>
 
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Composite_Parts #CompositeParts">composite parts</a></li>
 
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Parts_Collection #Collection">parts collection</a></li>
 
−
 
−
 
−
                            </ul>
 
−
                        </li>
 
−
 
−
                      <li>    <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design">Practices-Design</a></li>
 
−
                          <li class="dropdown ">  <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 
−
                            <ul class="dropdown-menu" role="menu">
 
−
                               
 
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Silver">silver</a></li>
 
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Gold_Integrated">gold</a></li>
 
−
 
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Engagement">public engagement</a></li>
 
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Applied_Design">applied design</a></li>
 
−
 
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Entrepreneurship">entrepreneurship</a></li>
 
−
                            </ul>
 
−
                        </li>
 
−
<li class="dropdown ">
 
−
                            <a href="https://2017.igem.org/Team:BGIC-Union/Safety">Safety </a>
 
−
                        </li>
 
−
<li class="dropdown ">
 
−
                            <a href="https://2017.igem.org/Team:BGIC-Union/Evaluation" >EVALUATION </a>
 
−
                        </li>
 
−
        </ul>
 
−
    </div>
 
−
    </div>
 
−
</nav> <!-- Slider start -->
 
−
    <!-- Slider start -->
 
−
   
 
−
        <!-- PAGE CONTENT -->
 
−
        <div class="page-content">
 
−
            <div class="container">
 
−
                <section>
 
−
                    <div class="row">
 
−
                        <div class="col-md-6 parts collection">
 
−
<groupparts>BGIC-Union</groupparts>
 
−
<div class="highlight">
 
−
 
−
 
−
 
−
</p>
 
−
<div id='groupparts' style='min-height:100px;width:700px;'><div style='width:300px;margin:2px;padding:20px;color:gray;border:1px solid gray'>Loading.....</div></div><script>$('#groupparts').load('/cgi/api/groupparts.cgi', { t:'iGEM17', g:'BGIC-Union' },function(){ $('#groupparts .tablesorter').tablesorter();} );</script>
 
−
<p>
 
−
</div>
 
−
</div>
 
−
                            </div>
 
−
                    </div>
 
−
                </section>
 
−
                <!-- END OUR CLIENTS -->
 
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
        <!-- END PAGE CONTENT -->
+
    </section>
−
 
+
−
 
+
−
<div id=”basic parts”>
+
−
</br>
+
−
We create four Basic Biobricks regarding to T7-dCas9.</br>
+
−
NT7-dCas9 BBa_K2371000</br>
+
−
CT7-dCas9 BBa_K2371001</br>
+
−
NT7      BBa_K2371002</br>
+
−
CT7      BBa_K2371003</br>
+
−
 
+
−
</br>
+
−
<h3>Description:</h3></br>
+
−
The first two Biobricks are the two split T7 polymerase sequence we adopted. We provide them for other team to leverage them through other methods. We choose the split site suggested by the team of Tiyun Han, Quan Chen and Haiyan Liu. [7] </br>
+
−
The following two Biobricks are the sequence of T7 polymerase connected to dCas9 protein. The linker between split T7 polymerase and dCas9 is GGGGSGGGGS adopted by Peking University. A 6 X His-tag is added on C terminus of dCas9 in order to purify it. </br>
+
 
</div>
 
</div>
−
</br>
+
</body>
−
<div id=”composite parts”>
+
−
 
+
−
We create seven composite Biobricks regarding to sgRNA. </br>
+
−
We created a Biobrick for each of sgRNA and insert T7 promotor and T7 terminator before and after the sequence respectively in order to utilize them to transcribe sgRNA in vitro. The sequences are synthesize through Oligo DNA bridging designed by DNAworks. The detail of synthesis method is in the
+
−
experiment. </br>
+
−
+
−
Figure 1. The plasmid of sgRNA generator. The sgRNA generator Biobrick is composed of a T7 promotor, coding sequence for sgRNA and a T7 terminator.
+
−
 
+
−
sgRNA generator for EML4-ALK Variant A 23  BBa_K2371004</br>
+
−
sgRNA generator for EML4-ALK Variant A 33  BBa_K2371005</br>
+
−
sgRNA generator for EML4-ALK Variant A 83  BBa_K2371006</br>
+
−
sgRNA generator for EML4-ALK Variant A 93  BBa_K2371007</br>
+
−
sgRNA generator for EML4-ALK Variant B 70  BBa_K2371008</br>
+
−
sgRNA generator for EML4-ALK Variant B 126 BBa_K2371009</br>
+
−
sgRNA generator for EML4-ALK Variant B 147 BBa_K2371010</br>
+
−
 
+
−
</br>
+
−
 
+
−
We create two supplemental composite biobricks for expression of GFP and RFP in cell free system. </br>
+
−
 
+
−
pT7-eforRed BBa_K2371011</br>
+
−
 
+
−
pT7-amilGFP BBa_K2371012</br>
+
−
 
+
−
These two biobricks are composed of a T7 promotor with a coding sequence of GFP or RFP. </br>
+
−
 
+
−
+
−
<h6>Figure 2. The plasmid of pT7-RFP. pT7-RFP is composed of a T7 promotor, an RBS and the coding sequence of RFP. This plasmid is used to act as report gene in our report system.</h6>
+
−
</br></br><img src= “https://static.igem.org/mediawiki/2017/2/2a/Rfp.png” width=”600px”/></br></br>
+
−
 
+
−
 
+
−
 
+
−
<h6>Figure 3. The plasmid of pT7-amliGFP. pt7-amliGFP is composed of a T7 promotor, an RBS and the coding sequence of RFP. This plasmid is used to act as report gene in our report system.</h6>
+
−
</br></br>
+
−
<img src= “https://static.igem.org/mediawiki/2017/2/2a/Rfp.png” width=”600px”/></br></br>
+
−
 
+
−
These two biobricks are supposed to cooperate with T7 PC report system in cell free system. The user need to conduct a PCR to linearize the part before reacting with T7 report system. When the split T7 polymerase reassemble, it will start transcription of GFP and RFP from these two plasmids.
+
−
</br>
+
−
 
+
−
We conducted both PCR check(VF and VR) and enzyme check(XbaI and SpeI) </br>
+
−
 
+
−
</div>
+
−
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
+
−
 
+
−
<!-- +++++ Footer Section +++++ -->
+
−
+
−
<div id="footer">
+
−
<div class="container">
+
−
<div class="row">
+
−
<div class="col-lg-4">
+
−
    <p>F12 BGI-College，146 Beishan Road，Yantian District 518083
+
−
                                    </br> Shenzhen，Guangdong Province, China，Asia
+
−
                                </br>Phone:+86-755-36307888
+
−
                                </br>Email: info@genomics.cn
+
−
</br>Fax:+86-755-36307273</p>
+
−
</p>
+
−
</div><!-- /col-lg-4 -->
+
−
+
−
<div class="col-lg-4">
+
−
<h4>Links</h4>
+
−
<p>
+
−
<a href="#">SAFETY</a><br/>
+
−
<a href="#">PARTS</a><br/>
+
−
<a href="#">EVALUATION</a>
+
−
</p>
+
−
</div><!-- /col-lg-4 -->
+
−
+
−
<div class="col-lg-4">
+
−
<h4>BGIC-COLLEGE 2017</h4>
+
−
<img src="https://static.igem.org/mediawiki/2017/d/de/Repute-logo-light.png" width="60px" height="72px"></img>
+
−
<p></br><i class="fa-twitter">TWITTER:@BGIC-Union</i> </p>
+
−
+
−
</div><!-- /col-lg-4 -->
+
−
+
−
</div>
+
−
+
−
</div>
+
−
</div>
+
−
</div>
+
−
  </body>
+
 
</html>
 
</html>

Latest revision as of 03:58, 2 November 2017

Team：BGIC-Union

Loading.....


We create four Basic Biobricks regarding to T7-dCas9.
NT7-dCas9BBa_K2371000
CT7-dCas9BBa_K2371001
NT7 BBa_K2371002
CT7 BBa_K2371003

Description:


The first two Biobricks are the two split T7 polymerase sequence we adopted. We provide them for other team to leverage them through other methods. We choose the split site suggested by the team of Tiyun Han, Quan Chen and Haiyan Liu. [7]
The following two Biobricks are the sequence of T7 polymerase connected to dCas9 protein. The linker between split T7 polymerase and dCas9 is GGGGSGGGGS adopted by Peking University. A 6 X His-tag is added on C terminus of dCas9 in order to purify it.

We create seven composite Biobricks regarding to sgRNA.
We created a Biobrick for each of sgRNA and insert T7 promotor and T7 terminator before and after the sequence respectively in order to utilize them to transcribe sgRNA in vitro. The sequences are synthesize through Oligo DNA bridging designed by DNAworks. The detail of synthesis method is in the experiment.




Figure 1. The plasmid of sgRNA generator. The sgRNA generator Biobrick is composed of a T7 promotor, coding sequence for sgRNA and a T7 terminator.


sgRNA generator for EML4-ALK Variant A 23 BBa_K2371004
sgRNA generator for EML4-ALK Variant A 33BBa_K2371005
sgRNA generator for EML4-ALK Variant A 83BBa_K2371006
sgRNA generator for EML4-ALK Variant A 93BBa_K2371007
sgRNA generator for EML4-ALK Variant A 70BBa_K2371008
sgRNA generator for EML4-ALK Variant A 126BBa_K2371009
sgRNA generator for EML4-ALK Variant A 147BBa_K2371010

We create two supplemental composite biobricks for expression of GFP and RFP in cell free system.
pT7-eforRed BBa_K2371011
pT7-amilGFP BBa_K2371012
These two biobricks are composed of a T7 promotor with a coding sequence of GFP or RFP.




Figure 2. The plasmid of pT7-eforRED. pT7-eforRED is composed of a T7 promotor, an RBS and the coding sequence of RFP. This plasmid is used to act as report gene in our report system.
These two biobricks are supposed to cooperate with T7 PC report system in cell free system. The user need to conduct a PCR to linearize the part before reacting with T7 report system. When the split T7 polymerase reassemble, it will start transcription of GFP and RFP from these two plasmids.
We conducted enzyme check.(XbaI and SpeI)


Figure 4.RD check of eforRed and amliGFP. XbaI and SpeI were used. The expected length of both amliGFP and eforRed should be around 750bp.