Difference between revisions of "Team:Peking/Design"

(Prototype team page)
 
Line 1: Line 1:
−
{{Peking}}
+
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
−
<html>
+
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
 +
<!--[if (gte IE 8)|!(IE)]><!-->
 +
<html class="no-js" lang="en">
 +
<!--<![endif]-->
 +
<head>
 +
<!--- Basic Page Needs========================================================================= -->
 +
    <meta charset="utf-8">
 +
  <title>Standard</title>
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" />
 +
    <meta name="description" content="Wiki of Peking iGEM 2016" />
 +
    <meta name="author" content="Li Jiamian & Wang Yuqing">
 +
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<!-- Mobile Specific Metas===================================================================== -->
 +
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 +
<!-- Fix  Overwrite the original iGEM style=================================================== -->
 +
    <link href="https://2016.igem.org/Template:Peking/css/fix?action=raw&ctype=text/css" rel="stylesheet" />
 +
<!-- CSS======================================================================================= -->
 +
  <link href="https://2016.igem.org/Template:Peking/css/bootstrap_min?action=raw&ctype=text/css" rel="stylesheet" />
 +
  <link href="https://2016.igem.org/Template:Peking/css/style?action=raw&ctype=text/css" rel="stylesheet" />
 +
<!-- CSS======================================================================================= -->
 +
  <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/default?action=raw&ctype=text/css">
 +
  <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/layout?action=raw&ctype=text/css">
 +
  <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/media-queries?action=raw&ctype=text/css">
 +
  <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/priorstyle?action=raw&ctype=text/css">
 +
</head>
  
 +
<style type="text/css">
 +
.design_img{
 +
margin-top: 40px;
 +
width: 100%;
 +
}
 +
  #primary span{
 +
    display:block;
 +
    word-break:break-all
 +
  }
  
−
<div class="column full_size judges-will-not-evaluate">
+
  #page-wrap {
