Difference between revisions of "Team:XJTU-China"

m (add dropmenu)
m
 
(29 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{XJTU-China}}
 
{{XJTU-China}}
 +
{{XJTU-China/Header}}
  
 
<html>
 
<html>
−
<style type="text/css">
+
<head>
−
nav.navbar > div > ul > li .dropdown-menu {      margin: 0 ;    padding-left: 10px; border: 0;border-radius:0; }
+
  <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:XJTU-China/home.css&action=raw&ctype=text/css" />
−
   nav.navbar > div > ul > li:hover .dropdown-menu {      display: block; }
+
   <!-- link rel="stylesheet" type="text/css" href="../home.css" -->
−
  </style>
+
</head>
−
 
+
 
<body>
 
<body>
 +
<style>
 +
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px;  }
 +
</style>
 
<div id="universal-wrapper">
 
<div id="universal-wrapper">
−
  <header>
 
−
    <image class="nav-logo" src="https://static.igem.org/mediawiki/2018/c/cd/T--XJTU-China--Logo.png" />
 
−
    <h2 class="nav-head">XJTU-China 2018</h2>
 
−
    <nav class="navbar navbar-expand-sm">
 
−
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
 
−
        <span class="navbar-toggler-icon"></span>
 
−
      </button>
 
−
      <div class="collapse navbar-collapse" id="collapsibleNavbar">
 
−
        <ul class="navbar navbar-nav">
 
−
          <li class="nav-item dropdown">
 
−
            <a class="nav-link active" href="https://2018.igem.org/Team:XJTU-China">Home</a>
 
−
            <ul class="dropdown-menu">
 
−
              <li><a href="#Video">Video</a></li>
 
−
              <li><a href="#Description">Description</a></li>
 
−
              <li><a href="#Contact">Contact</a></li>
 
−
            </ul>
 
−
          </li>
 
−
          <li class="nav-item dropdown">
 
−
            <a class="nav-link" href="https://2018.igem.org/Team:XJTU-China/Project">Project</a>
 
−
            <ul class="dropdown-menu">
 
−
              <li><a href="#Background">Background</a></li>
 
−
              <li><a href="#Our plan">Our plan</a></li>
 
−
              <li><a href="#Design">Design</a></li>
 
−
            </ul>
 
−
          </li>
 
−
          <li class="nav-item">
 
−
            <a class="nav-link" href="https://2018.igem.org/Team:XJTU-China/Parts">Parts</a>
 
−
          </li>
 
−
          <li class="nav-item">
 
−
            <a class="nav-link" href="https://2018.igem.org/Team:XJTU-China/Lab">Lab</a>
 
−
          </li>
 
−
          <li class="nav-item">
 
−
            <a class="nav-link" href="https://2018.igem.org/Team:XJTU-China/Model">Modelling</a>
 
−
          </li>
 
−
          <li class="nav-item">
 
−
            <a class="nav-link" href="https://2018.igem.org/Team:XJTU-China/Human_Practices">HP</a>
 
−
          </li>
 
−
          <li class="nav-item">
 
−
            <a class="nav-link" href="https://2018.igem.org/Team:XJTU-China/Team">Team</a>
 
−
          </li>
 
−
        </ul>
 
−
      </div> 
 
−
      <!--ul>
 
−
        <li><a class="active" href="https://2018.igem.org/Team:XJTU-China">Home</a></li>
 
−
        <li><a href="https://2018.igem.org/Team:XJTU-China/Project">Project</a></li>
 
−
        <li><a href="https://2018.igem.org/Team:XJTU-China/Parts">Parts</a></li>
 
−
        <li><a href="https://2018.igem.org/Team:XJTU-China/Lab">Lab</a></li>
 
−
        <li><a href="https://2018.igem.org/Team:XJTU-China/Model">Modelling</a></li>
 
−
        <li><a href="https://2018.igem.org/Team:XJTU-China/Human_Practices">Practices</a></li>
 
