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

Line 7: Line 7:
  
  
−
     <title>Team：BGIC-Union/Collaborations</title>
+
     <title>Team：BGIC-Union</title>
  
 
   <head>
 
   <head>
 
    
 
    
−
 
+
<!-- main -->
−
  <!-- 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 -->
+
 
   <style type="text/css">
 
   <style type="text/css">
 
    
 
    
−
 
+
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
 
#top_title,#sideMenu { display: none !important; }
 
#top_title,#sideMenu { display: none !important; }
 
         #content {
 
         #content {
Line 32: Line 23:
 
         }
 
         }
  
−
#bodyContent
 
−
{
 
−
margin-top：0px !important;
 
−
}
 
  
 +
#footer{
 +
padding-botton:-60px;
 +
}
  
 
#content{
 
#content{
Line 43: Line 33:
  
  
−
.mainstyle
+
−
{
+
−
font-family: Comic Sans MS;
+
−
}
+
 
html, body {
 
html, body {
−
     margin: 0 ;
+
     margin: 0 !important;
−
     padding: 0 ;
+
     padding: 0 !important;
 +
 
 
}
 
}
 
body {
 
body {
−
   background-color: #ffa07a;
+
   background-color: #FFe4e1;
−
  
+
   font-family: 'Montserrat', sans-serif;
 
     font-weight: 400;
 
     font-weight: 400;
−
     font-size: 14px;
+
line-height: 45px;
 +
     font-size: 20px;
 
     color: #555;
 
     color: #555;
−
     ；
+
 
 +
      
 
     -webkit-font-smoothing: antialiased;
 
     -webkit-font-smoothing: antialiased;
 
     -webkit-overflow-scrolling: touch;
 
     -webkit-overflow-scrolling: touch;
Line 63: Line 53:
  
 
/* Titles */
 
/* Titles */
−
h1, h2, h3, h4, h5, h6 {
+
h1, h2, h3, h4, h5, h6,p {
−
font-family: Comic Sans MS;
+
font-family: 'Montserrat', sans-serif;
−
     font-weight: 700;
+
     font-weight: 600;
 
     color: #333;
 
     color: #333;
 +
line-height:30pt;
 
}
 
}
  
Line 72: Line 63:
 
font-size: 35px;
 
font-size: 35px;
 
margin-top: 30px;
 
margin-top: 30px;
−
margin-bottom: 30px;
+
margin-bottom: 50px;
 
}
 
}
  
  
  
−
 
+
/* Paragraph  Typographic */
 
p {
 
p {
−
     line-height: 28px;
+
     line-height: 50px;
−
     margin-bottom: 25px;
+
     margin-bottom: 35px;
 
     font-size: 16px;
 
     font-size: 16px;
−
font-family: Comic Sans MS;
 
 
}
 
}
  
Line 126: Line 116:
 
}
 
}
  
−
.copyrights{
 
−
text-indent:-9999px;
 
−
height:0;
 
−
line-height:0;
 
−
font-size:0;
 
−
overflow:hidden;
 
−
}
 
  
 
.navbar {
 
.navbar {
Line 139: Line 122:
 
}
 
}
  
 +
top1 {
 +
padding-top: -20px;
 +
]
 
.navbar-inverse {
 
.navbar-inverse {
−
padding-bottom: 30px;
+
padding-bottom: 70px;
−
padding-top: 0;
+
padding-top: 70px;
 
}
 
}
  
Line 151: Line 137:
 
.navbar-inverse .navbar-nav > li > a {
 
.navbar-inverse .navbar-nav > li > a {
 
color: white;
 
color: white;
−
 
 
}
 
}
−
 
  
 
.navbar-inverse .navbar-nav > li > a:hover {
 
.navbar-inverse .navbar-nav > li > a:hover {
Line 161: Line 145:
 
.navbar-brand {
 
.navbar-brand {
 
font-weight: 700;
 
font-weight: 700;
−
font-size: 40px;
+
font-size: 20px;
 
letter-spacing: 2px;
 
letter-spacing: 2px;
−
backgroud: white;
 
 
}
 
}
  
 
.navbar-inverse .navbar-brand {
 
.navbar-inverse .navbar-brand {
 
color: white;
 
color: white;
−
background-color: #FFA07A;
 
−
 
 
}
 
}
  
 
.navbar-inverse .navbar-toggle {
 
.navbar-inverse .navbar-toggle {
 
border-color: transparent;
 
border-color: transparent;
−
font-size: 12px;
 
 
}
 
}
  
Line 193: Line 173:
 
padding-bottom: 50px;
 
padding-bottom: 50px;
 
}
 
}
−
 
+
.lr {
 +
        PADDING-LEFT: 100PX;
 +
        padding-right: 100px;
 +
}
  
 
/* +++++ WRAP SECTIONS +++++ */
 
/* +++++ WRAP SECTIONS +++++ */
Line 212: Line 195:
 
#footer p {
 
#footer p {
 
color: white;
 
color: white;
−
font-family: Comic Sans MS;
 
 
}
 
}
  
Line 298: Line 280:
 
}
 
}
 
   </style>
 
   </style>
 +
 
    
 
    
−
   </head>
+
   <!-- 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>
+
  <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 307: Line 725:
 
     <div class="navbar-header">
 
     <div class="navbar-header">
 
         <a class="navbar-brand" href="https://2017.igem.org/Team:BGIC-Union">BGIC-Union</a>
 
         <a class="navbar-brand" href="https://2017.igem.org/Team:BGIC-Union">BGIC-Union</a>
−
         </div><span></span>
+
         </div>
 
     <div>
 
     <div>
 
         <ul class="nav navbar-nav navbar-center">
 
         <ul class="nav navbar-nav navbar-center">
