Difference between revisions of "Team:Peking/Demonstrate"

Line 2: Line 2:
 
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
 
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
 
<!--[if (gte IE 8)|!(IE)]><!-->
 
<!--[if (gte IE 8)|!(IE)]><!-->
<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>Results</title>
+
        <title>Recovery</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"/>
<style>
+
        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/notebook_panel?action=raw&ctype=text/css"/>
    sup{font-size:11px;}
+
        <style>
    .references p{font-size:14px !important; color:#666161 !important;}
+
            .texttitle{
</style>
+
                color: #11abb0;
 
+
                font-size: 38px;
</head>
+
                line-height: 48px;
<body>
+
                margin-bottom: 12px;
<!-- Navigation -->
+
                font-family: raleway-bold, sans-serif !important;
<div id="navigation" class="navbar navbar-fixed-top">
+
                background: transparent;
    <div class="navbar-inner ">
+
                letter-spacing: 3px;
         <div class="container no-padding">
+
                text-transform: uppercase;
             <a class="show-menu" data-toggle="collapse" data-target=".nav-collapse"><span class="show-menu-bar"></span>
+
                font-weight: 350;
             </a>
+
                text-align: center;
             <div id="logo" style="max-width:170px"><a class="" href="https://2016.igem.org/Team:Peking"></a></div>
+
                padding-top:40px;
 +
            }
 +
        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;padding-top:30px;}
 +
        .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(){
 +
                    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';
                <ul class="nav">
+
            }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/Recovery" >Recovery</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" >Proof and speculation</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">
 +
                        <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/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/Recovery" >Recovery</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="dropdown-toggle" data-toggle="dropdown" href="#" >Modeling</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Model" >Protein polymerization</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" >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>
 
         </div>
 
         </div>
    </div>
+
        <!--/Navigation -->
</div>
+
       
<!--/Navigation -->
+
        <!-- Page Title======================================================================== -->
 
+
        <div id="page-title">
<!-- Page Title======================================================================== -->
+
            <div class="row">
  <div id="page-title">
+
                <div class="twelve columns centered text-center">
      <div class="row">
+
                    <h1>Recovery<span>.</span></h1>
        <div class="twelve columns centered text-center">
+
                    <p class="title1" style="text-align:center"></p>
            <h1>Results<span>.</span></h1>
+
                </div>
            <p class="title1" style="text-align:center"></p>
+
            </div>
        </div>
+
        </div><!-- Page Title End-->
      </div>
+
       
  </div>  
+
       
  <!-- Page Title End-->
+
        <div id="page-content" class="row page">
 
+
            <div id="primary" class="twelve columns">
 
+
                <section>
<div id="page-content" class="row page">
+
                    <div class="row">
    <div id="primary" class="twelve columns">
+
                       
      <section>
+
                       
          <div class="row">
+
                       
 
+
                       
 
+
                        <div class="three columns">
 
+
                            <div id="page-wrap">
  </div><!--row end-->
+
                                <div id="sidebar" style="color:#000000">
  </section>
+
                                    <h4><a href="javascript:void(0);" onclick="naver('Project')">Project&nbsp;Achievement</a></h4>
</div><!--12 columes end-->
+
                                    <h4><a href="javascript:void(0);" onclick="naver('Other')">Other&nbsp;Achievement</a></h4>
</div><!--page-content end-->
+
                                    <h4><a href="javascript:void(0);" onclick="naver('Future')">Future&nbsp;Plan</a></h4>
 
+
                                </div>
 
+
                            </div>
 
+
                        </div>
 
+
                       
 
+
                        <style>
 
+
                            .link{
 
+
                                color:#11abb0;
 
+
                                font-weight:300;
<!-- footer============================================================================== -->
+
                            }
<style>
+
                       
footer .copyright span:before {
+
                       
    content: "|";
+
                        <div class="nine columns">
    padding-left: 10px;
+
                           
    padding-right: 12px;
+
            <a id="Project"></a>
    color: #b4bbbb;
+
                            <div class="texttitle">What we have done in the project</div>
}
+
                                <p class="lead add-bottom" style="color:#5E5656">Constructed a multifunctional protein sequences of interest via molecular biological methods, and introduced the constructed plasmids into the engineered bacteria for protein expression.<div class="link">(Learn more)</div></p>
