Difference between revisions of "Team:XJTU-China"

m
Line 24: Line 24:
 
     <img class="banner-up-arrow" src="https://static.igem.org/mediawiki/2018/6/61/T--XJTU-China--Ele-up-arrow.svg" />
 
     <img class="banner-up-arrow" src="https://static.igem.org/mediawiki/2018/6/61/T--XJTU-China--Ele-up-arrow.svg" />
 
     <img class="banner-pic active" id="banner-pic-1" src="https://static.igem.org/mediawiki/2018/6/67/T--XJTU-China--Banner-fluo.jpg" />
 
     <img class="banner-pic active" id="banner-pic-1" src="https://static.igem.org/mediawiki/2018/6/67/T--XJTU-China--Banner-fluo.jpg" />
     <img class="banner-pic" id="banner-pic-3" src="https://static.igem.org/mediawiki/2018/9/98/T--XJTU-China--Banner-shake.jpg" />
+
     <img class="banner-pic" id="banner-pic-4" src="https://static.igem.org/mediawiki/2018/5/50/T--XJTU-China--Banner-bed.jpg" />
 
     <img class="banner-pic" id="banner-pic-2" src="https://static.igem.org/mediawiki/2018/2/20/T--XJTU-China--Banner-group.jpg" />
 
     <img class="banner-pic" id="banner-pic-2" src="https://static.igem.org/mediawiki/2018/2/20/T--XJTU-China--Banner-group.jpg" />
     <img class="banner-pic" id="banner-pic-4" src="https://static.igem.org/mediawiki/2018/9/96/T--XJTU-China--labPhotoForSafetyForm-1.jpeg" />
+
     <img class="banner-pic" id="banner-pic-3" src="https://static.igem.org/mediawiki/2018/5/50/T--XJTU-China--Banner-bacteria.png" />
 
   </div>
 
   </div>
 
   <div class="banner-dummy">
 
   <div class="banner-dummy">
Line 38: Line 38:
  
 
   <div class="content-wrapper">
 
   <div class="content-wrapper">
     <div>
+
     <div class="content-block" id="content-block-1">
      <h1>XJTU-China 2018</h1>
+
      <div class="content-text-wrapper">
      <h2>A Standard Framework for Directed Evolution</h2>
+
        <h2 class="content-title">Sugar of the Future</h2>
      <p style="text-align:center;"><img style="display:inline-block;width:580px;height:400px;" src="https://static.igem.org/mediawiki/2018/f/f4/T--XJTU-China--teamLogo2.png" /></p>
+
        <p class="content-text">
    </div>
+
          <strong>D-psicose</strong> gives us a glimpse of what sugar in the future would be like. Completely safe and as tasty, but provides barely no energy. On the contrary, it even benefits diabetes and obesity and more!
 
+
        </p>
    <div class="clear extra_space"></div>
+
        <p class="content-text">
    <div class="line_divider"></div>
+
          It provides only <strong>0.3%</strong> energy of sucrose, but is <strong>70%</strong> as sweet.
    <div class="clear extra_space"></div>
+
        </p>
 
+
      </div>
    <div class="column full_size" >
+
      <div class="content-pic-wrapper">
      <h3>Know more about us</h3>
+
        <video src="https://static.igem.org/mediawiki/2018/9/98/T--XJTU-China--home-video.mp4" controls="controls">
      <p> Our Twitter mainpage: </p>
+
          Your browser does not support video tag
            <p> Wechat official public account: </p>
+
        </video>
            <p style="text-align:center"><img style="display:inline-block;width:200px;height:200px;" src="https://static.igem.org/mediawiki/2018/5/56/T--XJTU-China--QRCode.jpg" /></p>
+
       </div>
            <p> E-mail address: <a href="mailto:xjtuigem@outlook.com" >XJTU-China</a> </p>
+
       <p> A <a href="http://parts.randolph.top">mirror</a> for synthetic biology hub (for mianland China users) </p>
+
 
     </div>
 
     </div>
 
+
     <div class="content-block" id="content-block-2">
     <div class="clear extra_space"></div>