Line 331: Line 749:
 
                             <ul class="dropdown-menu" >
 
                             <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/Description">description</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Design"></a>design</li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Design" ></a>design</li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Results">results</a></li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Result"></a>results</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/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/Demonstrate">demonstrate</a></li>
Line 351: Line 769:
 
 
 
                             <ul class="dropdown-menu" role="menu">
 
                             <ul class="dropdown-menu" role="menu">
−
                               <li><a href="https://2017.igem.org/Team:BGIC-Union/Basic_Parts">basic parts</a></li>
+
                               <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">composite 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">parts collection</a></li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Parts_Collection #Collection">parts collection</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Measurement">measurement</a></li>
+
 
  
 
                             </ul>
 
                             </ul>
Line 362: Line 780:
 
                           <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>
 
                           <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">
 
                             <ul class="dropdown-menu" role="menu">
−
                                 <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>gold</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>
 
<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/Applied_Design">applied design</a></li>
Line 381: Line 799:
 
     </div>
 
     </div>
 
     </div>
 
     </div>
−
</nav>
+
</nav> <!-- Slider start -->
−
   
+
   
−
+
 
 
 
<!-- +++++ Projects Section +++++ -->
 
<!-- +++++ Projects Section +++++ -->

Revision as of 02:28, 1 November 2017

Team：BGIC-Union





1 SFLS

We met the Shenzhen Foreign Language School IGEM team at the Shenzhen IGEMers meet-up and presented our projects to each other. Both teams applied CRISPR system in the projects, so we contacted the SFLS team and hoped to receive some insights on how to model our project. The modeling process was arduous, but we helped each other out and got satisfying results.

At times, their projects were facing a crucial problem of off-target effects, and after comparing several articles on predicting off-target effects in mathematical ways, we recommended them a better method named "Cutting Frequency Determination (CFD) scoring method" to help improve their model. We also supported their modeling group by introducing biological theory to the math-work members.

In addition to modeling, we also engaged with them on safety and integrated human practice. We shot a BSL videos: SFLS provided the Chinese scripts and edited the videos while BGIC-Union provided the English scripts and resources for the content of the footage. The video was posted on bilibili .

The SFLS team also kindly offered us the chance to join them in the several lectures educating high school and primary school students on synthetic biology, cancer and CRISPR, and was able to present our project to more promising teenagers that may become future IGEMers and contribute to the synthetic biology community. See human practice session for more info.






We appreciated the responsible and capable members from Shenzhen Foreign Language School () and the constructive help they offered very much. And we were glad to be able to help them with uploading the wiki and answered some questions on the details of the competition such as poster design and plasmids drying and delivering.






2 SCIE

Another Shenzhen team we collaborate with is @SIATxSCIE. We presented our projects to each other on the Shenzhen Meet-up they hosted. (We liked their gifts very much!) Their project aimed at transforming the of resilience of tardigrades into the engineered organism, and we found out the proteins they worked on—TDPs (tardigrades intrinsically disorded proteins)—could help us construct our test-paper. They borrowed pet28a plasmids from us to construct their parts but could only provide us with the bacteria, but not the purified protein product we wanted due to time limitation.






3 Meet up

We participated and presented our project in two very meaningful IGEMers Meet-ups, one local, the Shenzhen IGEMers Meet-up hosted by @SCIE and @SFLS; one national, CCiC(Central China iGEM Consortium) , which is the largest IGEMers Meet-up in China with both university and high school teams as participants.






The Shenzhen IGEMers Meet-up was much smaller, but we were still able to learn about the competition as well as the projects of the teams around Shenzhen. First, Dr. Zhang Haoqian, the CFO of Bluepha, taught us the essence of IGEM competition: Innovation and responsibility for developing the project; Originality + roundness for presenting our project; Sophistication when designing the bio-circuit. He also reminded us of the importance of several competition requirements, especially the judging form. Then he talked about his own experience with IGEM and encouraged us to work as an efficient team in the following months before the wiki freeze. We presented our project for the first time in this meet-up, and discovered several points we could improve on. The other teams’ presentation inspired us a lot and we continued to perfect our presentation for the CCiC meet-up as well as the Giant Jamboree. Dr. Zhang called us to pay attention to highlight the distinguished feature of our project comparing to the Peking 2015 project to make our story more complete. This was a truly valuable advice.





Besides the project presentation in Shenzhen College of International Education, we had the opportunity to enjoy the delicious food around the campus + the special gifts we received from the team members:





4 NUDT-China


In the August of 2017, we went to FAFU CCiC (Fujian Agricultural and Forestry University Conference of China’s iGEMers Community) and had a meet-up with team NUDT-China. We took advantage of their parts (sHRPN-dcas9 and sHRPC-dcas9) design of last year and tested the function of those parts. Their parts reduced our time spent on plasmid construction and improved our efficiency in signal transformation (from the target DNA concentration to luminescence). Besides, they gave us suggestions in the improvements of our split T7 report system and the design of our kit. Also, their team is very interested in our split T7 system, certifies the potential of it, and connects this system to their frontier studies. In general, we had an exchange in material and a pleasant communication with team NUDT-China.

5 JNFLS



Since our team members come from all parts of China, it is difficult for our team to make progression for our experiments in schooldays due to the distance. Team SDU-China shares the laboratory with one team member living in the same city and facilitates the experimental progress. By sharing the laboratory with SDU-China, our team transforms the plasmid sHRPN-dcas9 and sHRPC-dcas9 into competent cell DH5α, cultures the bacteria, and harvests the plasmid of larger amount. Also, we exchanged our ideas about some potential improvements in each other’s project and design.