−
        <li><a href="https://2018.igem.org/Team:XJTU-China/Team">Team</a></li-->
 
−
        <!-- Do we need Awards or Safety tab? -->
 
−
      <!--/ul-->
 
−
    </nav>
 
−
  </header>
 
−
 
 
   <div class="banner-pic-wrapper">
 
   <div class="banner-pic-wrapper">
 
     <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" id="banner-pic-2" src="https://static.igem.org/mediawiki/2018/6/67/T--XJTU-China--Banner-fluo.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-3" 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-3" src="https://static.igem.org/mediawiki/2018/5/50/T--XJTU-China--Banner-bacteria.png" />
+
     <img class="banner-pic" id="banner-pic-1" src="https://static.igem.org/mediawiki/2018/5/50/T--XJTU-China--Banner-bacteria.png" />
 +
    <img class="banner-pic active" id="banner-pic-0" src="https://static.igem.org/mediawiki/2018/e/ed/T--XJTU-China--Banner-fixed.png" />
 
   </div>
 
   </div>
 
   <div class="banner-dummy">
 
   <div class="banner-dummy">
 +
<!--
 
     <h1 class="banner-text">
 
     <h1 class="banner-text">
 
       <span id="text-d">D</span><span id="text-e">E</span><span id="text-cose">cose</span>
 
       <span id="text-d">D</span><span id="text-e">E</span><span id="text-cose">cose</span>
Line 78: Line 28:
 
       A Biosensor-based Directed Evolution method in promoting D-Psicose productivity
 
       A Biosensor-based Directed Evolution method in promoting D-Psicose productivity
 
     </h3>
 
     </h3>
 +
-->
 
   </div>
 
   </div>
  
Line 92: Line 43:
 
       </div>
 
       </div>
 
       <div class="content-pic-wrapper">
 
       <div class="content-pic-wrapper">
−
         <video src="https://static.igem.org/mediawiki/2018/9/98/T--XJTU-China--home-video.mp4" controls="controls">
+
         <video src="https://static.igem.org/mediawiki/2018/9/98/T--XJTU-China--home-video.mp4" controls="controls" style="margin-left:-20%;">
 
           Your browser does not support video tag
 
           Your browser does not support video tag
 
         </video>
 
         </video>
Line 101: Line 52:
 
         <h2 class="content-title">Power of Evolution</h2>
 
         <h2 class="content-title">Power of Evolution</h2>
 
         <p class="content-text">
 
         <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.
+
           <strong>Directed evolution (DE)</strong> is a Nobel Prize method in seeking for better enzymes. But screening manully is not even close to the real power of evolution.
 
         </p>
 
         </p>
 
         <p class="content-text">
 
         <p class="content-text">