footer .copyright span:after {
+
                           
    content: "|";
+
                           
    padding-left: 10px;
+
                           
    padding-right: 12px;
+
                           
    color: #b4bbbb;
+
                           
}
+
                           
</style>
+
                            <a id="Design"></a>
  <footer id="page-footer">
+
                            <div class="texttitle anchor" >Design</div>
      <div class="row">
+
                           
        <div class="twelve columns" >
+
                           
            <ul class="copyright">
+
                            <br/>
              <!--<li>&copy; 2014 Sparrow</li> -->
+
                            <br/>
              <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>
+
                            <a id="Methods"></a>
        </div>
+
                            <div class="texttitle">Methods</div>
  </footer> <!-- Footer End-->
+
                           
 
+
                           
 
+
                           
<!-- Java Script======================================================================= -->
+
                            <br/>
  <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>
+
                            <br/>
  <script type="text/javascript" src="https://2016.igem.org/Template:Peking/Javascript/jquery_migrate_1_2_1_min?action=raw&ctype=text/javascript"></script>
+
                           
 
+
                            <a id="Results"></a>
  <script src="https://2016.igem.org/Template:Peking/Javascript/jquery_flexslider?action=raw&ctype=text/javascript"></script>
+
                            <div class="texttitle">Results</div>
  <script src="https://2016.igem.org/Template:Peking/Javascript/doubleaptogo?action=raw&ctype=text/javascript"></script>
+
                            <div class="col-mid-2">
  <script src="https://2016.igem.org/Template:Peking/Javascript/init?action=raw&ctype=text/javascript"></script>  
+
                            </div>
 
+
                            <div class="col-md-8">
 
+
                                <div class="panel-group" id="accordion">
<!--quotations from black: start-->
+
                                   
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery?action=raw&ctype=text/javascript"></script>
+
                                    <a id="Monomer"></a>
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_sticky?action=raw&ctype=text/javascript"></script>       
+
                                    <div class="panel panel-default">
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_easing_1_3_pack?action=raw&ctype=text/javascript"></script>
+
                                        <div class="panel-heading panel-title" role="tab" id="heading1">
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/bootstrap_min?action=raw&ctype=text/javascript"></script>
+
                                            <a role="button" data-toggle="collapse" href="#collapse1" aria-expanded="false" aria-controls="collapse1">Evaluation of the Efficiency of Triple SpyTag- mSA (3A-mSA) Monomer Retrieval</a>
<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="collapse1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading1">
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/modernizr?action=raw&ctype=text/javascript"></script>
+
                                            <div class="panel-body">
<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>
+
                                            </div>
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_bxslider_min?action=raw&ctype=text/javascript"></script>
+
                                        </div>
<script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_cycle_all?action=raw&ctype=text/javascript" ></script>
+
                                    </div>
<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>
+
                                    <a id="Hydrogel"></a>
<!--quotations from black: end-->
+
                                    <div class="panel panel-default">
