Difference between revisions of "Team:NKU CHINA"

 
(297 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
<HTML>
+
{{Template:NKU_CHINA/header}}
−
<head>  
+
<html>
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<head>
−
<meta content="IE=edge" http-equiv="X-UA-Compatible">
+
<style type="text/css">
−
<title>Homepage</title>
+
.footer-w3ls ul.social-icons1 li a {
−
<style>
+
  margin-right:2px!important;
−
<!--
+
  padding:0px !important;
−
#sideMenu,
+
−
#top_title{
+
−
    display: none;
+
 
}
 
}
−
#content{
+
#loading {
−
    width: 100%;
+
  width: 100%;
−
    margin: 0px;
+
  height: 100%;
−
    padding:0;
+
  background: black;
−
background-color:block;
+
  position: fixed;
 +
top:0;
 +
left:0;
 +
z-index:10000;
 +
}
 +
#loading_p {
 +
    position: fixed;
 +
    top: 0;
 +
    left: 0;
 +
    width: 100%;
 +
    height: 100%;
 +
    z-index:99999;
 
}
 
}
  
 +
.loader-ring {
 +
  position: fixed;
 +
  top: 50%;
 +
  left: 50%;
 +
  margin: -120px 0 0 -120px;
 +
  width: 240px;
 +
  height: 240px;
 +
  z-index:10000;
 +
}
  
 +
.loader-ring-light {
 +
  width: 240px;
 +
  height: 240px;
 +
  -moz-border-radius: 240px;
 +
  -webkit-border-radius: 240px;
 +
  border-radius: 240px;
 +
  -moz-box-shadow: 0 4px 0 #00abf2 inset;
 +
  -webkit-box-shadow: 0 4px 0 #00abf2 inset;
 +
  box-shadow: 0 4px 0 #00abf2 inset;
 +
  animation: rotate-360 2s linear infinite;
 +
}
  
−
@charset "UTF-8";
+
.loader-ring-track {
−
html{font-size:62.5%;font-family:'helvetica neue',tahoma,arial,'hiragino sans gb','Simsun',sans-serif}
+
  position: absolute;
−
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,hr{margin:0;padding:0}
+
  top: 0;
−
body{line-height:1.333;font-size:12px}
+
  left: 0;
−
h1,h2,h3,h4,h5,h6{font-size:100%;font-family:arial,'hiragino sans gb','microsoft yahei','Simsun',sans-serif}
+
  width: 240px;
−
li{list-style:none}
+
  height: 240px;
−
a:link,a:visited{text-decoration:none}
+
  -moz-border-radius: 240px;
−
 
+
  -webkit-border-radius: 240px;
−
 
+
  border-radius: 240px;
−
.head-v3{position:relative;z-index:100;min-width:1000px}
+
  -moz-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
−
.head-v3 .navigation-inner{margin:0 auto;width:980px;position:relative}
+
  -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
−
.navigation-up{height:75px;background:#27303f}
+
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
−
.navigation-up .navigation-v3{margin-left:155px;float:left;_margin-left:10px}
+
}
−
.navigation-up .navigation-v3 ul{float:left}
+
−
.navigation-up .navigation-v3 li{float:left;font:normal 16px/59px "microsoft yahei";color:#fff}
+
−
.navigation-up .navigation-v3 .nav-up-selected{background:#344157}
+
−
.navigation-up .navigation-v3 .nav-up-selected-inpage{background:0}
+
−
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0}
+
−
.navigation-up .navigation-v3 li h2 a{padding:0 25px;color:#fff;display:inline-block;height:60px;font-family:"microsoft yahei"}
+
−
 
+
−
.navigation-down{position:absolute;top:60px;left:0px;width:100%}
+
−
.navigation-down .nav-down-menu{width:100%;margin:0;background:#344157;position:absolute;top:0px}
+
−
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1200px;position:relative}
+
−
.navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}
+
−
.navigation-down .menu-1 dl{margin:20px 80px 25px 0}
+
−
.navigation-down .menu-1 dd a{color:#fff;font:normal 14px/30px "microsoft yahei"}
+
−
.navigation-down .menu-1 dd a:hover{color:#60aff6}
+
−
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#fff;font:normal 16px "microsoft yahei"}
+
  
 +
@keyframes rotate-360 {
 +
  from {
 +
    -moz-transform: rotate(0);
 +
    -ms-transform: rotate(0);
 +
    -webkit-transform: rotate(0);
 +
    -o-transform: rotate(0);
 +
    transform: rotate(0);
 +
  }
 +
  to {
 +
    -moz-transform: rotate(360deg);
 +
    -ms-transform: rotate(360deg);
 +
    -webkit-transform: rotate(360deg);
 +
    -o-transform: rotate(360deg);
 +
    transform: rotate(360deg);
 +
  }
 +
}
 +
.fullscreenvideo {
 +
    position: absolute;
 +
    top: 70%;
 +
    left: 50%;
 +
    min-width: 100%;
 +
    min-height: 100%;
 +
    width: auto;
 +
    height: auto;
 +
    z-index: -100;
 +
    -webkit-transform: translateX(-50%) translateY(-50%);
 +
    transform: translateX(-50%) translateY(-50%);
 +
    -webkit-transition: 1s opacity;
 +
    transition: 1s opacity;
 +
}
 +
.videocontainer{
 +
    position: fixed;
 +
    width: 100%;
 +
    height: 130%;
 +
    overflow: hidden;
 +
    z-index: -100;
 +
    top: -25%;
 +
text-align: center;
 +
}
 +
.videocontainer:before{
 +
    content: "";
 +
    position: absolute;
 +
    width: 100%;
 +
    height: 100%;
 +
    display: block;
 +
    z-index: -10;
 +
    top: 0;
 +
    left: 0;   
 +
}
 +
#PopQC_largr {
 +
display: none;
 +
}
 +
#jun {
 +
display: none;
 +
}
 +
#sihuansu {
 +
display: none;
 +
z-index: 10;
 +
}
 +
#pop_circle {
 +
  display: none;
 +
}
 +