−
<h3>★  ALERT! </h3>
+
    width: 25%;
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Awards#Special_Prizes"> design special prize</a>. </p>
+
    margin: 0px;
 +
    position: relative;
 +
  }
  
 +
  #sidebar {
 +
    width: 25%; 
 +
    margin-left: 0px;
 +
  }
 +
  @media (min-width:1024px){
 +
        #sidebar{position:relative;top:120px;max-width:200px;}}
 +
  @media (max-width: 1023px){
 +
        #sidebar{display:none;}
 +
        #page-wrap{display:none;}
 +
      }
  
−
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions"> Instructions for Pages for awards</a>.</p>
+
  .classic-title {
−
</div>
+
    margin-bottom: 16px;
 +
    border-bottom: 1px solid #eee;
 +
      font-weight: 300;
 +
  }
  
  
 +
  .classic-title span {
 +
    padding-bottom: 8px;
 +
    border-bottom: 1px solid #383232;
 +
    font-weight: 400;
 +
  }
  
−
<div class="column full_size">
+
.p > small{
 +
  margin-bottom:5px;
 +
}
  
  
−
<p>
+
  </style>
−
By talking about your design work on this page, there is one medal criterion that you can attempt to meet, and one award that you can apply for. If your team is going for a gold medal by building a functional prototype, you should tell us what you did on this page.
+
−
</p>
+
  
  
−
<p>This is a prize for the team that has developed a synthetic biology product to solve a real world problem in the most elegant way. The students will have considered how well the product addresses the problem versus other potential solutions, how the product integrates or disrupts other products and processes, and how its lifecycle can more broadly impact our lives and environments in positive and negative ways.</p>
+
  <script type="text/javascript">
  
−
<p>
 
−
If you are working on art and design as your main project, please join the art and design track. If you are integrating art and design into the core of your main project, please apply for the award by completing this page.
 
−
</p>
 
  
 +
  function menuFixed(id){
 +
  var obj = document.getElementById(id);
 +
  var _getHeight = obj.offsetTop;
  
−
<p>Teams who want to focus on art and design should be in the art and design special track. If you want to have a sub-project in this area, you should compete for this award.</p>
+
  window.onscroll = function(){
−
</div>
+
  changePos(id,_getHeight);
 +
  }
 +
  }
 +
  function changePos(id,height){
 +
  var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 +
  if(w>=1024){
 +
    if($(window).scrollTop() + $(window).height() > $(document).height() - 230){
 +
                  $('#sidebar').fadeOut("fast");}else{$('#sidebar').fadeIn("fast");}
 +
  }
 +
  var scrollTop = document.documentElement.scrollTop || document.body.scrollTop -230;
 +
  var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 +
  var w = window.innerWidth;
  
 +
  if(scrollTop < height){ obj.style.position = 'relative';     
 +
  }else{
 +
  obj.style.position = 'fixed';
 +
  }
 +
  }
 +
  </script>
  
 +
  <script type="text/javascript">
 +
  window.onload = function(){
 +
  menuFixed('sidebar');
 +
  }
 +
  </script>
  
 +
<body>
 +
<!-- Navigation -->
 +
    <div id="navigation" class="navbar navbar-fixed-top">
 +
  <div class="navbar-inner ">
 +
    <div class="container no-padding">
 +
      <a class="show-menu" data-toggle="collapse" data-target=".nav-collapse"><span class="show-menu-bar"></span>
 +
    </a>
 +
      <div id="logo" style="max-width:170px"><a class="" href="https://2016.igem.org/Team:Peking"></a></div>
 +
       
 +
        <div class="nav-collapse collapse">
 +
      <ul class="nav">
 +
        <li class="menu-1"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking" >Home</a></li>
 +
        <li class="dropdown menu-2"><a class="dropdown-toggle" data-toggle="dropdown" href="#" > Achievements</a>
 +
                  <ul class="dropdown-menu">
 +
                      <li><a href="https://2016.igem.org/Team:Peking/Demonstrate" >Results</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Peking/Basic_Part" >Parts</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Peking/Collaborations" >Collaborations</a></li>
 +
                  </ul>
 +
        </li>
 +
        <li class="dropdown menu-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project</a>
 +
                  <ul class="dropdown-menu">
 +
                      <li><a href="https://2016.igem.org/Team:Peking/Description" >Overview</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Peking/Design" >Design</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Peking/Cross-linking" >Cross-linking</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Peking/Uranyl-absorption" >Uranyl absorption</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Peking/Retrievability" >Collection</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Peking/Secretion" >Secretion</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Peking/Proof" >Proof and speculation</a></li>
 +
                  </ul>
 +
        </li>
 +
        <li class="dropdown menu-4"><a class="colapse-menu1" href="#" >Modeling</a>
 +
                  <ul class="dropdown-menu">
 +
                      <li><a href="https://2016.igem.org/Team:Peking/Model" >Protein polymerization</a></li>
 +
                  </ul>
 +
        </li>
 +
        <li class="dropdown menu-5"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Practices</a>
 +
                  <ul class="dropdown-menu">
 +
                      <li><a href="https://2016.igem.org/Team:Peking/HP/Gold" >Overview</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#311" >Field research</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#questionnaire" >Questionnaire</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#consulting" >Consulting</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#questionnaire" >Other work</a></li>
 +
                  </ul>
 +
        </li>
 +
        <li class="menu-6"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Safety" >Safety</a>
 +
        <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Lab</a>
 +
                  <ul class="dropdown-menu">
 +
                        <li><a class="" href="https://2016.igem.org/Team:Peking/Team" >Team</a></li>
 +
                        <li><a class="" href="https://2016.igem.org/Team:Peking/Attributions" >Attribution</a></li>
 +
                        <li><a class="" href="https://2016.igem.org/Team:Peking/Notebook" >Notebook</a></li>
 +
                  </ul>
 +
        </li>
 +
        <li class="menu-8"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Interlab" >Interlab</a>
 +
        </li>
 +
    </div>
 +
  </div>
 +
  </div>
 +
  </div>
 +
    <!--/Navigation -->
  
 +
<!-- Page Title======================================================================== -->
 +
  <div id="page-title">
 +
      <div class="row">
 +
        <div class="twelve columns centered text-center">
 +
            <h1>Designs<span>.</span></h1>
 +
            <p class="title1" style="text-align:center">Peking iGEM 2016</p>
 +
        </div>
 +
      </div>
 +
  </div>
 +
  <!-- Page Title End-->
  
 +
<style>
 +
sup{
 +
color:white;
 +
}
 +
</style>
 +
<div id="page-content" class="row page">
 +
    <div id="primary" class="twelve columns">
 +
      <section>
 +
          <div class="row">
 +
<div class="three columns">
 +
            <div id="page-wrap">
 +
<div id="sidebar" style="color:#000000">
 +
<h4>Design</h4>
 +
  <ul>
 +
        <li><a href="#Crosslinking">Crosslinking</a></li>
 +
        <li><a href="#Uranyl">Uranyl<sup>_</sup>Adsorption</a></li>
 +
      <li><a href="#Collection">Collection</a></li>
 +
        <li><a href="#Secretion">Secretion</a></li>
 +
  </ul>
 +
</div><!--sidebar end-->
 +
          </div><!--pagewrap end-->
 +
</div><!--three columes end-->
 +
         
 +
                 
 +
 +
        <div class="nine columns">
 +
<p>In view of existing as well as potential future uranium pollution, the current complicated, time-consuming, inefficient and expensive treatment methods seem woefully out-of-date. To address these drawbacks, the Peking iGEM team put forward the Uranyl Reaper project, which aims to develop an innovative method to deal with uranium pollution.</p>
 +
<p>In order to achieve this goal, we designed an extraordinary biological adsorption material which is produced by engineered bacteria and self-assembles completely autonomously. Based on the isopeptide bond formed between SpyCatcher and SpyTag, two designed crosslinking peptides, we developed trimeric SpyTag and SpyCatcher modules which can form a covalently-linked network which offers high mechanical strength and high stability in diverse challenging environments.</p>
 +
<p>This network further gains a capacity to adsorb uranium in aqueous environments with high efficiency via the addition of a super uranyl binding protein (SUP) module. The SUP could also be replaced with other functional elements such as additional metal binding proteins, or the monomerized streptavidin (mSA) module which can mediate the recovery of the self-assembled network through biotin-avidin interactions, in order to achieve multi-functionality and modularization.</p>
 +
<p>We utilized a series of signal peptides to ensure efficient secretion. A schematic graph of the whole project is shown in Figure 1.</p>
 +
 +
<img class="design_img" src="#" alt=""/>
 +
<p><b>Figure 1.  Schematic diagram of the Uranium Reaper project.</b></p>
 +
 +
<a id="Crosslinking"></a>
 +
<br/>
 +
<h3 class="classic-title";"><span>Local concentration enhancement - Crosslinking</span></h3>
 +
<p></p>
 +
 +
<a id="Uranyl"></a>
 +
<br/>
 +
<h3 class="classic-title";"><span>Reaping the ions - Uranyl Adsorption</span></h3>
 +
<p></p>
 +
 +
<a id="Collection"></a>
 +
<br/>
 +
<h3 class="classic-title";"><span>Retrieving the network - Collection</span></h3>
 +
<p></p>
 +
<p></p>
 +
 +
<a id="Secretion"></a>
 +
<br/>
 +
<h3 class="classic-title";"><span>Simplification of protein purification - Secretion</span></h3>
 +
<p></p>
 +
 +
 +
  </div><!--row end-->
 +
  </section>
 +
</div><!--12 columes end-->
 +
</div><!--page-content end-->
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<!-- footer============================================================================== -->
 +
<style>
 +
footer .copyright span:before {
 +
    content: "|";
 +
    padding-left: 10px;
 +
    padding-right: 12px;
 +
    color: #b4bbbb;
 +
}
 +
footer .copyright span:after {
 +
    content: "|";
 +
    padding-left: 10px;
 +
    padding-right: 12px;
 +
    color: #b4bbbb;
 +
}
 +
</style>
 +
  <footer id="page-footer">
 +
      <div class="row">
 +
        <div class="twelve columns" >
 +
            <ul class="copyright">
 +
              <!--<li>&copy; 2014 Sparrow</li> -->
 +
              <li><a href="2016.igem.org/Team:Peking">Home</a>&nbsp;&nbsp;&nbsp;<a href="mailto:pkuigem2016@126.com">Contact</a></li>
 +
              <span> &copy;2016 PEKING IGEM. All Rights Reserved.</span>
 +
              <li><a href="http://getbootstrap.com/2.3.2/">Based on Bootstrap</a></li>
 +
            </ul>
 +
        </div>
 +
<div id="go-top" style="display: block;"><a title="Back to Top" href="#">Go To Top</a></div>
 +
        </div>
 +
  </footer> <!-- Footer End-->
 +
 +
 +
<!-- Java Script======================================================================= -->
 +
  <script>window.jQuery || document.write('<script src="https://2016.igem.org/Template:Peking/Javascript/jquery_1_10_2_min?action=raw&ctype=text/javascript"><\/script>')</script>
 +
  <script type="text/javascript" src="https://2016.igem.org/Template:Peking/Javascript/jquery_migrate_1_2_1_min?action=raw&ctype=text/javascript"></script>
 +
 +
  <script src="https://2016.igem.org/Template:Peking/Javascript/jquery_flexslider?action=raw&ctype=text/javascript"></script>
 +
  <script src="https://2016.igem.org/Template:Peking/Javascript/doubleaptogo?action=raw&ctype=text/javascript"></script>
 +
  <script src="https://2016.igem.org/Template:Peking/Javascript/init?action=raw&ctype=text/javascript"></script>
 +
 +
 +
<!--quotations from black: start-->
 +
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery?action=raw&ctype=text/javascript"></script>
 +
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_sticky?action=raw&ctype=text/javascript"></script>     
 +
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_easing_1_3_pack?action=raw&ctype=text/javascript"></script>
 +
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/bootstrap_min?action=raw&ctype=text/javascript"></script>
 +
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_patallax_1_1_3?action=raw&ctype=text/javascript"></script>
 +
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/appear?action=raw&ctype=text/javascript"></script>
 +
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/modernizr?action=raw&ctype=text/javascript"></script>
 +
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_prettyPhoto?action=raw&ctype=text/javascript"></script>
 +
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/isotope?action=raw&ctype=text/javascript"></script>
 +
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_bxslider_min?action=raw&ctype=text/javascript"></script>
 +
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_cycle_all?action=raw&ctype=text/javascript" ></script>
 +
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_maximage?action=raw&ctype=text/javascript"></script>
 +
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/scripts?action=raw&ctype=text/javascript "></script>
 +
<!--quotations from black: end-->
 +
</body>
 
</html>
 
</html>

Revision as of 14:05, 13 October 2016

Standard

Designs.

Peking iGEM 2016

In view of existing as well as potential future uranium pollution, the current complicated, time-consuming, inefficient and expensive treatment methods seem woefully out-of-date. To address these drawbacks, the Peking iGEM team put forward the Uranyl Reaper project, which aims to develop an innovative method to deal with uranium pollution.

In order to achieve this goal, we designed an extraordinary biological adsorption material which is produced by engineered bacteria and self-assembles completely autonomously. Based on the isopeptide bond formed between SpyCatcher and SpyTag, two designed crosslinking peptides, we developed trimeric SpyTag and SpyCatcher modules which can form a covalently-linked network which offers high mechanical strength and high stability in diverse challenging environments.

This network further gains a capacity to adsorb uranium in aqueous environments with high efficiency via the addition of a super uranyl binding protein (SUP) module. The SUP could also be replaced with other functional elements such as additional metal binding proteins, or the monomerized streptavidin (mSA) module which can mediate the recovery of the self-assembled network through biotin-avidin interactions, in order to achieve multi-functionality and modularization.

We utilized a series of signal peptides to ensure efficient secretion. A schematic graph of the whole project is shown in Figure 1.

Figure 1. Schematic diagram of the Uranium Reaper project.


Local concentration enhancement - Crosslinking


Reaping the ions - Uranyl Adsorption


Retrieving the network - Collection


Simplification of protein purification - Secretion