Difference between revisions of "Team:BGIC-Union"

(Undo revision 361956 by Bleat233 (talk))
Line 1: Line 1:
 +
 
<html>
 
<html>
 
   <head>
 
   <head>
Line 6: Line 7:
  
  
−
     <title>Team：BGIC-Union/PROJECT</title>
+
     <title>Team：BGIC-Union</title>
  
 
   <head>
 
   <head>
 
    
 
    
−
        <link href='http://fonts.googleapis.com/css?family=Lato:400,300' rel='stylesheet' type='text/css'>
 
−
        <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,500' rel='stylesheet' type='text/css'>
 
−
 
−
<!-- progress -->
 
  
−
<!-- Bootstrap core CSS -->
+
  <!-- Bootstrap core CSS -->
 
     <link href="https://2017.igem.org/Template:BGIC-Union/bootstrap-css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
     <link href="https://2017.igem.org/Template:BGIC-Union/bootstrap-css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
<!-- animate -->
 
<!-- animate -->
Line 23: Line 20:
 
   <link href=" https://2017.igem.org/Template:BGIC-Union/fontawesomemin2-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 -->
+
<!-- main -->
 
   <style type="text/css">
 
   <style type="text/css">
 
    
 
    
Line 44: Line 41:
  
 
 
−
html, body, top1 {
+
html, body {
 
     margin: 0 !important;
 
     margin: 0 !important;
 
     padding: 0 !important;
 
     padding: 0 !important;
Line 288: Line 285:
 
   </style>
 
   </style>
  
 +
  </head>
 +
  <!-- 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>
 
   </head>
  
−
  <body>
+
  <body>
 
<div class="column_full_size top1">
 
<div class="column_full_size top1">
 
<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
 
<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
Line 308: Line 731:
 
                     <li><a href="https://2017.igem.org/Team:BGIC-Union/Team">members</a></li>
 
                     <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/Collaborations">collaborations</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Team #sps">sponsors</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>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Attributions">attributions</a></li>
 
                             </ul>
 
                             </ul>
Line 353: Line 776:
 
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design">timeline</a></li>
 
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design">timeline</a></li>
 
                                 <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/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/HP/Gold_Integrated"></a></li>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Gold_Integrated">integrated</a></li>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Gold_Integrated">integrated</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/Engagement">public engagement</a></li>
Line 370: Line 793:
 
     </div>
 
     </div>
 
     </div>
 
     </div>
−
</nav>
+
</nav> <!-- Slider start -->
−
        <!-- PAGE CONTENT -->
+
   
  
−
        <div class="page-content">
+
<!-- Slider start -->
−
            <div class="container" >
+
  <!-- Slider start -->
−
+
    <section >
−
            <section>
+
        <div class="carousel slide" id="carousel-example-generic" data-ride="carousel">
−
                    <div class="row lr" style="height:600px" >
+
         
−
                        <div class="col-md-6">
+
−
</br>
+
−
+
−
                            <H1>你好！</h1>
+
−
+
−
<H4></br>
+
−
+
−
BGIC_Union iGEM team 2017 is a steady, sympathetic and honorable group of twelve passionate young Chinese students studying in different countries in the world. We worked together for the past several months with the guidance and support provided by our instructors, Mr. Wang Boxiang and Ms.Zhang.
+
−
</H4>
+
−
                        </div>
+
−
                        <div class="col-md-6">
+
−
                            <img src="https://static.igem.org/mediawiki/2017/f/f7/Bgicunionteamdna.png"/>
+
−
                               
+
−
                           
+
−
                        </div>
+
−
                    </div>
+
−
                 
+
−
                </section>
+
−
<section>
+
−
<div class="row " style="height:600px" >
+
−
                        <div class="col-md-4">
+
−
</br>
+
−
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/0/0b/Attributionlogo.png" width="200px" height="150px"></img>
+
−
+
−
</br>
+
−
                            <h4><a href="https://2017.igem.org/Team:BGIC-Union/Attributions">Attributions</a></h4>
+
−
</br>
+
−
</br>
+
−
+
−
                        </div>
+
−
<div class="col-md-4">
+
−
</br>
+
−
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/0/0b/Attributionlogo.png" width="200px" height="150px"></img>
+
−
+
−
</br>
+
−
                            <h4><a href="https://2017.igem.org/Team:BGIC-Union/Sponsors ">Sponsors</a></h4>
+
−
</br>
+
−
</br>
+
−
+
−
                        </div>
+
−
                        <div class="col-md-4">
+
−
</br>
+
−
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/9/96/Collaborationbgic.png" width="200px" height="150px"></img>
+
−
</br>
+
−
                          <h4><a href="https://2017.igem.org/Team:BGIC-Union/Collaborations">Collaborations</a></h4>
+
−
</br>
+
−
</br>
+
−
+
−
                        </div>
+
−
</section>
+
−
                                <!-- TEAM -->
+
−
                       
+
−
<h2 class="section-heading"> Students</h2>
+
  
−
<div style="height:250px">
+
          <div class="carousel-inner">
−
</div>
+
          <div class="item active">
−
                  <div class="row " style="height:600px">  
+
          <div class="overlay-slide">
−
                       
+
          <img src="https://static.igem.org/mediawiki/2017/8/89/P3%21%21%21.jpg" class="img-responsive">
−
                             
+
          </div>
−
                                <div class="col-md-6">
+
          <div class="carousel-caption">
−
<img src="https://static.igem.org/mediawiki/2017/d/d3/PETERWANG.jpeg" width="400px" />
+
              <div class="col-md-12 col-xs-12 text-center">
−
</div>
+
                      <h2>dCasentry</h2>
−
<div class="col-md-6">
+
              <h3 class="animated2">a <b>dCas9-T7</b>coupled DNA sensor </h3>
−
                                    <h3 class="media-heading team-name">Peter Wang
+
              <div class="line"></div>
−
</h3>
+
              <p class="animated3"></p>
−
                                    <strong> Student leader
+
              </div>
−
</strong>
+
          </div>
−
                                    <hr class="pull-left">
+
          </div>
−
                                    <div class="clearfix"></div>
+
−
                                    My name is Peter and I’m from Shanghai. I’m the student leader in my team and this is not an easy work because I need to make sure the whole team are striving for the same goal step by step. So my work covered from every part of our project to all kinds of mission assign. Thanks for the chance that my other team member gave me, now I do better on how to be a leader.
+
−
+
−
                                 
+
−
                                </div>
+
−
                    </div>
+
−
                     
+
−
                           
+
−
   
+
−
                          <div class="row lr" style="height:600px"  >
+
−
                                                              <div class="col-md-6">
+
−
<h3 class="media-heading team-name">Mat Xiao</h3>
+
−
                               
+
−
                                    <hr class="pull-left">
+
−
                                    <div class="clearfix"></div>
+
−
                                    I’m Mat. </br>I am in charge of experiments and project design. </br>Maybe I am the one who spent longest time in the lab. Orz
+
−
+
−
                                 
+
−
                             
+
−
                            </div>
+
−
                                <div class="col-md-6">
+
−
<img src="https://static.igem.org/mediawiki/2017/1/16/Xiaoqi.png" width="400px"/>
+
−
 
+
−
</div>                            
+
−
 
+
−
                             
+
  
−
                  </div>
+
               
−
                   
+
        </div>
−
</div>                        
+
  </section>
−
                             
+
    <!--/ Slider end -->
−
<div class="row lr " style="height:600px" > 
+
     <!--/ Slider end -->
−
                                                           
+
−
<div class="col-md-6">
+
−
    <img src="https://static.igem.org/mediawiki/2017/1/11/Suhonghao.jpeg" width="400px" />    
+
−
     </div>  
+
 
 
−
    <div class="col-md-6">
+
<!-- +++++ Welcome Section +++++ -->
−
<h3 class="media-heading team-name" >Honghao Su</h3>
+
<div id="ww">
−
    <hr class="pull-left">
+
    <div class="container">
−
    <div class="clearfix"></div>
+
<div class="row">
−
    Hello everyone, I am Honghao Su from Shandong Experimental High School. I am a senior 3 student and I am going to major in genetics and molecular biology in college. In the team, my main responsibilities are designing the project, carrying out protein experiments, modeling, and searching for collaborations. Participating in the iGEM project in team BGIC-Union, I have experienced the process of a true scientific research project and I have found the great potentials of synthetic biology in various applications.
+
<div class="col-lg-8 col-lg-offset-2 ">
−
   
+
−
    </div>
+
<div style="height:122px; width:150px; border-radius:50%; overflow:hidden; ">
−
   
+
<img src="https://static.igem.org/mediawiki/2017/d/db/User.png" height="120px" width="150px">
−
</div>                     
+
</div>
−
 
+
<h1>Hi, I am dCasentry,</h1>
−
<div class="row lr  " style="height:600px" >                      
+
a T7—dCas9 multi-output DNA sensor designed to detect ctDNA!</h2>
−
    <div class="col-md-6"> 
+
Cancer is a leading cause of death worldwide, accounting for 8.8 million deaths in 2015, and the most common cause of cancer death is lung cancer (1.69 million deaths). Nowadays, multiple lung cancer detection methods are developed, one of them being liquid biopsy. The technique of liquid biopsy is much better than the popular biopsy as it obviates pain and complication incurred to patients by detecting various tumor markup, including short strand circulating tumor DNA (CtDNA) in the blood. However, it still requires laboratory apparatus such as PCR instrument.
−
<h3 class="media-heading team-name">Sammy Chen</h3>
+
</br>
−
    <hr class="pull-left">
+
Thus our primary task is to devise a more efficient, rapid and convenient lung cancer prognosis method. We construct a paper chip containing powerful biosensor capable of detecting the fusion gene, EML4-ALK, which only exists only in NSCLC (non small cell lung cancer) patients’ blood. Specific targeted drug for this mutation has been produced, which means patients can receive precise treatment as soon as possible when the detection result is positive. </br>
−
    <div class="clearfix"></div>
+
−
    Hi there, I am Sammy from Morton Hall School, UK. As the leader of public promotion, my role included holding human practice events and designing promotional materials. After handing in countless drafts of poster, now I understand the pain and struggle to be a designer lead. It is my honor to work with my teammates and I cannot imagine how plain this year could be without BGIC-Union.
+
The biosensor, dCasentry, consists of paired dCas9 protein guided by sgRNA and linked with split T7 RNA polymerase that serves as a switch. When the targeting lung cancer mutation gene is detected, visible signal will be released as the T7 RNA polymerase starts transcription. DCasentry not only deals with low ctDNA concentration in blood but also capable of producing various kinds of signal output, such as GFP and RFP.
−
   
+
</br>
−
    </div> 
+
−
    <div class="col-md-6">
+
We adopt freeze-dried paper chip as the vector of the detection system to simplify its operation as well as storage. The DNA device and proteins needed for detection are mixed with cell-free system and freeze-dried on the paper chip. During testing, the blood sample of the patient provides a liquid environment to reactivate the cell-free system. The product will be presented as a kit, containing including hemostix, a hand power centrifuge, NASBA reaction system and the paper screening chip, that can be widely used on the medical field.
−
    <img src="https://static.igem.org/mediawiki/2017/a/a3/Chenxinyi.jpeg"   width="360px"/>   </div>
+
<p>Please, click <a href="https://2017.igem.org/Team:BGIC-Union/Project">  here </a> and know more about me as well as the product!</p>
−
    </div>
+
</div><!-- /col-lg-8 -->
−
</div>                
+
</div><!-- /row -->
−
+
    </div> <!-- /container -->
−
<div class="row lr  lr" style="height:600px" >                      
+
</div><!-- /ww -->
−
    <div class="col-md-6"> 
+
−
    <img src="https://static.igem.org/mediawiki/2017/6/6c/Xiaozixin.jpeg"  width="360px"/>                          
+
−
    </div>
+
−
<div class="col-md-6">
+
−
<h3 class="media-heading team-name">Zixin Xiao
+
−
    </h3>
+
−
    <hr class="pull-left">
+
−
    <div class="clearfix"></div>
+
−
    Hi,I am Xiao and you can also call me Lucy~ The last year for IGEM is a year of trying everything.From a green hand in molecular cloning and protein purification to a so-called sophisticated lab assistant with countless “dark past”, I learned one thing from it: the more careful you are, the better your experiments’ results you will get. Meeting so many interesting team members here really impress me well.And IGEM let me get to know what the path towards biology look like.It’s just like the running of Haruki murakami, only constant effort brings success.
+
−
I help with the experiments in molecular cloning and protein purification and participate in some parts of Human Practice.
+
−
   
+
−
    </div>
+
−
</div>                       
+
−
<div class="row lr  " style="height:600px" >                                
+
 
      
 
      
−
<div class="col-md-6">
+
<!-- +++++ Projects Section +++++ -->
 
 
−
<h3 class="media-heading team-name">Yolanda Liu</h3>
+
<div class="container pt">
−
                               
+
<div class="row mt ">
−
                                    <hr class="pull-left">
+
<div class="col-lg-4">
−
                                    <div class="clearfix"></div>
+
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/6/64/Bgicbiosafety.png" width="200px" height="150px"></img></a>
−
                                   
+
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Parts">Best Parts </a></h4>
−
My name is Yuhan Liu. I graduated from St. Margarets School in Jun.2017. Now, I'm studying in University of Guelph. In the team, I usually read some articles and search information for the team. I also attended human practice activities with my teammates in summer.  
+
</div>
−
+
<div class="col-lg-4">
−
                                 
+
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/2/26/Applieddesignlogo.png" width="200px" height="150px"></img></a>
−
                                </div>
+
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Applied_Design">Applied Design</a></h4>
−
<div class="col-md-6">  
+
</div>
−
+
<div class="col-lg-4">
−
    <img src="https://static.igem.org/mediawiki/2017/1/1b/Liuyuhan.jpeg"   width="300px" />                              
+
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/f/f0/Gold_bgic.png" width="200px" height="150px"></img></a>
−
</div>
+
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Gold_Integrated">Integrated Human Practice</a></h4>
−
</div>                        
+
</div>
−
                   
+
</div><!-- /row -->
−
<div class="row lr  " style="height:600px" >                                
+
<div class="row mt">
−
   
+
<div class="col-lg-4">
−
<div class="col-md-6">
+
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/2/21/Bgicpublicengagement.png " width="200px" height="150px"></img></a>
 +
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Engagement">Education & Public Engagement</a></h4>
 +
</div>
 +
<div class="col-lg-4">
 +
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/7/7c/Entreprenuershipbgic.png" width="200px" height="150px"></img></a>
 +
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Entreprenuership">Entreprenuership</a></h4>
 +
</div>
 +
<div class="col-lg-4">
 +
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/4/48/Bgicmodel.png " width="200px" height="150px"></img></a>
 +
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Model">Model</a></h4>
 +
</div>
 +
</div><!-- /row -->
 +
</div><!-- /container -->
 
 
−
  <img src="https://static.igem.org/mediawiki/2017/8/8c/LINWEIQIAN.jpeg"  height="350px"/>                             
 
−
</div>
 
−
<div class="col-md-6">
 
−
<h3 class="media-heading team-name ">Lucinda Lin</h3>
 
−
                                 
 
−
                                    <hr class="pull-left">
 
−
                                    <div class="clearfix"></div>
 
−
                                    Someone who can understand that despite the fact that uploading wiki is kinda excruciating, the iGEM.org documents very useful info. and is IGEM newbies-friendly.
 
−
</br>Someone who is sttrugling to figure out how to properly utilize the time in the lab efficiently.
 
−
</br>
 
−
Someone who has never considered herself capable of participating in HP until the she joined BGIC-Union.
 
−
 
−
                                 
 
−
    </div>
 
−
</div>
 
−
                     
 
−
                     
 
−
             
 
−
                        <div class="row lr  " style="height:600px" >
 
−
<div class="col-md-6">
 
−
                                <img src="https://static.igem.org/mediawiki/2017/a/a3/YINTIANMING.jpg"  width="360px"/>
 
−
</div>
 
−
<div class="col-md-6">
 
−
<h3 class="media-heading team-name">Tianming Yin</h3>
 
−
                               
 
−
 
−
                                    <hr class="pull-left">
 
−
                                    <div class="clearfix"></div>
 
−
                                   
 
−
My name is Jerry.</br>Just an ordinary experimenter☆.</br>Someone who spent most of his vacation in the lab.</h5>
 
−
                                 
 
−
                                </div>
 
−
                         
 
−
                      </div>
 
−
                       
 
−
                         
 
−
   
 
−
                        <div class="row lr  " style="height:600px" >
 
−
 
−
   
 
−
                       
 
−
<div class="col-md-6">
 
−
<h3 class="media-heading team-name">Xiao Wang</h3>
 
−
                                 
 
−
                                    <hr class="pull-left">
 
−
                                    <div class="clearfix"></div>
 
−
                                    Participated in experiments during July and October and dealt with part of the molecular cloning and protein purification experiments.
 
−
</br>The designer and painter of the team 
 
−
</br>Creators of the team postcards.
 
−
</br>Wrote part of the wechat articles and organized fund-raisings
 
−
 
−
 
−
                                 
 
−
                                </div>
 
−
<div class="col-md-6">
 
−
                                <img src="https://static.igem.org/mediawiki/2017/8/8e/Wangxiao.jpeg"  width="500px" />
 
−
</div>
 
−
</div>
 
−
                           
 
−
                                   
 
−
                        <div class="row lr  " style="height:600px" >
 
−
 
−
 
−
<div class="col-md-6">
 
−
<img src="https://static.igem.org/mediawiki/2017/3/39/Zhushangyi.jpeg" height="360px">
 
−
</div>
 
−
<div class="col-md-6">
 
−
<h3 class="media-heading team-name">Shangyi Zhu</h3>
 
−
                                   
 
−
                                    <hr class="pull-left">
 
−
                                    <div class="clearfix"></div>
 
−
                                    I'm Shangyi Zhu, a sophmore in Deerfield Academy. Passionate towards biology, I devote myself in BGIC-Union working as an experimentor, writer and article translator.
 
−
 
−
                                 
 
−
                         
 
−
                            </div>
 
−
                     
 
−
</div>
 
−
<div class="row lr  " style="height:600px">
 
−
 
−
 
−
 
−
<div class="col-md-6">
 
−
<h3 class="media-heading team-name">Kelvin Xiao</h3>
 
−
                                   
 
−
                                    <hr class="pull-left">
 
−
                                    <div class="clearfix"></div>
 
−
                                    Hi, I am Xiao Zhiwen. You can call me Kevin. 15 years old this year. I am from Guangdong, China. I studied at U-link college in the south of Guangzhou. As a member in BGIC-Union, I am responsible for doing the experiments in order to support our theories. Except for the main tasks. In addition, I help to do some wiki-writing, data comprehension tasks and exchange some project information with other iGEM teams.
 
−
 
−
 
−
                                 
 
−
                         
 
−
                            </div>
 
−
                      <div class="col-md-6">
 
−
  <img src="https://static.igem.org/mediawiki/2017/7/7c/Xiaozhiwen.jpeg"  width="360px" />
 
−
</div>
 
−
</div>
 
−
                        <div class="row lr  " style="height:600px">
 
−
 
−
 
−
 
−
                      <div class="col-md-6">
 
−
  <img src="https://static.igem.org/mediawiki/2017/4/40/Zhaoyuanduo.jpeg"  width="360px" />
 
−
</div>
 
−
 
−
<div class="col-md-6">
 
−
<h3 class="media-heading team-name">Yuanduo Zhao</h3>
 
−
                                   
 
−
                                    <hr class="pull-left">
 
−
                                    <div class="clearfix"></div>
 
−
                                    Name: Yuanduo Zhao
 
−
</br>
 
−
School: San Diego Jewish Academy</br>
 
−
My role: Constructing Biobricks and experiments during June to August</br>
 
−
 
−
                                 
 
−
                         
 
−
                            </div>
 
−
</div>
 
−
 
−
</section>
 
−
<section class="team">
 
−
<h2 class="section-heading"><span></span>Instructors</h2>
 
−
<div style="height:250px" id="members">
 
−
</div>
 
−
 
−
<div class="row lr  " style="height:600px" >                         
 
−
<div class="col-md-6">
 
 
 
−
  <img src="https://static.igem.org/mediawiki/2017/7/76/WANGBOXIANG.jpeg"  width="300px"/>
+
<!-- +++++ Footer Section +++++ -->
−
</div> 
+
 
 
−
<div class="col-md-6 lr">
 
−
<h3 class="media-heading team-name">Diol Wang</h3>
 
−
                                   
 
−
                                    <hr class="pull-left">
 
−
                                    <div class="clearfix"></div>
 
−
                                    Wang Boxiang，Senior Lecturer of BGI-college，team instructor
 
−
 
−
                                 
 
−
                           
 
−
                            </div>
 
−
               
 
−
</div>
 
−
                   
 
−
                         
 
−
<div class="row lr  " style="height:600px">                         
 
−
 
−
                         
 
−
<div class="col-md-6">
 
−
  <h3 class="media-heading team-name"> Dorothy Zhang
 
−
</h3>
 
−
                                   
 
−
                                    <hr class="pull-left">
 
−
                                    <div class="clearfix"></div>
 
−
                               
 
−
  Team Instructor, Director of Funtomake Space, BGI College
 
−
 
−
 
−
                                 
 
−
                             
 
−
                            </div>
 
−
<div class="col-md-6">
 
−
 
−
                                <img src="https://static.igem.org/mediawiki/2017/e/e7/ZHANGNAN.jpeg"  width="400px" />     
 
−
</div>
 
−
                       
 
−
</div>
 
−
</section>
 
−
</div>
 
−
</div>
 
−
 
−
                <!-- END TEAM -->
 
−
<!-- +++++ Footer Section +++++ -->
 
−
<section>
 
 
<div id="footer">
 
<div id="footer">
 
<div class="container">
 
<div class="container">
−
<div class="row lr">
+
<div class="row">
 
<div class="col-lg-4">
 
<div class="col-lg-4">
 
    <p>F12 BGI-College，146 Beishan Road，Yantian District 518083  
 
    <p>F12 BGI-College，146 Beishan Road，Yantian District 518083  
Line 751: Line 917:
 
 
 
</div>
 
</div>
 +
 
</div>
 
</div>
 
</div>
 
</div>
−
</section>
+
</div>
−
+
  
 
    
 
    

Revision as of 07:41, 31 October 2017

Team：BGIC-Union

Hi, I am dCasentry,

a T7—dCas9 multi-output DNA sensor designed to detect ctDNA! Cancer is a leading cause of death worldwide, accounting for 8.8 million deaths in 2015, and the most common cause of cancer death is lung cancer (1.69 million deaths). Nowadays, multiple lung cancer detection methods are developed, one of them being liquid biopsy. The technique of liquid biopsy is much better than the popular biopsy as it obviates pain and complication incurred to patients by detecting various tumor markup, including short strand circulating tumor DNA (CtDNA) in the blood. However, it still requires laboratory apparatus such as PCR instrument.
Thus our primary task is to devise a more efficient, rapid and convenient lung cancer prognosis method. We construct a paper chip containing powerful biosensor capable of detecting the fusion gene, EML4-ALK, which only exists only in NSCLC (non small cell lung cancer) patients’ blood. Specific targeted drug for this mutation has been produced, which means patients can receive precise treatment as soon as possible when the detection result is positive.
The biosensor, dCasentry, consists of paired dCas9 protein guided by sgRNA and linked with split T7 RNA polymerase that serves as a switch. When the targeting lung cancer mutation gene is detected, visible signal will be released as the T7 RNA polymerase starts transcription. DCasentry not only deals with low ctDNA concentration in blood but also capable of producing various kinds of signal output, such as GFP and RFP.
We adopt freeze-dried paper chip as the vector of the detection system to simplify its operation as well as storage. The DNA device and proteins needed for detection are mixed with cell-free system and freeze-dried on the paper chip. During testing, the blood sample of the patient provides a liquid environment to reactivate the cell-free system. The product will be presented as a kit, containing including hemostix, a hand power centrifuge, NASBA reaction system and the paper screening chip, that can be widely used on the medical field.

Please, click here and know more about me as well as the product!

Best Parts

Applied Design

Integrated Human Practice

Education & Public Engagement

Entreprenuership

Model