+
      <div class="content-text-wrapper">
    <div class="line_divider"></div>
+
        <h2 class="content-title">Power of Evolution</h2>
    <div class="clear extra_space"></div>
+
        <p class="content-text">
 
+
          <strong>Directed evolution (DE)</strong> is a Nobel Prize method in seeking for better enzymea. But screening manully is not even close to the real power of evolution.
    <div class="column full_size" >  
+
        </p>
      <h3> Description</h3>
+
        <p class="content-text">
      <p>One may say that our project, the project of XJTU-China 2018, is established from two distinct point-of-view. The design philosophy of synthetic biology: top-down and bottom-up meets and thus is how we come up with this idea. </p>
+
          We unleashed the power of antibiotic resistance as a quantitative reporter, and used Biosensors as a bridge to evolutional pressure. This is our secret in achieving extra <strong>high throughput</strong>!
      <p>The first idea comes from the dillema for those who want to lose weight, or especilly for those who suffer from diabetes: health and taste. Sugar are delightful but the energy it provides may lead to trouble. That's the reason why a variety of sugar substitutes emerges, but none without a clear record of health concerns. That's the reason here we introduce psicose, a rare sugar, the C-3 epimer of fructose, which is the ultimate solution of saccrose substitute: a balance between sweetness and low energy (about 3% of that in saccrose).</p>
+
        </p>
      <p>Chemical manufacturing of psicose is laborous and poses trouble in chiral separation. Biomanufacturing is promising but suffers severely from low enzymatic activity. The goal of our team is to find a reliable, robust and high throughput method in screening for enzymes with high activity.</p>
+
      </div>
      <p>The second idea emerges from the concerns about the instability of traditional continuous-culture-based directed evolution. Why a accelerated Darwinian evolution is never achieved with simple tools of pressure-introducing such as toxic proteins or antibiotics? We would manage to build up a Standard Framework for Directed Evolution with detailed data and standarized procedures.</p>
+
       <img src="https://static.igem.org/mediawiki/2018/c/cc/T--XJTU-China--Home-evo.png" />
       <p>We are applying this exciting new method in searching for a more optimized enzyme for the biomanufacturing of psicose.</p>
+
 
     </div>
 
     </div>
 
+
     <div class="content-block" id="content-block-3">
     <div class="column full_size" >
+
      <div class="content-text-wrapper">
      <h3>Gallery</h3>
+
        <h2 class="content-title">Cascade of precision</h2>
      <div class="coursel">
+
         <p class="content-text">
        <div class="courselCont"><img style="width:60%;display:inline-block;" class="courselPic" src="https://static.igem.org/mediawiki/2018/thumb/9/96/T--XJTU-China--labPhotoForSafetyForm-1.jpeg/800px-T--XJTU-China--labPhotoForSafetyForm-1.jpeg" />
+
           Worrying about antibiotics are too toxic, or the threshold is not matched? Here we present our <strong>Tl-Cp cassete</strong> as a tunable resistance, which pull the evolutionary pressure to a suitable level.
          <p style="text-align:center;" class="courselTag">Lab overview 1</p>
+
         </p>
         </div>
+
         <p class="content-text">
        <div class="courselCont"><img style="width:60%;display:inline-block;" class="courselPic" src="https://static.igem.org/mediawiki/2018/thumb/b/bd/T--XJTU-China--labPhotoForSafetyForm-2.jpeg/800px-T--XJTU-China--labPhotoForSafetyForm-2.jpeg" />
+
           Precision is never achieved without modelling! Come and see the math behind each level of regulation which eventually made the system possible.
           <p class="courselTag">Lab overview 2</p>
+
         </p>
         </div>
+
         <div class="courselCont"><img style="width:60%;display:inline-block;" class="courselPic" src="https://static.igem.org/mediawiki/2018/thumb/8/88/T--XJTU-China--labPhotoForSafetyForm-3.jpeg/800px-T--XJTU-China--labPhotoForSafetyForm-3.jpeg" />
+
           <p class="courselTag">Lab overview 3</p>
+
         </div>
