Difference between revisions of "Team:XJTU-China"

m
(New navigation bar)
Line 1: Line 1:
 
{{XJTU-China}}
 
{{XJTU-China}}
<html>
+
<body>
 +
  <header>
 +
    <image class="nav-logo" src="logo.png" />
 +
    <h2 class="nav-head">XJTU-China 2018</h1>
 +
    <nav>
 +
      <ul>
 +
        <li><a class="active" href="Home/">Home</a></li>
 +
        <li><a href="Project/">Project</a></li>
 +
        <li><a href="Parts/">Parts</a></li>
 +
        <li><a href="Lab/">Lab</a></li>
 +
        <li><a href="Human_Practices/">Practices</a></li>
 +
        <li><a href="Team/">Team</a></li>
 +
        <!-- Do we need Awards or Safety tab? -->
 +
      </ul>
 +
    </nav>
 +
  </header>
  
<head>
+
  <div class="igem_2018_team_content">
<meta charset="utf-8" />
+
    <div class="igem_2018_team_column_wrapper">
<style type="text/css">
+
      <div id=content>
.courselCont {
+
        <div class="column full_size" >
text-align:center;
+
          <h1>XJTU-China 2018</h1>
}
+
          <h2>A Standard Framework for Directed Evolution</h2>
.courselTag {
+
          <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>
text-align:center;
+
        </div>  
}
+
</style>
+
</head>
+
  
<div class="column full_size" >
+
        <div class="clear extra_space"></div>
<h1>XJTU-China 2018</h1>
+
        <div class="line_divider"></div>
<h2>A Standard Framework for Directed Evolution</h2>
+
        <div class="clear extra_space"></div>
<p style="text-align:center;"><img style="display:inline-block;width:580px;height:400px;" src="https://static.igem.org/mediawiki/2018/8/89/T--XJTU-China--teamLogo.png" /></p>
+
</div>  
+
  
<div class="clear extra_space"></div>
+
        <div class="column full_size" >
<div class="line_divider"></div>
+
          <h3>Know more about us</h3>
<div class="clear extra_space"></div>
+
          <p> Our Twitter mainpage: </p>
 +
                <p> Wechat official public account: </p>
 +
                <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>
 +
                <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 class="column full_size" >
+
        <div class="clear extra_space"></div>
<h3>Know more about us</h3>
+
         <div class="line_divider"></div>
<p> Our Twitter mainpage: </p>
+
         <div class="clear extra_space"></div>
         <p> Wechat official public account: </p>
+
        <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>
+
         <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 class="clear extra_space"></div>
+
        <div class="column full_size" >  
<div class="line_divider"></div>
+
          <h3> Description</h3>
<div class="clear extra_space"></div>
+
          <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>
 +
          <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>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>
 +
          <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>
 +
          <p>We are applying this exciting new method in searching for a more optimized enzyme for the biomanufacturing of psicose.</p>
 +
        </div>
  
<div class="column full_size" >
+
        <div class="column full_size" >
<h3> Description</h3>
+
          <h3>Gallery</h3>
<p>One may say that our project, the project of XJTU-China 2018, is established from two distinct point of views. The design philosophy of synthetic biology: top-down and bottom-up meets and thus is how we come up with our idea. </p>
+
          <div class="coursel">
<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 emerge, but none with a clear record of health concerns. Here we introduce psicose, a rare sugar, the C-3 epimer of fructose, which is the ultimate solution of saccharose substitute: a perfect balance between sweetness and low energy(about 3% of that in saccharose).</p>
+
            <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" />
<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>
+
              <p style="text-align:center;" class="courselTag">Lab overview 1</p>
<p>The second idea emerges from the concerns about the instability of traditional continuous-culture-based directed evolution. Why an accelerated Darwinian evolution is never achieved with simple pressure-introducing tools such as toxic proteins or antibiotics? With this in mind, we would manage to build up a Standard Framework for Directed Evolution with detailed data and standarized procedures.</p>
+
            </div>
<p>We are applying this exciting new method in searching for a more optimized enzyme for the biomanufacturing of psicose.</p>
+
            <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" />
</div>
+
              <p class="courselTag">Lab overview 2</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>
 +
          <br />
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
  
<div class="column full_size" >
+
  <link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<h3>Gallery</h3>
+
  <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
<div class="coursel">
+
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<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" />
+
  <script type="text/javascript" src="slick/slick.min.js"></script>
<p style="text-align:center;" class="courselTag">Lab overview 1</p></div>
+
  <script type="text/javascript">
<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" />
+
    $(document).ready(function(){
<p style="text-align:center;" class="courselTag">Lab overview 2</p></div>
+
        $('.coursel').slick({
<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" />
+
                            dots: true,
<p style="text-align:center;" class="courselTag">Lab overview 3</p></div>
+
      slidesToShow: 1,
</div>
+
    speed: 300,
<br />
+
    autoplay: true,
 +
      autoplaySpeed: 2000
 +
        });
 +
    });
 +
  </script>
  
        <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
+
</body>
        <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"/>
+
        <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js">
+
</script>
+
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
+
<script type="text/javascript">
+
    $(document).ready(function(){
+
      $('.coursel').slick({
+
                                dots: true,
+
  slidesToShow: 1,
+
speed: 300,
+
autoplay: true,
+
  autoplaySpeed: 2000
+
      });
+
    });
+
  </script>
+
</div>
+
  
 
</html>
 
</html>

Revision as of 00:42, 4 October 2018

<body>

 <header>
   <image class="nav-logo" src="logo.png" />