Difference between revisions of "Team:XJTU-China"

Line 135: Line 135:
 
   <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" />
 
   <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 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(){
 +
 +
      // header scroll to top animation
 +
      $(window).scroll(function() {
 +
        if ($(this).scrollTop() == 0) {
 +
          $('header li a, header .nav-head, header').animate({lineHeight: '84px'}, 400, 'linear');
 +
          $('header .nav-pic').animate({marginBottom: '15px'}, 400, 'linear');
 +
          $('header').animate({opacity: '0.7'}, 400, 'linear');
 +
          $('header').data('expend', 'true');
 +
          console.log('scoll to the top');
 +
        } else if ($(this).scrollTop() >= 100 && $('header').data('expend') != 'false') {
 +
          $('header li a, header .nav-head, header').animate({lineHeight: '54px'}, 200, 'linear');
 +
          $('header .nav-pic').animate({marginBottom: '0'}, 200, 'linear');
 +
          $('header').animate({opacity: '1'}, 200, 'linear');
 +
          $('header').data('expend', 'false');
 +
        }
 +
      });
 +
 
       // banner text showing animation
 
       // banner text showing animation
 
       $('#text-d').fadeIn(800);
 
       $('#text-d').fadeIn(800);
Line 164: Line 180:
  
 
       // content text showing animation
 
       // content text showing animation
 +
      var title_show = function(element) {
 +
        if ($(element).data('inview') == 'true') {
 +
          $(element).animate({top: '-40px', opacity: '0'}, 300, 'swing');
 +
          $(element).data('inview', 'false');
 +
        } else {
 +
          $(element).animate({top: '0', opacity: '1'}, 600, 'swing');
 +
          $(element).data('inview', 'true');
 +
        }
 +
      };
 +
      var text_show = function(element) {
 +
        if ($(element).data('inview') == 'true') {
 +
          $(element).animate({left: '-100px', opacity: '0'}, 400, 'swing');
 +
          $(element).data('inview', 'false');
 +
        } else {
 +
          $(element).animate({left: '0', opacity: '1'}, 1000, 'swing');
 +
          $(element).data('inview', 'true');
 +
        }
 +
      };
 +
      var text_show_r = function(element) {
 +
        if ($(element).data('inview') == 'true') {
 +
          $(element).animate({left: '100px', opacity: '0'}, 400, 'swing');
 +
          $(element).data('inview', 'false');
 +
        } else {
 +
          $(element).animate({left: '0', opacity: '1'}, 1000, 'swing');
 +
          $(element).data('inview', 'true');
 +
        }
 +
      };
 
       $('.content-title').waypoint(function(){
 
       $('.content-title').waypoint(function(){
−
         $(this.element).delay(400).animate({top: '0'}, 400, 'swing');
+
         title_show(this.element);
−
        console.log('title animation triggered');
+
      }, {offset: 'bottom-in-view'});
 +
      $('.content-text:not(#content-block-2 .content-text)').waypoint(function(){
 +
        text_show(this.element);
 
       }, {offset: 'bottom-in-view'});
 
       }, {offset: 'bottom-in-view'});
−
       $('.content-text').waypoint(function(){
+
       $('#content-block-2 .content-text').waypoint(function(){
−
         $(this.element).animate({left: '0'}, 800, 'swing');
+
         text_show_r(this.element);
 
       }, {offset: 'bottom-in-view'});
 
       }, {offset: 'bottom-in-view'});
 
     });
 
     });

Revision as of 07:47, 7 October 2018

XJTU-China 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