.linkto{
 +
  position: absolute;
 +
  top:72vh;
 +
  left: 50%;
 +
  transform: translateX(-50%);
 +
  -moz-transform: translateX(-50%);
 +
  -ms-transform: translateX(-50%);
 +
  -webkit-transform: translateX(-50%);
 +
  z-index: 10;
 +
}
 +
.link2to{
 +
  transform: translateX(-50%);
 +
  -moz-transform: translateX(-50%);
 +
  -ms-transform: translateX(-50%);
 +
  -webkit-transform: translateX(-50%);
 +
  z-index: 10;
 +
}
 +
.a_link {cursor: pointer;}
 +
.btn_video {
 +
  color: white;
 +
  background: none;
 +
  text-align: center;
 +
}
 +
#zhuyetu img:hover {
 +
-webkit-transition: all 0.5s;
 +
-o-transition: all 0.5s;
 +
transition: all 0.5s;
 +
-webkit-transform: scale(1.2);
 +
    -ms-transform: scale(1.2);
 +
        transform: scale(1.2);
 +
}
 
</style>
 
</style>
−
<script src="jquery-1.7.1.min.js" type="text/javascript"></script>
 
−
 
 
<script type="text/javascript">
 
<script type="text/javascript">
−
jQuery(document).ready(function(){
+
$(function(){
−
var qcloud={};
+
var bgVideo=document.getElementById("videohome");
−
$('[_t_nav]').hover(function(){
+
bgVideo.addEventListener('canplaythrough',function(){
−
var _nav = $(this).attr('_t_nav');
+
              $('#loading').css("display","none");
−
clearTimeout( qcloud[ _nav + '_timer' ] );
+
              $('.loader-ring').css("display","none");
−
qcloud[ _nav + '_timer' ] = setTimeout(function(){
+
              $('#loading_p').css("display","none");
−
$('[_t_nav]').each(function(){
+
              $('#PopQC_largr').css("display","block");
−
$(this)[ _nav == $(this).attr('_t_nav') ? 'addClass':'removeClass' ]('nav-up-selected');
+
              $('#jun').fadeIn(4000);
−
});
+
              $('#sihuansu').fadeIn(4000);
−
$('#'+_nav).stop(true,true).slideDown(200);
+
              $('#pop_circle').css("display","block");
−
}, 150);
+
    });
−
},function(){
+
−
var _nav = $(this).attr('_t_nav');
+
−
clearTimeout( qcloud[ _nav + '_timer' ] );
+
−
qcloud[ _nav + '_timer' ] = setTimeout(function(){
+
−
$('[_t_nav]').removeClass('nav-up-selected');
+
−
$('#'+_nav).stop(true,true).slideUp(200);
+
−
}, 150);
+
 
});
 
});
−
});
+
function scrollupone() {
 +
    $("html, body").animate({
 +
      scrollTop: $("#dinwei").offset().top }, {duration: 700,easing: "swing"});
 +
}
 +