Line 119: Line 70:
 
         </p>
 
         </p>
 
       </div>
 
       </div>
 +
      <img src="https://static.igem.org/mediawiki/2018/b/b2/T--XJTU-China--Home-cascades.png" />
 
     </div>
 
     </div>
 
     <div class="content-block" id="content-block-4">
 
     <div class="content-block" id="content-block-4">
 
       <h2 class="content-title">Team</h2>
 
       <h2 class="content-title">Team</h2>
 +
      <p class="content-text">Meet our team members!</p>
 
     </div>
 
     </div>
 
     <div class="content-block" id="content-block-dummy">
 
     <div class="content-block" id="content-block-dummy">
 +
    </div>
 +
    <div class="content-block" id="content-block-4-pic">
 +
      <!-- <img id="content-pic-team" src="https://static.igem.org/mediawiki/2018/1/1a/T--XJTU-China--Banner-lie.png" /> -->
 +
      <img id="content-pic-team" src="https://static.igem.org/mediawiki/2018/2/20/T--XJTU-China--Banner-group.jpg" />
 
     </div>
 
     </div>
 
     <div class="content-block" id="content-block-5">
 
     <div class="content-block" id="content-block-5">
 +
      <h3 class="content-title">Sponsors</h3>
 +
      <img class="sponsor-img" src="https://static.igem.org/mediawiki/2018/6/68/T--XJTU-China--Sponsor-bse.png" />
 +
      <img class="sponsor-img" src="https://static.igem.org/mediawiki/2018/0/02/T--XJTU-China--Sponsor-XJTU%28small%29.jpg" />
 +
      <img class="sponsor-img" src="https://static.igem.org/mediawiki/2018/8/8b/T--XJTU-China--Sponsor-qianyuan.png" />
 +
      <!--img class="sponsor-img" src="https://static.igem.org/mediawiki/2018/3/3d/T--XJTU-China--Sponsor-genewiz.jpg" />
 +
      <img class="sponsor-img" src="https://static.igem.org/mediawiki/2018/9/95/T--XJTU-China--Sponsor-genscript.png" />
 +
      <img class="sponsor-img" src="https://static.igem.org/mediawiki/2018/1/10/T--XJTU-China--Sponsor-tsingke.jpg" />
 +
      <img class="sponsor-img" src="https://static.igem.org/mediawiki/2018/d/d2/T--XJTU-China--Sponsor-mathworks.png" /-->
 
     </div>
 
     </div>
−
    <footer></footer>
+
 
 
   </div>
 
   </div>
 +
</div>
  
−
  <link rel="stylesheet" href="
+
<!-- JS and external CSS -->
−
  https://fonts.googleapis.com/css?family=Roboto+Mono" />
+
<script type='text/javascript' src="https://2018.igem.org/wiki/index.php?title=Template:XJTU-China/home.js&action=raw&ctype=text/javascript"></script>
−
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato" />
+
<!-- script type="text/javascript" src="home.js"></script -->
−
  <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://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 src="js/popper.min.js"></script>
+
</body>
−
  <script>
+
−
    $(document).ready(function(){
+
−
      // banner text showing animation
+
−
      $('#text-d').fadeIn(800);
+
−
      $('#text-e').delay(800).fadeIn(800);
+
−
      $('#text-cose').delay(1600).fadeIn(1000);
+
−
      $('.banner-sub-text').delay(3000).fadeIn(1000);
+
−
      $('.banner-up-arrow').delay(4000).fadeIn(800);
+
  
−
      // banner scroll hint animation
+
</html>
−
      setInterval(function(){
+
−
        $('.banner-up-arrow').fadeTo(1400, 0.4).fadeTo(1400, 0.8);
+
−
      }, 2800);
+
−
      var iter=1;
+
  
−
      // banner picture cycling animation
+
{{XJTU-China/Footer}}
−
      setInterval(function(){
+
−
        if (iter == $('.banner-pic-wrapper').children().length-1) {
+
−
          var next_iter = 1;
+
−
        } else {
+
−
          var next_iter = iter+1;
+
−
        }
+
−
        $('#banner-pic-'+next_iter).fadeIn(1000);
+
−
        $('#banner-pic-'+iter).delay(500).fadeOut(1000);
+
−
        iter = next_iter;
+
−
      }, 6000)
+
−
 
+
−
      // content text showing animation
+
−
      $('.content-title').waypoint(function(){
+
−
        $(this.element).delay(400).animate({top: '0'}, 400, 'swing');
+
−
        console.log('title animation triggered');
+
−
      }, {offset: 'bottom-in-view'});
+
−
      $('.content-text').waypoint(function(){
+
−
        $(this.element).animate({left: '0'}, 800, 'swing');
+
−
      }, {offset: 'bottom-in-view'});
+
−
    });
+
−
  </script>
+
−
</div>
+
−
</body>
+
−
</html>
+

Latest revision as of 22:36, 17 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 enzymes. 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

Meet our team members!

Sponsors

Copyright © 2018 XJTU-China iGEM Team. All rights reserved.