Difference between revisions of "Team:BGIC-Union/HP/Silver"

Line 7: Line 7:
  
  
−
     <title>Team：BGIC-Union/HP.SILVER</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 31: Line 23:
 
         }
 
         }
  
−
#bodyContent
 
−
{
 
−
margin-top：0px !important;
 
−
}
 
  
 +
#footer{
 +
padding-botton:-60px;
 +
}
  
 
#content{
 
#content{
Line 42: 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 62: 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 71: 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 125: Line 116:
 
}
 
}
  
−
.copyrights{
 
−
text-indent:-9999px;
 
−
height:0;
 
−
line-height:0;
 
−
font-size:0;
 
−
overflow:hidden;
 
−
}
 
  
 
.navbar {
 
.navbar {
Line 138: Line 122:
 
}
 
}
  
 +
top1 {
 +
padding-top: -20px;
 +
]
 
.navbar-inverse {
 
.navbar-inverse {
−
padding-bottom: 30px;
+
padding-bottom: 70px;
−
padding-top: 0;
+
padding-top: 70px;
 
}
 
}
  
Line 150: 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 160: 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 192: Line 173:
 
padding-bottom: 50px;
 
padding-bottom: 50px;
 
}
 
}
−
 
+
.lr {
 +
        PADDING-LEFT: 100PX;
 +
        padding-right: 100px;
 +
}
  
 
/* +++++ WRAP SECTIONS +++++ */
 
/* +++++ WRAP SECTIONS +++++ */
Line 211: Line 195:
 
#footer p {
 
#footer p {
 
color: white;
 
color: white;
−
font-family: Comic Sans MS;
 
 
}
 
}
  
Line 297: 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 306: 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 330: 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" >design</a></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">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/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 350: 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 361: 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">gold</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>
 
<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 380: Line 799:
 
     </div>
 
     </div>
 
     </div>
 
     </div>
−
</nav>
+
</nav> <!-- Slider start -->
−
   
+
   
−
+
 
 
 
<!-- +++++ Projects Section +++++ -->
 
<!-- +++++ Projects Section +++++ -->

Revision as of 03:07, 1 November 2017

Team：BGIC-Union

Academic discussions



CCiC

This summer, we participated in the CCiC (Conference of China IGEMer Community) which was held by a non-profit committee in China. It brought together many new and old IGEMers, professionals, scholars, students etc and provides a precious platform for academic exchanges in terms of synthetic biology. With sufficient preparation and confidence, we set foot in Fujian Agriculture and Forestry University where the forth CCIC was situated. With excitement, the knowledge feast started.



At the beginning of the meeting, Dr Ling and Dr Zhang Haoqian from blue SPAR made the opening speech. Then they discussed over the concern that how our students of biology major adapt themselves in such a rapidly developing society in which knowledge changes everyday and find their own future. During the three-day-meeting with a tight timetable, teams from around the national gave a speech with PPT in showing of their IGEM projects. After that, it came to the defense part where particular professional scholars would judge and evaluate our projects. In presentation, we began to get nervous at first, but it faded quickly. In the defense of King l.c., our project was confirmed, which also ensure our confidence in success. At the same time, each team brought posters and promote their projects to visitors. We were inspired by the superb ideas of other teams which widened our scope of knowledge and horizons.
Delighted and honored, professor Kenneth A.O from IGEM HP and professor King L.C. was invited to participate in the meeting. They told apart the classification of HP and answered the confusion about bio-safety. Researchers like Lou Chunbo and Fu Xiongfei also shared many valuable experiences with us. These let us stand on the shoulders of giants and see the wonderful world of science.
Together with our team members, we believe that the success isn’t far away!

Meeting with SCUT-CHINA_B team








On 29th July, SCUT-CHINA_B team invited us to the South China University of Technology for a meeting. Both teams introduced their project to each other and questions and opinions had been raised during discussions. After meeting, SCUT-CHINA_B team kindly gave us a tour around the school campus. This was our pleasure to meeting them and have a chance to communicate with undergraduates team. >



Public Engagement



Keeping track of all the things we have done, summarizing the things we have learnt, reflecting on our action and sharing our knowledge with the public make our project much more meaningful. We established an IGEM column within the official account of Shenzhen BGI-college on the Wechat platform in March. Since then, we have documented many of our stories.

More than half of the members of our team have participated in writing articles and publishing them after being revised by our instructor and advisors. Now we have 8 articles published, covering the status quo of lung cancer molecular diagnostics, iGEMers meet-ups, synthetic biology, iGEM competition judging and discussion on our project’s future prospective.



To promote and gain support for our project, we initiated crowdfunding at different platforms. At the beginning, we started small. We participated in the High School Crowdfunding Festival on the WeChat (Chinese Social Network) Platform and raised more than ￥9,360+additional rewards for popularity ￥316=￥9,676（approximately $1,500） within three days under the project name “A new lung cancer diagnosis method." Then we stated our mission and how we would accomplish them: "We want to create a bio-sensor used with test paper to provide a harmless, efficient and precise lung cancer gene detection method, increasing the survival rate of the patients."



We appreciated the help we received and designed a set of postcards to thank our supporters as well.

Link: https://m.eamaster.com/public-finance/raising-detail/113?from=timeline&isappinstalled=0

Besides this event, we also started crowdfunding on indiegogo （IGG）and received $210
. Link:https://www.generosity.com/medical-fundraising/help-with-the-detection-of-lung-cancer--3



Postcards:


These are all photos taken in our lab or hand-drawn lab-related pictures. Our logo is printed on all postcards as well.

.

Then we went to the largest crowdfunding website in China, zhongchou.com, and more detailedly documented our project. The goal has been set at ¥30,000 (approximately ) $4，500). So far we have raised more than ¥8,000.

When presenting our project, we started with the introduction of synthetic biology first. Next, we moved to discuss EML4-ALK and the improved paired-dCas9 system. Then we touched a little bit on the design of the test paper. Finally, we introduced the team members and clearly listed how we would use the money we get. More than 110 people have supported us, many leaving encouraging short comments for us.

Link: http://www.zhongchou.com/deal-show/id-722200

Describing our project in a vivid and understandable way to those unfamiliar with synthetic biology is not an easy task. When trying to do this, we realized we did not understand the whole project as well as we thought. So here comes the question, by how much can high school students get involved in this competition themselves, especially the design part? How much can they really absorb and how far can they reach? How much help should they receive from the advisors? Do the time they spend on learning really match what they receive? These are all good questions to be considered, and we asked them on Zhihu (China’s quora).



ICG-12



We luckily got a chance to attend pop science carnival in ICG-12 (The 12th International Conference on Genomics) held in Shenzhen, China. One of our team members gave a presentation on “omics for all" section which introduced what is iGEM to the public. The presentation also discussed what was our project, what we had done and what we were doing at that time. In the end, we advised teenagers to try to know what their dream career actually are and be prepared for the future.