+
 
       </div>
 
       </div>
      <br />
 
 
     </div>
 
     </div>
 +
    <div class="content-block" id="content-block-4">
 +
      <h2 class="content-title">Team</h2>
 +
    </div>
 +
    <div class="content-block" id="content-block-dummy">
 +
    </div>
 +
    <div class="content-block" id="content-block-5">
 +
    </div>
 +
    <footer></footer>
 
   </div>
 
   </div>
  
   <link rel="stylesheet" type="text/css" href="slick/slick.css"/>
+
   <link rel="stylesheet" href="
   <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
+
  https://fonts.googleapis.com/css?family=Roboto+Mono" />
 +
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato" />
 +
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu" />
 
   <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
 
   <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"></script>
+
   <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
 +
  <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" />
 +
  <script type='text/javascript' src="https://2018.igem.org/wiki/index.php?title=Template:XJTU-China/jquery.waypoints.min.js&action=raw&ctype=text/javascript"></script>
 
   <script>
 
   <script>
 
     $(document).ready(function(){
 
     $(document).ready(function(){
 +
      // banner text showing animation
 
       $('#text-d').fadeIn(800);
 
       $('#text-d').fadeIn(800);
 
       $('#text-e').delay(800).fadeIn(800);
 
       $('#text-e').delay(800).fadeIn(800);
Line 98: Line 103:
 
       $('.banner-sub-text').delay(3000).fadeIn(1000);
 
       $('.banner-sub-text').delay(3000).fadeIn(1000);
 
       $('.banner-up-arrow').delay(4000).fadeIn(800);
 
       $('.banner-up-arrow').delay(4000).fadeIn(800);
 +
 +
      // banner scroll hint animation
 
       setInterval(function(){
 
       setInterval(function(){
 
         $('.banner-up-arrow').fadeTo(1400, 0.4).fadeTo(1400, 0.8);
 
         $('.banner-up-arrow').fadeTo(1400, 0.4).fadeTo(1400, 0.8);
 
       }, 2800);
 
       }, 2800);
 
       var iter=1;
 
       var iter=1;
 +
 +
      // banner picture cycling animation
 
       setInterval(function(){
 
       setInterval(function(){
 
         if (iter == $('.banner-pic-wrapper').children().length-1) {
 
         if (iter == $('.banner-pic-wrapper').children().length-1) {
Line 112: Line 121:
 
         iter = next_iter;
 
         iter = next_iter;
 
       }, 6000)
 
       }, 6000)
    });
+
 
  </script>
+
      // content text showing animation
  <script type="text/javascript" src="slick/slick.min.js"></script>
+
      $('.content-title').waypoint(function(){
  <script type="text/javascript">
+
         $(this.element).delay(400).animate({top: '0'}, 400, 'swing');
    $(document).ready(function(){
+
       }, {offset: 'bottom-in-view'});
         $('.coursel').slick({
+
      $('.content-text').waypoint(function(){
                            dots: true,
+
        $(this.element).animate({left: '0'}, 800, 'swing');
       slidesToShow: 1,
+
       }, {offset: 'bottom-in-view'});
    speed: 300,
+
    autoplay: true,
+
       autoplaySpeed: 2000
+
        });
+
 
     });
 
     });
 
   </script>
 
   </script>

Revision as of 03:20, 7 October 2018

Sugar of the Future

D-psicose gives us a glimpse of what sugar in the future would be like. Completely safe and as tasty, but provides barely no energy. On the contrary, it even benefits diabetes and obesity and more!

It provides only 0.3% energy of sucrose, but is 70% as sweet.

Power of Evolution

Directed evolution (DE) is a Nobel Prize method in seeking for better enzymea. But screening manully is not even close to the real power of evolution.

We unleashed the power of antibiotic resistance as a quantitative reporter, and used Biosensors as a bridge to evolutional pressure. This is our secret in achieving extra high throughput!

Cascade of precision

Worrying about antibiotics are too toxic, or the threshold is not matched? Here we present our Tl-Cp cassete as a tunable resistance, which pull the evolutionary pressure to a suitable level.

Precision is never achieved without modelling! Come and see the math behind each level of regulation which eventually made the system possible.

Team