</body>
+
                                        <div class="panel-heading panel-title" role="tab" id="heading1">
 +
                                            <a role="button" data-toggle="collapse" href="#collapse2" aria-expanded="false" aria-controls="collapse2">Evaluation of the Efficiency of Protein Hydrogel Retrieval</a>
 +
                                        </div>
 +
                                        <div id="collapse2" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading1">
 +
                                            <div class="panel-body">
 +
                                                <p>We demonstrated that the modules used to construct the 3A-mSA fusion protein remained functional. However, we still did not know if the polymerized hydrogel containing the mSA modules could be retrieved. We thus mixed three kinds of monomers together and waited for 1 hour to let them crosslink as far as possible. To evaluate the biotin binding efficiency of the Spy Crosslinking Network, the resulting hydrogel was incubated with biotin-coated magnetic beads at 37°C for 1 hour under constant agitation at 1500 rpm in a shaker. The corresponding sample list is shown in Fig. 4.</p>
 +
                                                <figure>
 +
                                                    <img class="featurette-image" src="" style="width:100%;" alt=""/>
 +
                                                    <figcaption>Fig. 4.  Sample list for the evaluation of the efficiency of protein hydrogel recovery with biotin-coated magnetic beads
 +
                                                    </figcaption>
 +
                                                </figure>
 +
                                                <p>The Bradford assay was used to measure the concentration of remaining unbound protein and the results showed that unbound protein remaining after contacting with the beads was much less than in the controls (Fig.5A). Indeed, a marked decrease of protein concentration was visible when incubating the reaction system with beads for 1h, with only 22.1% of protein remaining unbound (Fig.5B). This meant that the biotin-coated beads could be combined with the mSA module while retaining their functionality, even when incorporated into the protein hydrogel.</p>
 +
                                                <figure>
 +
                                                    <img class="featurette-image" src="" style="width:100%;" alt=""/>
 +
                                                    <figcaption>Fig. 5.  Recovery of protein hydrogel using biotin-coated beads. (A) SDS-PAGE analysis of Spy Crosslinking Network contacted with beads. Lane 1: Spy Crosslinking Network incubated without beads as control group. Lane 2: Spy Crosslinking Network incubated with beads as experimental group. (B) Statistical analysis of the binding efficiency of the Spy Crosslinking network. ***p &lt; 0.001. n=3. Error bars indicate standard deviations.
 +
                                                    </figcaption>
 +
                                                </figure>
 +
                                                <p>To assess if other protein modules in the hydrogel could be linked via the mSA module, we did another experiment to test the change of fluorescence intensity of an mRFP module incubated with or without beads. The experimental procedures were the same as above. The excitation wavelength used for mRFP was 584 nm, and the emission peak was 607 nm. The fluorescence intensity was measured on a plate reader, and the results are shown in Fig. 6.</p>
 +
                                                <figure>
 +
                                                    <img class="featurette-image" src="" style="width:100%;" alt=""/>
 +
                                                    <figcaption>Fig 6.  The remaining unbound proportion of fluorescence intensity of a protein hydrogel comprising RFP and mSA modules after contacting with biotin-coated beads. ****p &lt; 0.0001. Error bars indicate standard deviations.
 +
                                                    </figcaption>
 +
                                                </figure>
 +
                                                <p>The fluorescence intensity of control groups corresponded to about 12.8 AU while in the experimental groups this value was 3.19 AU. Only 24.9% of total fluorescence remained unbound, indicating that a majority of 3A-RFP modules could be assembled into the hydrogel, and that the 3A-RFP module can be retrieved via binding of the hydrogel via the 3A-mSA module. These results indicated that if we use 3A-SUP in this hydrogel, the biotin-coated beads can also be used to remove it, together with the bound uranyl cations.</p>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                   
 +
                                   
 +
                                </div>
 +
                            </div><!-- results end-->
 +
                           
 +
                           
 +
                           
 +
                            <br/>
 +
                            <br/>
 +
                           
 +
                           
 +
                           
 +
                            <a id="Conclusion"></a>
 +
                            <div class="texttitle">Conclusion</div>
 +
                            <p>We found that monomeric streptavidin, or mSA, which is able to tightly bind biotin, is a great candidate to retrieve the Spy Crosslinking Network and thus Uranium Reaper from the environment. The results demonstrated that the designs were effective. Not only could the monomeric triple SpyTag- mSA be recovered, but the hydrogel which contained mSA modules showed the same behavior, with a retrieval efficiency of about 80%. In further implementations using the 3A-mSA, we can thus exchange the 3A-mRFP, as illustrated in fig.4., for a 3A-SUP module, which could adsorb uranyl, in order to sequester uranium from the environment. In this way the special biological functional hydrogel would solve the pollution problem.</p>
 +
                           
 +
                            <a id="references"></a>
 +
                            <div class="references">
 +
                                <h3>References:</h3>
 +
                                <p>[1] Christopher, D. et al. Streptavidin–biotin technology: improvements and innovations in chemical and biological applications. Appl Microbiol Biotechnol 97, 9343–9353 (2013).</p>
 +
                                <p>[2] 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>
 +
                            </div>
 +
                           
 +
                           
 +
                        </div><!--9 columns end-->
 +
                       
 +
                       
 +
                       
 +
                       
 +
                       
 +
                       
 +
                    </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 09:51, 15 October 2016

Recovery

Recovery.