function scrolluptwo() {
 +
    $("html, body").animate({
 +
      scrollTop: $("#dinwei2").offset().top }, {duration: 700,easing: "swing"});
 +
}
 
</script>
 
</script>
−
 
 
</head>
 
</head>
 
<body>
 
<body>
−
<div class="head-v3">
+
<div id="loading"></div>
−
<div class="navigation-up">
+
<div id="loading_p">
−
<div class="navigation-inner">
+
<p style="color: white;font-family:myTitle3;font-size:30px;position:relative;top:47%;left:46%">Loading...</p>
−
<div class="navigation-v3">
+
−
<ul>
+
−
<li class="nav-up-selected-inpage" _t_nav="home">
+
−
<h2>
+
−
<a href="#">Home</a>
+
−
</h2>
+
−
</li>
+
−
<li class="" _t_nav="team">
+
−
<h2>
+
−
<a href="#">Team</a>
+
−
</h2>
+
−
</li>
+
−
                                                                                <li class="" _t_nav="attributions">
+
−
<h2>
+
−
<a href="#">Attributions</a>
+
−
</h2>
+
−
</li>
+
−
<li class="" _t_nav="project">
+
−
<h2>
+
−
<a href="#">Project</a>
+
−
</h2>
+
−
</li>
+
−
<li class="" _t_nav="hp">
+
−
<h2>
+
−
<a href="#">Human Practice</a>
+
−
</h2>
+
−
</li>
+
−
<li class="" _t_nav="safety">
+
−
<h2>
+
−
<a href="#">Safety</a>
+
−
</h2>
+
−
</li>
+
−
<li _t_nav="parts">
+
−
<h2>
+
−
<a href="#">Parts</a>
+
−
</h2>
+
−
</li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="navigation-down">
+
−
<div id="team" class="nav-down-menu menu-1" style="display: none;" _t_nav="team">
+
−
<div class="navigation-down-inner">
+
−
<dl style="margin-left:300px;">
+
−
<dd>
+
−
<a class="link" hotrep="hp.header.solution.1" href="#">Team</a>
+
−
</dd>
+
−
+
−
</dl>
+
−
<dl>
+
−
<dd>
+
−
<a class="link" hotrep="hp.header.solution.1" href="#">Collaboration</a>
+
−
</dd>
+
−
+
−
</dl>
+
−
+
−
</div>
+
−
</div>
+
−
<div id="project" class="nav-down-menu menu-3 menu-1" style="display: none;" _t_nav="project">
+
−
<div class="navigation-down-inner">
+
−
<dl style="margin-left: 380px;">
+
−
<dd>
+
−
<a class="link" hotrep="hp.header.solution.1" href="#">Decription</a>
+
−
</dd>
+
−
</dl>
+
−
<dl>
+
−
<dd>
+
−
<a class="link" hotrep="hp.header.solution.2" href="#">Experiments</a>
+
−
</dd>
+
−
</dl>
+
−
<dl>
+
−
<dd>
+
−
<a class="link" hotrep="hp.header.solution.3" href="#">Model</a>
+
−
</dd>
+
−
</dl>
+
−
                                                                <dl>
+
−
<dd>
+
−
<a class="link" hotrep="hp.header.solution.3" href="#">Prof of concept</a>
+
−
</dd>
+
−
</dl>
+
−
                                                               
+
−
</div>
+
−
</div>
+
−
<div id="hp" class="nav-down-menu menu-3 menu-1" style="display: none;" _t_nav="hp">
+
−
<div class="navigation-down-inner">
+
−
<dl style="margin-left: 610px;">
+
−
<dd>
+
−
<a class="link" hotrep="hp.header.support.1" href="#">HP</a>
+
−
</dd>
+
−
</dl>
+
−
<dl>
+
−
<dd>
+
−
<a class="link" hotrep="hp.header.support.2" href="#">Silver</a>
+
−
</dd>
+
−
</dl>
+
−
<dl>
+
−
<dd>
+
−
<a class="link" hotrep="hp.header.support.3" href="#">Gold</a>
+
−
</dd>
+
−
</dl>
+
−
</div>
+
−
</div>
+
−
+
−
</div>
+
 
