|
|
| (24 intermediate revisions by 4 users not shown) |
| Line 4: |
Line 4: |
| | <html class="no-js" lang="en"> | | <html class="no-js" lang="en"> |
| | <!--<![endif]--> | | <!--<![endif]--> |
| − | <head> | + | <head> |
| − | <!--- Basic Page Needs========================================================================= --> | + | <!--- Basic Page Needs========================================================================= --> |
| − | <meta charset="utf-8"> | + | <meta charset="utf-8"> |
| − | <title>Design</title> | + | <title>Design</title> |
| − | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" /> | + | <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="description" content="Wiki of Peking iGEM 2016" /> |
| − | <meta name="author" content="Li Jiamian & Wang Yuqing"> | + | <meta name="author" content="Li Jiamian & Wang Yuqing"> |
| − | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| − | <!-- Mobile Specific Metas===================================================================== --> | + | <!-- Mobile Specific Metas===================================================================== --> |
| − | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> | + | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
| − | <!-- Fix Overwrite the original iGEM style=================================================== --> | + | <!-- Fix Overwrite the original iGEM style=================================================== --> |
| − | <link href="https://2016.igem.org/Template:Peking/css/fix?action=raw&ctype=text/css" rel="stylesheet" /> | + | <link href="https://2016.igem.org/Template:Peking/css/fix?action=raw&ctype=text/css" rel="stylesheet" /> |
| − | <!-- CSS======================================================================================= --> | + | <!-- 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/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" /> | + | <link href="https://2016.igem.org/Template:Peking/css/style?action=raw&ctype=text/css" rel="stylesheet" /> |
| − | <!-- CSS======================================================================================= --> | + | <!-- 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/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/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/media-queries?action=raw&ctype=text/css"> |
| − | <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/priorstyle?action=raw&ctype=text/css"> | + | <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/priorstyle?action=raw&ctype=text/css"> |
| − | <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/notebook_panel?action=raw&ctype=text/css"> | + | <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/notebook_panel?action=raw&ctype=text/css"> |
| − | <style>
| + | <style> |
| − | .texttitle{
| + | .texttitle{ |
| − | color: #11abb0;
| + | color: #11abb0; |
| − | font-size: 38px;
| + | font-size: 38px; |
| − | line-height: 48px;
| + | line-height: 48px; |
| − | margin-bottom: 12px;
| + | margin-bottom: 12px; |
| − | font-family: raleway-bold, sans-serif !important;
| + | font-family: raleway-bold, sans-serif !important; |
| − | background: transparent;
| + | background: transparent; |
| − | letter-spacing: 3px;
| + | letter-spacing: 3px; |
| − | text-transform: uppercase;
| + | text-transform: uppercase; |
| − | font-weight: 350;
| + | font-weight: 350; |
| − | text-align: center;
| + | text-align: center; |
| | + | } |
| | + | sup{font-size:11px;} |
| | + | .references{margin-top:150px;margin-bottom:40px;} |
| | + | .references p{font-size:14px !important; color:#666161 !important;} |
| | + | .classic-title {font-weight: 300;} |
| | + | .classic-title span { |
| | + | padding-bottom: 8px; |
| | + | border-bottom: 1px solid #383232; |
| | + | font-weight: 400; |
| | + | } |
| | + | figure{margin-top:40px;margin-bottom:40px;height:auto;} |
| | + | .anchor{padding-top:100px;margin-top:-100px;} |
| | + | </style> |
| | + | |
| | + | </head> |
| | + | <body> |
| | + | <!--sidebar 引用==============================================================================--> |
| | + | <style> |
| | + | #primary span{ |
| | + | display:block; |
| | + | word-break:break-all |
| | + | } |
| | + | |
| | + | #page-wrap { |
| | + | width: 25%; |
| | + | margin: 0px; |
| | + | position: relative; |
| | } | | } |
| − | sup{font-size:11px;}
| |
| − | .references{margin-top:150px;margin-bottom:40px;}
| |
| − | .references p{font-size:14px !important; color:#666161 !important;}
| |
| − | .classic-title {font-weight: 300;}
| |
| − | .classic-title span {
| |
| − | padding-bottom: 8px;
| |
| − | border-bottom: 1px solid #383232;
| |
| − | font-weight: 400;
| |
| − | }
| |
| − | figure{margin-top:40px;margin-bottom:40px;height:auto;}
| |
| − | .anchor{padding-top:100px;margin-top:-100px;}
| |
| − | </style>
| |
| − |
| |
| − | </head>
| |
| − | <body>
| |
| − | <!--sidebar 引用==============================================================================-->
| |
| − | <style>
| |
| − | #primary span{
| |
| − | display:block;
| |
| − | word-break:break-all
| |
| − | }
| |
| − |
| |
| − | #page-wrap {
| |
| − | width: 25%;
| |
| − | 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;}
| |
| − | }
| |
| − | </style>
| |
| − |
| |
| − |
| |
| − | <script type="text/javascript">
| |
| − | function menuFixed(id){
| |
| − | var obj = document.getElementById(id);
| |
| − | var _getHeight = obj.offsetTop;
| |
| | | | |
| − | window.onscroll = function(){ | + | #sidebar { |
| − | changePos(id,_getHeight); | + | width: 25%; |
| | + | margin-left: 0px; |
| | } | | } |
| − | }
| + | @media (min-width:1024px){ |
| − | function changePos(id,height){
| + | #sidebar{position:relative;top:120px;max-width:200px;}} |
| − | var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight();
| + | @media (max-width: 1023px){ |
| − | if(w>=1024){
| + | #sidebar{display:none; |
| − | if($(window).scrollTop() + $(window).height() > $(document).height() - 230){ | + | } |
| − | $('#sidebar').fadeOut("fast");}else{$('#sidebar').fadeIn("fast");} | + | #page-wrap{display:none;} |
| − | }
| + | } |
| − | var scrollTop = document.documentElement.scrollTop || document.body.scrollTop -230;
| + | </style> |
| − | 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>
| + | |
| − | <script>
| + | |
| − | function naver(id){
| + | |
| − | var obj=document.getElementById(id);
| + | |
| − | var oPos=obj.offsetTop;
| + | |
| − | return window.scrollTo(0,oPos+250);
| + | |
| − | }
| + | |
| − | </script>
| + | |
| − | <!--sidebar 引用 end ==============================================================================-->
| + | |
| − | <!--panel 引用==================================================================================-->
| + | |
| − | <style type="text/css">
| + | |
| − | .panel-default .panel-heading a{
| + | |
| − | text-decoration: none;
| + | |
| − | display:block;
| + | |
| − | padding:10px;
| + | |
| − | }
| + | |
| − | .panel-heading.panel-title{
| + | |
| − | text-decoration: none;
| + | |
| − | padding-top:0px;
| + | |
| − | padding-bottom:0px;
| + | |
| − | padding-left:0px;
| + | |
| − | padding-right:0px;
| + | |
| − | text-align:center;
| + | |
| − | font-size:19px;
| + | |
| − |
| + | |
| − | } | + | |
| − | a[aria-expanded="true"] {
| + | |
| − | background-color:rgba(70, 73, 76, 0.95);
| + | |
| − | text-decoration: none;
| + | |
| − | color:white;
| + | |
| − | }
| + | |
| − | | + | |
| − | .panel-default .panel-heading a[aria-expanded="false"]{
| + | |
| − | -o-transition: background-color 1s linear;
| + | |
| − | -moz-transition: background-color 1s linear;
| + | |
| − | -khtml-transition: background-color 1s linear;
| + | |
| − | -webkit-transition: background-color 1s linear;
| + | |
| − | -ms-transition: background-color 1s linear;
| + | |
| − | transition: background-color 1s linear;
| + | |
| − | }
| + | |
| − | .panel-default .panel-heading a[aria-expanded="false"]:hover{
| + | |
| − | background-color:rgba(70, 73, 76, 0.95);
| + | |
| − | text-decoration: none;
| + | |
| − | color:white;
| + | |
| − | } | + | |
| − | .panel-default .panel-heading a[aria-expanded="true"]{
| + | |
| − | -o-transition: opacity 1s linear;
| + | |
| − | -moz-transition: opacity 1s linear;
| + | |
| − | -khtml-transition: opacity 1s linear;
| + | |
| − | -webkit-transition: opacity 1s linear;
| + | |
| − | -ms-transition: opacity 1s linear;
| + | |
| − | transition: opacity 0.7s linear;
| + | |
| − | } | + | |
| − | .panel-default .panel-heading a[aria-expanded="true"]:hover{
| + | |
| − | opacity:0.7;
| + | |
| − | } | + | |
| − | </style> | + | |
| − | | + | |
| − | <script type="text/javascript">
| + | |
| − | $(document).ready(function(){
| + | |
| − | $("#button1").click(function(){
| + | |
| − | $(".panel-collapse").collapse("show");
| + | |
| − | });
| + | |
| − | });
| + | |
| − | $(document).ready(function(){
| + | |
| − | $("#button2").click(function(){
| + | |
| − | $(".panel-collapse").collapse("hide");
| + | |
| − | });
| + | |
| − | });
| + | |
| − | $("#notebook").addClass("navbar-active");
| + | |
| − | </script>
| + | |
| − | <!--panel 引用 end ==================-->
| + | |
| | | | |
| − | <!-- Navigation -->
| + | |
| − | <div id="navigation" class="navbar navbar-fixed-top"> | + | <script type="text/javascript"> |
| − | <div class="navbar-inner ">
| + | function menuFixed(id){ |
| − | <div class="container no-padding"> | + | var obj = document.getElementById(id); |
| − | <a class="show-menu" data-toggle="collapse" data-target=".nav-collapse"><span class="show-menu-bar"></span> | + | var _getHeight = obj.offsetTop; |
| − | </a> | + | |
| − | <div id="logo" style="max-width:170px"><a class="" href="https://2016.igem.org/Team:Peking"></a></div> | + | window.onscroll = function(){ |
| | + | 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; |
| | | | |
| − | <div class="nav-collapse collapse"> | + | if(scrollTop < height){ obj.style.position = 'relative'; |
| − | | + | }else{ |
| − | <li class="menu-1"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking" >Home</a></li> | + | obj.style.position = 'fixed'; |
| − | <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> | + | </script> |
| − | <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> | + | <script type="text/javascript"> |
| − | </ul>
| + | window.onload = function(){ |
| − | </li>
| + | menuFixed('sidebar'); |
| − | <li class="dropdown menu-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project</a> | + | } |
| − | <ul class="dropdown-menu"> | + | </script> |
| − | <li><a href="https://2016.igem.org/Team:Peking/Description" >Overview</a></li> | + | <script> |
| − | <li><a href="https://2016.igem.org/Team:Peking/Design" >Design</a></li> | + | function naver(id){ |
| − | <li><a href="https://2016.igem.org/Team:Peking/Crosslinking" >Crosslinking</a></li> | + | var obj=document.getElementById(id); |
| − | <li><a href="https://2016.igem.org/Team:Peking/Uranyl-adsorption" >Uranyl adsorption</a></li> | + | var oPos=obj.offsetTop; |
| − | <li><a href="https://2016.igem.org/Team:Peking/Clearance" >Clearance</a></li> | + | return window.scrollTo(0,oPos+250); |
| − | <li><a href="https://2016.igem.org/Team:Peking/Secretion" >Secretion</a></li> | + | } |
| − | <li><a href="https://2016.igem.org/Team:Peking/ Proof" >Final Performance</a></li> | + | </script> |
| − | </ul>
| + | <!--sidebar 引用 end ==============================================================================--> |
| − | </li>
| + | <!--panel 引用==================================================================================--> |
| − | <li class="dropdown menu-4"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Modeling</a> | + | <style type="text/css"> |
| − | <ul class="dropdown-menu"> | + | .panel-default .panel-heading a{ |
| − | <li><a href="https://2016.igem.org/Team:Peking/Model" > Protein polymerization</a></li> | + | text-decoration: none; |
| − | <li><a href="https://2016.igem.org/Team:Peking/Software" >Software</a></li> | + | display:block; |
| − | </ul>
| + | padding:10px; |
| − | </li>
| + | } |
| − | <li class="dropdown menu-5"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Practices</a> | + | .panel-heading.panel-title{ |
| − | <ul class="dropdown-menu"> | + | text-decoration: none; |
| − | <li><a href="https://2016.igem.org/Team:Peking/HP/Gold" >Overview</a></li> | + | padding-top:0px; |
| − | <li><a href="https://2016.igem.org/Team:Peking/HP/311" >Field research</a></li> | + | padding-bottom:0px; |
| − | <li><a href="https://2016.igem.org/Team:Peking/HP/questionnaire" >Questionnaire</a></li> | + | padding-left:0px; |
| − | <li><a href="https://2016.igem.org/Team:Peking/HP/consulting" >Consulting</a></li> | + | padding-right:0px; |
| − | <li><a href="https://2016.igem.org/Team:Peking/HP/otherHP" >Other work</a></li> | + | text-align:center; |
| − | </ul>
| + | font-size:19px; |
| − | </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> | + | a[aria-expanded="true"] { |
| − | <ul class="dropdown-menu"> | + | background-color:rgba(70, 73, 76, 0.95); |
| − | <li><a class="" href="https://2016.igem.org/Team:Peking/Team" >Team</a></li> | + | text-decoration: none; |
| − | <li><a class="" href="https://2016.igem.org/Team:Peking/Attributions" >Attribution</a></li> | + | color:white; |
| − | <li><a class="" href="https://2016.igem.org/Team:Peking/Notebook" >Notebook</a></li> | + | } |
| − | </ul>
| + | |
| − | </li>
| + | .panel-default .panel-heading a[aria-expanded="false"]{ |
| − | <li class="menu-8"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Interlab" >Interlab</a> | + | -o-transition: background-color 1s linear; |
| − | </li>
| + | -moz-transition: background-color 1s linear; |
| | + | -khtml-transition: background-color 1s linear; |
| | + | -webkit-transition: background-color 1s linear; |
| | + | -ms-transition: background-color 1s linear; |
| | + | transition: background-color 1s linear; |
| | + | } |
| | + | .panel-default .panel-heading a[aria-expanded="false"]:hover{ |
| | + | background-color:rgba(70, 73, 76, 0.95); |
| | + | text-decoration: none; |
| | + | color:white; |
| | + | } |
| | + | .panel-default .panel-heading a[aria-expanded="true"]{ |
| | + | -o-transition: opacity 1s linear; |
| | + | -moz-transition: opacity 1s linear; |
| | + | -khtml-transition: opacity 1s linear; |
| | + | -webkit-transition: opacity 1s linear; |
| | + | -ms-transition: opacity 1s linear; |
| | + | transition: opacity 0.7s linear; |
| | + | } |
| | + | .panel-default .panel-heading a[aria-expanded="true"]:hover{ |
| | + | opacity:0.7; |
| | + | } |
| | + | </style> |
| | + | |
| | + | <script type="text/javascript"> |
| | + | $(document).ready(function(){ |
| | + | $("#button1").click(function(){ |
| | + | $(".panel-collapse").collapse("show"); |
| | + | }); |
| | + | }); |
| | + | $(document).ready(function(){ |
| | + | $("#button2").click(function(){ |
| | + | $(".panel-collapse").collapse("hide"); |
| | + | }); |
| | + | }); |
| | + | $("#notebook").addClass("navbar-active"); |
| | + | </script> |
| | + | <!--panel 引用 end ==================--> |
| | + | |
| | + | <!-- 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"> |
| | + | |
| | + | <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/ Results" >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/Crosslinking" >Crosslinking</a></li> |
| | + | <li><a href="https://2016.igem.org/Team:Peking/Uranyl-adsorption" >Uranyl adsorption</a></li> |
| | + | <li><a href="https://2016.igem.org/Team:Peking/Clearance" >Clearance</a></li> |
| | + | <li><a href="https://2016.igem.org/Team:Peking/Secretion" >Secretion</a></li> |
| | + | <li><a href="https://2016.igem.org/Team:Peking/ Demonstrate" >Final Performance</a></li> |
| | + | </ul> |
| | + | </li> |
| | + | <li class="dropdown menu-4"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Modeling</a> |
| | + | <ul class="dropdown-menu"> |
| | + | <li><a href="https://2016.igem.org/Team:Peking/Model /GelPoint" > Model of Gel Point </a></li> |
| | + | <li><a href="https://2016.igem.org/Team:Peking/Model/MassDistribution" > Model of Mass Distribution</a></li> |
| | + | <li><a href="https://2016.igem.org/Team:Peking/Software" >Software</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/311" >Field research</a></li> |
| | + | <li><a href="https://2016.igem.org/Team:Peking/HP/questionnaire" >Questionnaire</a></li> |
| | + | <li><a href="https://2016.igem.org/Team:Peking/HP/consulting" >Consulting</a></li> |
| | + | <li><a href="https://2016.igem.org/Team:Peking/HP/otherHP" > Education & Other</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> |
| | </div> | | </div> |
| − | </div>
| + | <!--/Navigation --> |
| − | </div>
| + | |
| − | <!--/Navigation --> | + | |
| | | | |
| | + | |
| | + | |
| | + | <!-- Page Title======================================================================== --> |
| | + | <div id="page-title"> |
| | + | <div class="row"> |
| | + | <div class="twelve columns centered text-center"> |
| | + | <h1>Designs</h1> |
| | + | <p class="title1" style="text-align:center">On this page, we describe our design work in details to show how Uranium Reaper is able to solve real world problems, such as uranium pollution and other heavy metal pollution, in an elegant way. </p> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | <!-- Page Title End--> |
| | + | |
| | + | <style> |
| | + | </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><a href="javascript:void(0);" onclick="naver('Design')">Design</a></h4> |
| | + | <ul> |
| | + | <li><a href="javascript:void(0);" onclick="naver('Crosslinking')">Crosslinking</a></li> |
| | + | <li><a href="javascript:void(0);" onclick="naver('Uranyl')">Uranyl Adsorption</a></li> |
| | + | <li><a href="javascript:void(0);" onclick="naver('Collection')">Recovery</a></li> |
| | + | <li><a href="javascript:void(0);" onclick="naver('Secretion')">Secretion</a></li> |
| | + | </ul> |
| | + | <h4><a href="javascript:void(0);" onclick="naver('references')">References</a></h4> |
| | + | </div><!--sidebar end--> |
| | + | </div><!--pagewrap end--> |
| | + | </div><!--three columes end--> |
| | + | |
| | + | |
| | + | <a id="Design"></a> |
| | + | <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 aimed to develop an innovative method to deal with uranium pollution.</p> |
| | + | <p>In order to achieve this goal, we designed an extraordinary biological adsorption polymer network which was produced by engineered bacteria and self-assembled completely autonomously. Based on the isopeptide bond formed between SpyCatcher and SpyTag, two designed crosslinking peptides, we developed triple SpyTag and SpyCatcher modules which could form a covalently-linked polymer network which offers high mechanical strength and high stability in diverse challenging environments.</p> |
| | + | <p>This polymer network further gains the 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 could mediate the clearance of the self-assembled polymer 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 Fig. 1. |
| | + | <figure> |
| | + | <p style="text-align:center;"><img style="width:92%;" src="https://static.igem.org/mediawiki/2016/3/36/T--Peking--images_Uranium_Reaper04.png" alt=""/></p> |
| | + | <figcaption style="text-align:center;"> |
| | + | Fig. 1. Schematic diagram of the Uranium Reaper project. |
| | + | </figcaption> |
| | + | </figure> |
| | + | |
| | + | <br/><br/> |
| | + | <a id="Crosslinking"></a> |
| | + | <h3 class="classic-title anchor"><a href="https://2016.igem.org/Team:Peking/Crosslinking"><span>Local Concentration Enhancement - Crosslinking</span> </a></h3> |
| | + | <div style="width:100%"> |
| | + | |
| | + | <p style="margin-top:20px;"> |
| | + | <img style="width:41%; float:left; margin-right:17px;margin-top:5px;margin-bottom:0px;" src="https://static.igem.org/mediawiki/2016/f/f6/T--Peking--image_designcrosslinking.png" alt=""/>To unite at least two functions in a single protein polymer network - uranium adsorption and recovery - we needed a protein polymer network which contains several functional modules. Inspired by the autocatalytic formation of the isopeptide bond between a Lys and an Asp residue in the CnaB2 protein from S. pyogenes, researchers engineered a pair of complementary truncations of CnaB2, called SpyTag and SpyCatcher<sup>1</sup>. These engineered peptides were able to form isopeptide bonds with each other spontaneously. In order to use the SpyTag-SpyCatcher system as scaffold, we fused three SpyTag and three SpyCatcher modules, respectively. the results indicated that the crosslinking reaction between the Triple SpyCatcher and fusion proteins could be completed in 1 hour. |
| | + | |
| | + | |
| | + | </div> |
| | + | |
| | + | <br/><br/> |
| | + | <a id="Uranyl"></a> |
| | + | <h3 class="classic-title anchor"><a href="https://2016.igem.org/Team:Peking/Uranyl-adsorption"><span>Reaping the ions - Uranyl Adsorption</span></a></h3> |
| | + | <div style="width:100%"> |
| | + | <p style="margin-top:20px;"> |
| | + | <img style="margin-right:17px;margin-top:2px;margin-bottom:-2px;width:41%;float:left;" src="https://static.igem.org/mediawiki/2016/d/d2/T--Peking--image_designbinding.png" alt=""/> |
| | + | Considering that uranium mainly exists as uranyl ion and its carbonate in aqueous solution, we applied the Super Uranyl Binding Protein (SUP), which was designed specifically to bind uranyl via structural calculation and functional modification. SUP is thermodynamically stable and has a very high affinity and selectivity for uranyl ions, with a Kd of 7.4 femtomolar (fM) and >10,000-fold selectivity over other metal ions<sup>2</sup>. In our experiments, SUP retained its high uranyl affinity after being fused with the triple SpyTag protein, as well as in the covalently cross-linked protein polymer network. Impressively, in a trial where the concentration of uranyl was set at 10μM, the polymer network with the SUP module was able to sequester nearly 90% of total uranyl ions within just one minute. |
| | + | </p> |
| | + | </div> |
| | | | |
| − | <!-- Page Title======================================================================== --> | + | <br/><br/> |
| − | <div id="page-title">
| + | <a id="Collection"></a> |
| − | <div class="row">
| + | <h3 class="classic-title anchor"><a href="https://2016.igem.org/Team:Peking/Clearance"><span>Retrieving the network - Clearance</span></a></h3> |
| − | <div class="twelve columns centered text-center">
| + | <div style="width:100%"> |
| − | <h1>Designs</h1>
| + | <p style=" margin-top:20px;" > |
| − | <p class=" title1" style=" text- align: center"> On this page, we describe our design work in details to show how Uranium Reaper is able to solve real world problems, such as uranium pollution and other heavy metal pollution, in an elegant way. </p> | + | <img style="margin-right:17px;margin-top:7px;margin-bottom:10px;width:41%;float:left;" src="https://static.igem.org/mediawiki/2016/9/9a/T--Peking--image_designclearance.png " alt=""/> |
| − | </div>
| + | How to collect the protein polymer network together with the adsorbed uranyl from the environment? We focused on monomerized streptavidin (mSA), which binds biotin with a very low Kd value of less than 1nM<sup>3</sup>, and added it as a module to the polymer network in the form of a triple SpyTag-mSA fusion protein.<br/>We next ligated biotin molecules to amino-coated magnetic beads, and when we used a magnet to immobilize these beads, the protein polymer network full of bound uranyl ions could be retrieved with an efficiency of up to 70%. |
| − | </div>
| + | </p> |
| − | </div>
| + | </div> |
| − | <!-- Page Title End-->
| + | |
| | | | |
| − | <style> | + | <br/><br/> |
| − | </style> | + | <a id="Secretion"></a> |
| − | <div id="page-content" class="row page"> | + | < h3 class=" classic- title anchor"><a href=" https:// 2016.igem.org/Team: Peking/Secretion">< span> Simplification of protein purification - Secretion</ span></a></ h3> |
| − | <div id="primary" class="twelve columns">
| + | |
| − | <section>
| + | <div style="width:100%"> |
| − | <div class="row">
| + | <p style="margin-top:20px;"> |
| − | <div class="three columns">
| + | <img style="margin-right:17px;margin-top:-15px;margin-bottom:-21px;width:41%;float:left;" src=" https://static.igem.org/mediawiki/2016/e/e6/T--Peking--images_description_bacterial.png" alt=""/> |
| − | <div id="page-wrap">
| + | To reduce costs and simplify the time-consuming procedures necessary to purify proteins from bacteria, we added secretion modules. Whether in E. coli or B. subtilis, secretory proteins usually contain signal peptides that are essential for their export from the cytoplasm. Which signal peptide would best promote the secretion of our constructs was inscrutable, so a library was built in order to screen for the most suitable candidates. We developed two assays (Western Blot and FIAsH fluorescence) to detect successful secretion. Finally, signal sequences derived from OmpA, LTIIb and PhoA were found to be efficient mediators for the secretion of our recombinant proteins. The fusion proteins could be brought to their working concentration by concentrating them directly in the culture supernatants, and the resulting crude concentrates could be used directly for the ultimate goal - the Uranium Reaper. |
| − | <div id="sidebar" style="color:#000000">
| + | </p> |
| − | <h4><a href=" javascript: void(0);" onclick="naver('Design')">Design</ a></ h4> | + | </div> |
| − | <ul>
| + | |
| − | <li><a href="javascript:void(0);" onclick="naver('Crosslinking')">Crosslinking</a></li>
| + | |
| − | <li><a href="javascript:void(0);" onclick="naver('Uranyl')">Uranyl Adsorption</a></li>
| + | |
| − | <li><a href="javascript:void(0);" onclick="naver('Collection')">Recovery</a></li>
| + | |
| − | <li><a href="javascript:void(0);" onclick="naver('Secretion')">Secretion</a></li>
| + | |
| − | </ul>
| + | |
| − | <h4><a href="javascript:void(0);" onclick="naver('references')">References</a></h4>
| + | |
| − | </div><!--sidebar end-->
| + | |
| − | </div><!--pagewrap end-->
| + | |
| − | </div><!--three columes end-->
| + | |
| − |
| + | |
| − |
| + | |
| − | <a id="Design"></a>
| + | |
| − | <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 aimed to develop an innovative method to deal with uranium pollution.</p>
| + | |
| − | <p>In order to achieve this goal, we designed an extraordinary biological adsorption hydrogel which was produced by engineered bacteria and self-assembled completely autonomously. Based on the isopeptide bond formed between SpyCatcher and SpyTag, two designed crosslinking peptides, we developed triple SpyTag and SpyCatcher modules which could form a covalently-linked hydrogel which offers high mechanical strength and high stability in diverse challenging environments.</p>
| + | |
| − | <p>This hydrogel further gains the 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 could mediate the retrievement of the self-assembled hydrogel 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 Fig. 1.</p>
| + | |
| | | | |
| − | <img class="design_img" src="#" alt=""/>
| + | |
| − | <p><b>Figure 1. Schematic diagram of the Uranium Reaper project.</b></p>
| + | <br/> |
| − | <br/>
| + | <br/> |
| − | <a id="Crosslinking"></a>
| + | <br/> |
| − | <h3 class="classic-title anchor"><span>Local Concentration Enhancement - Crosslinking</span> </h3>
| + | <br/> |
| − | <p>To unite at least two functions in a single protein hydrogel - uranium adsorption and recovery - we needed a protein hydrogel which contains several functional modules. Inspired by the autocatalytic formation of the isopeptide bond between a Lys and an Asp residue in the CnaB2 protein from S. pyogenes, researchers engineered a pair of complementary truncations of CnaB2, called SpyTag and SpyCatcher<sup>1</sup>. These engineered peptides were able to form isopeptide bonds with each other spontaneously. In order to use the SpyTag-SpyCatcher system as scaffold, we fused three SpyTag and three SpyCatcher modules, respectively. the results indicated that the crosslinking reaction between the Triple SpyCatcher and fusion proteins could be completed in 1 hour.</p>
| + | |
| − | <br/>
| + | <div class="references anchor"> |
| − | <a id="Uranyl"></a>
| + | <h3>References:</h3> |
| − | <h3 class="classic-title anchor"><span>Reaping the ions - Uranyl Adsorption</span></h3>
| + | <p>[1] Zakeri, B., et al., Peptide tag forming a rapid covalent bond to a protein, through engineering a bacterial adhesin. <i>Proceedings of the National Academy of Sciences </i>, <b>2012. 109(12) </b>: p. E690-E697.</p> |
| − | <p>Considering that uranium mainly exists as uranyl ion and its carbonate in aqueous solution, we applied the Super Uranyl Binding Protein (SUP), which was designed specifically to bind uranyl via structural calculation and functional modification. SUP is thermodynamically stable and has a very high affinity and selectivity for uranyl ions, with a Kd of 7.4 femtomolar (fM) and >10,000-fold selectivity over other metal ions<sup>2</sup>. In our experiments, SUP retained its high uranyl affinity after being fused with the triple SpyTag protein, as well as in the covalently cross-linked protein hydrogel. Impressively, in a trial where the concentration of uranyl was set at 10μM, the hydrogel with the SUP module was able to sequester nearly 90% of total uranyl ions within just one minute.
| + | <p>[2] Lu, Z. et al. A protein engineered to bind uranyl selectively and with femtomolar affinity. <i>Nature chemistry 1856 </i>, <b>236-241 </b> (2014).</p> |
| − | </p>
| + | <p>[3] Sau-Ching, W. et al. Engineering monomeric streptavidin and its ligands with infinite affinity in binding but reversibility in interaction. <i>Proteins 77 </i>, <b>404-412 </b> (2009).</p> |
| − | <br/>
| + | </div> |
| − | <a id="Collection"></a>
| + | |
| − | <h3 class="classic-title anchor"><span>Retrieving the network - Recovery</span></h3>
| + | |
| − | <p>How to collect the protein hydrogel together with the adsorbed uranyl from the environment? We focused on monomerized streptavidin (mSA), which binds biotin with a very low Kd value of less than 1nM<sup>3</sup>, and added it as a module to the hydrogel in the form of a triple SpyTag-mSA fusion protein.</p>
| + | </div><!--row end--> |
| − | <p>We next ligated biotin molecules to amino-coated magnetic beads, and when we used a magnet to immobilize these beads, the protein hydrogel full of bound uranyl ions could be retrieved with an efficiency of up to 70%.</p>
| + | </section> |
| − | <br/>
| + | </div><!--12 columes end--> |
| − | <a id="Secretion"></a>
| + | </div><!--page-content end--> |
| − | <h3 class="classic-title anchor"><span>Simplification of protein purification - Secretion</span></h3>
| + | |
| − | <p>To reduce costs and simplify the time-consuming procedures necessary to purify proteins from bacteria, we added secretion modules. Whether in E. coli or B. subtilis, secretory proteins usually contain signal peptides that are essential for their export from the cytoplasm. Which signal peptide would best promote the secretion of our constructs was inscrutable, so a library was built in order to screen for the most suitable candidates. We developed two assays (Western Blot and FIAsH fluorescence) to detect successful secretion. Finally, signal sequences derived from OmpA, LTIIb and PhoA were found to be efficient mediators for the secretion of our recombinant proteins. The fusion proteins could be brought to their working concentration by concentrating them directly in the culture supernatants, and the resulting crude concentrates could be used directly for the ultimate goal - the Uranium Reaper.
| + | |
| − | </p>
| + | |
| − | | + | |
| − | <br/> | + | |
| − | <br/> | + | |
| − | <br/> | + | |
| − | <br/> | + | |
| − | <a id="references"></a> | + | |
| − | <div class="references anchor"> | + | |
| − | <h3>References:</h3> | + | <!-- footer============================================================================== --> |
| − | <p>[1] Zakeri, B., et al., Peptide tag forming a rapid covalent bond to a protein, through engineering a bacterial adhesin. Proceedings of the National Academy of Sciences, 2012. 109(12): p. E690-E697.</p> | + | <style> |
| − | <p>[2] Lu, Z. et al. A protein engineered to bind uranyl selectively and with femtomolar affinity. Nature chemistry 1856, 236-241 (2014).</p> | + | footer .copyright span:before { |
| − | <p>[3] Sau-Ching, W. et al. Engineering monomeric streptavidin and its ligands with infinite affinity in binding but reversibility in interaction. Proteins 77, 404-412 (2009).</p> | + | content: "|"; |
| − | </div> | + | padding-left: 10px; |
| − | | + | padding-right: 12px; |
| − | | + | color: #b4bbbb; |
| − | </div><!--row end-->
| + | } |
| − | </section>
| + | footer .copyright span:after { |
| − | </div><!--12 columes end-->
| + | content: "|"; |
| − | </div><!--page-content end--> | + | padding-left: 10px; |
| − | | + | padding-right: 12px; |
| − | | + | color: #b4bbbb; |
| − | | + | } |
| − | | + | </style> |
| − | | + | <footer id="page-footer"> |
| − | | + | |
| − | | + | <div class="twelve columns" > |
| − | | + | |
| − | | + | <!--<li>© 2014 Sparrow</li> --> |
| − | | + | <li><a href="2016.igem.org/Team:Peking">Home</a> <a href="mailto:pkuigem2016@126.com">Contact</a></li> |
| − | <!-- footer============================================================================== --> | + | <span> ©2016 PEKING IGEM. All Rights Reserved.</span> |
| − | <style> | + | <li><a href="http://getbootstrap.com/2.3.2/">Based on Bootstrap</a></li> |
| − | footer .copyright span:before { | + | </ul> |
| − | content: "|";
| + | </div> |
| − | padding-left: 10px;
| + | <div id="go-top" style="display: block;"><a title="Back to Top" href="#">Go To Top</a></div> |
| − | padding-right: 12px;
| + | </div> |
| − | color: #b4bbbb;
| + | </footer> <!-- Footer End--> |
| − | } | + | |
| − | footer .copyright span:after { | + | |
| − | content: "|";
| + | <!-- Java Script======================================================================= --> |
| − | padding-left: 10px;
| + | <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> |
| − | padding-right: 12px;
| + | <script type="text/javascript" src="https://2016.igem.org/Template:Peking/Javascript/jquery_migrate_1_2_1_min?action=raw&ctype=text/javascript"></script> |
| − | color: #b4bbbb;
| + | |
| − | } | + | <script src="https://2016.igem.org/Template:Peking/Javascript/jquery_flexslider?action=raw&ctype=text/javascript"></script> |
| − | </style> | + | <script src="https://2016.igem.org/Template:Peking/Javascript/doubleaptogo?action=raw&ctype=text/javascript"></script> |
| − | <footer id="page-footer">
| + | <script src="https://2016.igem.org/Template:Peking/Javascript/init?action=raw&ctype=text/javascript"></script> |
| − | | + | |
| − | <div class="twelve columns" > | + | |
| − | | + | <!--quotations from black: start--> |
| − | <!--<li>© 2014 Sparrow</li> -->
| + | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery?action=raw&ctype=text/javascript"></script> |
| − | <li><a href="2016.igem.org/Team:Peking">Home</a> <a href="mailto:pkuigem2016@126.com">Contact</a></li> | + | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_sticky?action=raw&ctype=text/javascript"></script> |
| − | <span> ©2016 PEKING IGEM. All Rights Reserved.</span>
| + | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_easing_1_3_pack?action=raw&ctype=text/javascript"></script> |
| − | <li><a href="http://getbootstrap.com/2.3.2/">Based on Bootstrap</a></li> | + | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/bootstrap_min?action=raw&ctype=text/javascript"></script> |
| − | </ul>
| + | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_patallax_1_1_3?action=raw&ctype=text/javascript"></script> |
| − | </div>
| + | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/appear?action=raw&ctype=text/javascript"></script> |
| − | <div id="go-top" style="display: block;"><a title="Back to Top" href="#">Go To Top</a></div> | + | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/modernizr?action=raw&ctype=text/javascript"></script> |
| − | </div>
| + | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_prettyPhoto?action=raw&ctype=text/javascript"></script> |
| − | </footer> <!-- Footer End-->
| + | <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> |
| − | <!-- Java Script======================================================================= --> | + | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_maximage?action=raw&ctype=text/javascript"></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/scripts?action=raw&ctype=text/javascript "></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>
| + | <!--quotations from black: end--> |
| − | | + | </body> |
| − | <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> |
To unite at least two functions in a single protein polymer network - uranium adsorption and recovery - we needed a protein polymer network which contains several functional modules. Inspired by the autocatalytic formation of the isopeptide bond between a Lys and an Asp residue in the CnaB2 protein from S. pyogenes, researchers engineered a pair of complementary truncations of CnaB2, called SpyTag and SpyCatcher1. These engineered peptides were able to form isopeptide bonds with each other spontaneously. In order to use the SpyTag-SpyCatcher system as scaffold, we fused three SpyTag and three SpyCatcher modules, respectively. the results indicated that the crosslinking reaction between the Triple SpyCatcher and fusion proteins could be completed in 1 hour.
Considering that uranium mainly exists as uranyl ion and its carbonate in aqueous solution, we applied the Super Uranyl Binding Protein (SUP), which was designed specifically to bind uranyl via structural calculation and functional modification. SUP is thermodynamically stable and has a very high affinity and selectivity for uranyl ions, with a Kd of 7.4 femtomolar (fM) and >10,000-fold selectivity over other metal ions2. In our experiments, SUP retained its high uranyl affinity after being fused with the triple SpyTag protein, as well as in the covalently cross-linked protein polymer network. Impressively, in a trial where the concentration of uranyl was set at 10μM, the polymer network with the SUP module was able to sequester nearly 90% of total uranyl ions within just one minute.
How to collect the protein polymer network together with the adsorbed uranyl from the environment? We focused on monomerized streptavidin (mSA), which binds biotin with a very low Kd value of less than 1nM3, and added it as a module to the polymer network in the form of a triple SpyTag-mSA fusion protein.
To reduce costs and simplify the time-consuming procedures necessary to purify proteins from bacteria, we added secretion modules. Whether in E. coli or B. subtilis, secretory proteins usually contain signal peptides that are essential for their export from the cytoplasm. Which signal peptide would best promote the secretion of our constructs was inscrutable, so a library was built in order to screen for the most suitable candidates. We developed two assays (Western Blot and FIAsH fluorescence) to detect successful secretion. Finally, signal sequences derived from OmpA, LTIIb and PhoA were found to be efficient mediators for the secretion of our recombinant proteins. The fusion proteins could be brought to their working concentration by concentrating them directly in the culture supernatants, and the resulting crude concentrates could be used directly for the ultimate goal - the Uranium Reaper.
