Difference between revisions of "Team:NKU CHINA/Demonstrate"

Line 3: Line 3:
 
<head>
 
<head>
 
<style type="text/css">
 
<style type="text/css">
−
.footer-w3ls ul.social-icons1 li a {
+
    .footer-w3ls ul.social-icons1 li a {
−
  margin-right:2px!important;
+
        margin-right:2px!important;
−
  padding:0px !important;
+
        padding:0px !important;
 +
        margin-left: 0px !important;
 +
    }
 +
p {
 +
text-align: justify;
 +
}
 +
.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; 
 +
}
 +
#loading {
 +
  width: 100%;
 +
  height: 100%;
 +
  background: black;
 +
  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;
 +
}
 +
 
 +
.loader-ring-track {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  width: 240px;
 +
  height: 240px;
 +
  -moz-border-radius: 240px;
 +
  -webkit-border-radius: 240px;
 +
  border-radius: 240px;
 +
  -moz-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
 +
  -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
 +
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
 +
}
 +
 
 +
@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);
 +
  }
 +
}
 +
.demonstration_content {
 +
    font-size: 23px !important;
 +
      line-height: 30px !important;
 +
      color: white;
 +
      text-align: justify;
 +
}
 +
 
 +
.demonstration_header_two {
 +
      color: white;
 +
      font-size: 40px !important;
 +
      margin-bottom: 20px;
 +
      text-align: center;
 +
}
 +
.tuzhu {
 +
  color: white;
 +
  font-size: 20px !important;
 +
  text-align: justify;
 +
  font-weight: 200；
 +
}
 +
.demonstration_header {
 +
      color: white;
 +
      font-family: myTitle3;
 +
      font-size: 40px !important;
 +
      margin-bottom: 20px;
 
}
 
}
 
</style>
 
</style>
 +
<script type="text/javascript">
 +
$(function(){
 +
var bgVideo=document.getElementById("demonbg");
 +
bgVideo.addEventListener('canplaythrough',function(){
 +
        setTimeout(function(){
 +
              $('#loading').remove();
 +
              $('.loader-ring').remove();
 +
              $('#loading_p').remove();},0);
 +
    });
 +
});
 +
</script>
 
</head>
 
</head>
 
<body>
 
<body>
−
    <div>
+
<div id="loading"></div>
−
       <img class="myBackground" src="https://static.igem.org/mediawiki/2018/6/64/T--NKU_CHINA--background.jpg">
+
<div id="loading_p">
 +
<p style="color: white;font-family:myTitle3;font-size:30px;position:relative;top:47%;left:46%">Loading...</p>
 +
</div>
 +
 
 +
  <div class="loader-ring">
 +
  <div class="loader-ring-light"></div>
 +
  <div class="loader-ring-track"></div>
 +