</div>
 
</div>
−
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
+
 
 +
  <div class="loader-ring">
 +
  <div class="loader-ring-light"></div>
 +
  <div class="loader-ring-track"></div>
 
</div>
 
</div>
 +
  <div class="videocontainer">
 +
        <div class="fullscreenvideo" >
 +
        <video id="videohome" autoplay="autoplay" muted="muted" loop="loop">
 +
          <source src="https://static.igem.org/mediawiki/2018/d/db/T--NKU_CHINA--home_bg.mp4" type="video/mp4">
 +
        </video>
 +
        </div>
 +
  </div>
 +
<main>
 +
    <img src="https://static.igem.org/mediawiki/2018/9/98/T--NKU_CHINA--PopQC_larger.gif" id="PopQC_largr" style="position:absolute;left: 28%;top: -14%;z-index: 10;width: 600px;height: auto;">
 +
    <img src="https://static.igem.org/mediawiki/2018/0/0e/T--NKU_CHINA--pop_circle.gif" id="pop_circle" style="position: absolute;left:34%;top: -3.5%;z-index: 10;">
 +
    <img src="https://static.igem.org/mediawiki/2018/9/9d/T--NKU_CHINA--junfinal.png" id="jun" style="position: absolute;top: 7.5%;left: 20%;width: 450px;height: auto;z-index:20;">
 +
    <img src="https://static.igem.org/mediawiki/2018/f/f9/T--NKU_CHINA--sihuansu.png" id="sihuansu" style="position: absolute;top: 4.5%;left: 55%;width: 500px;height: auto;">
 +
            <div class="container-fluid">
 +
        <div class="row">
 +
          <div class="col-xs-12">
 +
    <img src="https://static.igem.org/mediawiki/2018/f/fb/T--NKU_CHINA--empty.png" class="img-responsive center-block">
 +
        <img  class="img-responsive center-block" src="https://static.igem.org/mediawiki/2018/b/bf/T--NKU_CHINA--arrowdown.gif" style="width: 100px;height: auto;cursor:pointer;z-index:1000;position:absolute;top:20%;left:48%;" onclick="scrollupone()">
 +
 +
      <div class="container">
 +
        <div class="row">
 +
          <div class="col-xs-12">
 +
            <p><br><br></p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="container">
 +
        <div class="row">
 +
          <div class="col-xs-12">
 +
            <h2 style="color: white; font-size: 60px; font-family: myTitle3;text-align: center;margin-top:30px;margin-bottom:20px;padding-top:0;padding-bottom:0;" id="dinwei">Short Video Display</h2>
 +
          </div>
 +
          <div class="col-xs-12 col-xs-push-1">
 +
              <video preload="preload" controls="controls" width="800" height="auto" id="nku_video" poster="https://static.igem.org/mediawiki/2018/b/b2/T--NKU_CHINA--video_image.jpg">
 +
              <source src="https://static.igem.org/mediawiki/2018/b/b6/T--NKU_CHINA--igem_NKU.mp4" type="video/mp4">
 +
            </video>
 +
          </div>
 +
          <div class="col-xs-12" style="margin-top: 10px;">
 +
              <p style="text-align: center;"><a href="https://youtu.be/Gmr6zBYlpK0" style="color: white;font-size: 25px;">Cilck to watch our video on <span style="color: yellow;">YouTube</span></a></p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-xs-12">
 +
        <img  class="img-responsive center-block" src="https://static.igem.org/mediawiki/2018/b/bf/T--NKU_CHINA--arrowdown.gif" style="width: 100px;height: auto;cursor:pointer;" onclick="scrolluptwo()">
 +
</div>
 +
</div>
 +
</div>
 +
      <div class="container">
 +
        <div class="row">
 +
          <div class="col-xs-12">
 +
            <p id="dinwei2"><br><br><br><br><br><br></p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="container">
 +
        <div class="row">
 +
          <div class="col-xs-7" id="zhuyetu">
 +
            <img src="https://static.igem.org/mediawiki/2018/e/e3/T--NKU_CHINA--zhuyetu.png" class="img-responsive">
 +
          </div>
 +
          <div class="col-xs-5" style="margin-top: 25px;">
 +
            <p style="color: white;font-size: 23px;line-height: 30px;" style="float: left;text-align: justify;">Population Quality Control (PopQC) system, is a new approach designed for biosynthesis yield enhancement, based on non-genetic cell-to-cell variation, which includes unequal cell division, different gene copy numbers, epigenetic modifications, random gene expression, volatile RNA stability, protein activity, etc.</p>
 +
          </div>
 +
      </div>
 +
      </div>
 +
      <div class="container">
 +
      <div class="row">
 +
          <div class="col-xs-12" style="margin-top: 20px;">
 +
            <p style="color: white;font-size: 23px;line-height: 30px;text-align: justify;">Because of those differences, different cells in a single colony will have considerable variations in protein and metabolite concentrations. Therefore, in cell cultures there will be both high- and low-producers, and the intrinsic low-producers might cause suboptimal ensemble biosynthesis. The elimination of low-producers can realize the efficient utilization of substrates and high yield of target products. Thus, it has been proved to be an efficient way for biosynthesis being more suitable for large-scale industrial production. In our project, PopQC was designed as a plasmid-based gene circuit in <i>Bacillus amyloliquefaciens</i> LL3, which continuously selects high-performing cells in order to further improve the yield of target metabolite— glutamate, and then the secondary metabolites— &#947;-PGA.</p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
 +
</main>
 +
     
 +
<footer>
 +
<div class="container-fluid myFooter">
 +
<div class="row">
 +
<div class="col-xs-8 col-xs-push-1">
 +
<img src="https://static.igem.org/mediawiki/2018/0/0b/T--NKU_CHINA--duihui_final.png" style="height: 250px; width: auto;">
 +
</div>
 +
<div class="col-xs-4 footer-w3ls">
 +
<h3 style="color: white; font-size: 30px;">Contacts</h3>
 +
<ul class="social-icons1" style="margin:0 auto;padding-top:0;">
 +
<li><a href="https://www.facebook.com/iGEMNKU2018/"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
 +
<li><a href="https://twitter.com/iGEMNKU2018"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
 +
<li><a href="mailto:nkuigem2018@163.com"><i class="fa fa fa-envelope-o" aria-hidden="true"></i></a></li>
 +
    </ul>
 +
    <h3 style="color: white; font-size: 30px;">Address</h3>
 +
                <address style="color: white; font-size: 17px;">
 +
                    Nankai University</br>
 +
                    No.94 Weijin Road, Nankai District</br>
 +
                    Tianjin, P.R.China 300071</br>
 +
                </address>
 +
            </div>
 +
            <div class="col-xs-12">
 +
            <p class="Copyright" style="text-align: center; color: white;">Copyright © Team NKU_CHINA 2018</p>
 +
        </div>
 +
    </div>
 +
</footer>
 +
 +
<a href="#0" class="cd-top">Top</a>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 00:32, 18 October 2018

Loading...



Short Video Display

Cilck to watch our video on YouTube







Population Quality Control (PopQC) system, is a new approach designed for biosynthesis yield enhancement, based on non-genetic cell-to-cell variation, which includes unequal cell division, different gene copy numbers, epigenetic modifications, random gene expression, volatile RNA stability, protein activity, etc.

Because of those differences, different cells in a single colony will have considerable variations in protein and metabolite concentrations. Therefore, in cell cultures there will be both high- and low-producers, and the intrinsic low-producers might cause suboptimal ensemble biosynthesis. The elimination of low-producers can realize the efficient utilization of substrates and high yield of target products. Thus, it has been proved to be an efficient way for biosynthesis being more suitable for large-scale industrial production. In our project, PopQC was designed as a plasmid-based gene circuit in Bacillus amyloliquefaciens LL3, which continuously selects high-performing cells in order to further improve the yield of target metabolite— glutamate, and then the secondary metabolites— γ-PGA.

Contacts

Address

Nankai University
No.94 Weijin Road, Nankai District
Tianjin, P.R.China 300071

Copyright © Team NKU_CHINA 2018

Top