</div>
 +
  <div class="videocontainer">
 +
        <div class="fullscreenvideo" >
 +
        <video id="demonbg" autoplay="autoplay" muted="muted" loop="loop">
 +
          <source src="https://static.igem.org/mediawiki/2018/f/fb/T--NKU_CHINA--BGofother.mp4" type="video/mp4">
 +
        </video>
 +
        </div>
 +
  </div>
 +
    <main>
 +
          <h1 class="text-center" style="font-size: 80px;font-weight: normal;color: white;padding-bottom: 0;margin-bottom: 20px; font-family: myTitle;margin-top: 30px;padding-top: 0;">Demonstration</h3>
 +
       <div class="container">
 +
        <div class="row">
 +
          <div class="col-xs-12">
 +
            <h2 class="demonstration_header">1. Population Quality Control (PopQC) System improving the yield of poly-&#947;-glutamate (&#947;-PGA)</h2>
 +
            <p class="demonstration_content">The original intention of our project is to improve the yield of target metabolite using the PopQC system. We took &#947;-PGA as an example and measured the &#947;-PGA yield in both the previous constructed B. amyloliquefaciens NK-Ipop, which contained the pHT01-mCherry-LacI-P<sub><i>gltAB</i></sub>-P<sub><i>grac</i></sub>-TetA-GFP<sup>int</sup> plasmid, and the wild type strain. It can be seen that &#947;-PGA yield of the NK-Ipop was significantly higher than that of the wild strain. (Fig. 1)</p>
 +
            <img src="https://static.igem.org/mediawiki/2018/8/83/T--NKU_CHINA--demonstration1.png" class="img-responsive center-block" style="background-color: white;border-radius: 5px;">
 +
            <p class="tuzhu"><strong>Fig. 1 The &#947;-PGA yield of <i>B. amyloliquefaciens</i> NK-Ipop and LL3 &#916;<I>bam</i></strong>. <i>B. amyloliquefaciens</i> NK-Ipop was cultured in the fermentation medium with 10 &#956;g/mL tetracycline for 24 hours. and the wild strain was cultured in the fermentation medium without antibiotics. Data indicate mean values &#177; standard deviations from three independent experiments performed for <i>B. amyloliquefaciens</i> NK-Ipop, 2 independent experiments performed for <i>B. amyloliquefaciens</i> LL3 &#916;<i>bam</i>.</p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="container">
 +
        <div class="row">
 +
          <div class="col-xs-12">
 +
            <h2 class="demonstration_header">2. Safety</h2>
 +
            <p class="demonstration_content">Taking safety into consideration, we must ensure that none of our microbe can grow outside of lab in case of leaking out. We verified our Asp auxotroph in <i>B. amyloliquefaciens</i> LL3 which was constructed by a markerless gene replacement method in order to delete its original pathways of synthesizing Asp. We provided the same medium without Asp to both Asp auxotroph and wild type of <i>B. amyloliquefaciens</i> LL3, the result indicated that Asp auxotroph couldn’t grow in Asp-free medium while the wild type cangrew normally.</p>
 +
            <img src="https://static.igem.org/mediawiki/2018/6/68/T--NKU_CHINA--demonstration2.png" class="img-responsive center-block" style="background-color: white;border-radius: 5px;">
 +
            <p class="tuzhu"><strong>Fig. 2 Asp auxotroph mutant&#39;s growth condition in the medium with or without Asp.</strong> The Asp auxotroph mutant was cultured in M9 medium with or without asparagine, separately. 2 independent experiments were carried out.</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>
 
     </div>
−
     
+
</footer>
−
<!-- back to top -->
+
 
 
<a href="#0" class="cd-top">Top</a>
 
<a href="#0" class="cd-top">Top</a>
−
<!-- /back to top -->
 
 
</body>
 
</body>
 
</html>
 
</html>
−
{{Template:NKU_CHINA/footer}}
 

Revision as of 08:51, 17 October 2018

Loading...

Demonstration

1. Population Quality Control (PopQC) System improving the yield of poly-γ-glutamate (γ-PGA)

The original intention of our project is to improve the yield of target metabolite using the PopQC system. We took γ-PGA as an example and measured the γ-PGA yield in both the previous constructed B. amyloliquefaciens NK-Ipop, which contained the pHT01-mCherry-LacI-PgltAB-Pgrac-TetA-GFPint plasmid, and the wild type strain. It can be seen that γ-PGA yield of the NK-Ipop was significantly higher than that of the wild strain. (Fig. 1)

Fig. 1 The γ-PGA yield of B. amyloliquefaciens NK-Ipop and LL3 Δbam. B. amyloliquefaciens NK-Ipop was cultured in the fermentation medium with 10 μg/mL tetracycline for 24 hours. and the wild strain was cultured in the fermentation medium without antibiotics. Data indicate mean values ± standard deviations from three independent experiments performed for B. amyloliquefaciens NK-Ipop, 2 independent experiments performed for B. amyloliquefaciens LL3 Δbam.

2. Safety

Taking safety into consideration, we must ensure that none of our microbe can grow outside of lab in case of leaking out. We verified our Asp auxotroph in B. amyloliquefaciens LL3 which was constructed by a markerless gene replacement method in order to delete its original pathways of synthesizing Asp. We provided the same medium without Asp to both Asp auxotroph and wild type of B. amyloliquefaciens LL3, the result indicated that Asp auxotroph couldn’t grow in Asp-free medium while the wild type cangrew normally.

Fig. 2 Asp auxotroph mutant's growth condition in the medium with or without Asp. The Asp auxotroph mutant was cultured in M9 medium with or without asparagine, separately. 2 independent experiments were carried out.

Contacts

Address

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

Copyright © Team NKU_CHINA 2018

Top