Difference between revisions of "Team:Peking/Uranyl-adsorption"

Line 44: Line 44:
 
                                         .panel-default > .panel-heading { /* Proof */
 
                                         .panel-default > .panel-heading { /* Proof */
 
                                             }
 
                                             }
                                     .panel-heading{padding:10px 15px;}
+
                                     .panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}
 
                                         </style>
 
                                         </style>
 
                                      
 
                                      
Line 140: Line 140:
 
                          
 
                          
 
                          
 
                          
                         <div class="col-mid-2">
+
                       
                         </div>
+
                       
                         <div class="col-md-8">
+
                         <style type="text/css">
                             <div class="panel-group notebook" id="accordion">
+
                           
 +
                            #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;}
 +
                        }
 +
                       
 +
                        .classic-title {
 +
                            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;
 +
                        }
 +
                       
 +
                        .p > small{
 +
                            margin-bottom:5px;
 +
                         }
 +
                            </style>
 +
                       
 +
                       
 +
                         <script type="text/javascript">
 +
                             function menuFixed(id){
 +
                                var obj = document.getElementById(id);
 +
                                var _getHeight = obj.offsetTop;
 
                                  
 
                                  
                                 <div class="panel panel-default">
+
                                 window.onscroll = function(){
                                     <div class="panel-heading">
+
                                     changePos(id,_getHeight);
                                        <h4 class="panel-title texttitle">
+
                                }
                                            <a data-toggle="collapse" href="#collapseOne">Background</a>
+
                            }
                                        </h4>
+
                        function changePos(id,height){
                                    </div>
+
                            var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight();
                                     <div id="collapseOne" class="panel-collapse collapse in">
+
                            if(w>=1024){
                                        <div class="panel-body">
+
                                if($(window).scrollTop() + $(window).height() > $(document).height() - 230){
                                            <p>Uranium is a key element used in nuclear energy production and is crucial in many other applications. The most stable and relevant uranium ion in aerobic environments is the uranyl cation. Super Uranyl-binding Protein(SUP) has been rationally designed via structural calculations and functional modification to specifically bind uranyl cations. According to the researchers’ results, SUP is thermodynamically stable and offers very high affinity and selectivity for uranyl with a Kd of 7.4 fM and >10,000-fold selectivity over other metal ions<sup>1</sup>. The binding features of SUP are described later in more detail (Fig.1).</p>
+
                                     $('#sidebar').fadeOut("fast");}else{$('#sidebar').fadeIn("fast");}
                                            <p>It was found that UO22+ is coordinated by five carboxylate oxygen atoms from four amino acid residues in SUP. The hydrogen bonds between the amino acid residues coordinating UO22+ and residues in its second coordination sphere also affects the protein’s uranyl binding ability (Fig.2) <sup>2</sup>.</p>
+
                            }
                                            <p>As mentioned above, we fused SUP to three SpyTags in order to construct the 3A-SUP monomer, so the function of SUP might be affected by these additional modules. To make sure that 3A-SUP could still function when bound in the hydrogel, we tested its ability to adsorb UO22+ in various environments.</p>
+
                            var scrollTop = document.documentElement.scrollTop || document.body.scrollTop -230;
                                        </div>
+
                            var windowBottom = $(window).scrollTop() + $(window).innerHeight();
                                    </div>
+
                             var w = window.innerWidth;
                                </div>
+
                               
+
                               
+
                             </div>
+
 
                              
 
                              
                         </div><!--col-md-8 ended-->
+
                            if(scrollTop < height){ obj.style.position = 'relative';     
 +
                            }else{
 +
                                obj.style.position = 'fixed';
 +
                            }
 +
                        }
 +
                         </script>
 
                          
 
                          
 +
                        <script type="text/javascript">
 +
                            window.onload = function(){
 +
                                menuFixed('sidebar');
 +
                            }
 +
                        </script>
 
                          
 
                          
 
                          
 
                          
 +
                        <div class="three columns">
 +
                        <div id="page-wrap">
 +
                            <div id="sidebar" style="color:#000000">
 +
                                <h4>Background</h4>
 +
                                <h4>Design</h4>
 +
                                <h4>Methods</h4>
 +
                                <h4>Results</h4>
 +
                                <ul>
 +
                                    <li><a href="#background">Basic<sub>_</sub>Adsorption</a></li>
 +
                                    <li><a href="#Ratio">Ratio<sub>_</sub>Optimization</a></li>
 +
                                    <li><a href="#Conditions">Different<sub>_</sub>Conditions</a></li>
 +
                                    <li><a href="#Low">Low<sub>_</sub>Uranyl<sub>_</sub>Concentration</a></li>
 +
                                </ul>
 +
                                <h4>Discussion</h4>
 +
                            </div>
 +
                        </div>
 +
                        </div>
 
                          
 
                          
 
                          
 
                          
 +
                       
 +
                       
 +
                        <div class="nine columns">
 +
                           
 +
                            <div class="col-mid-2">
 +
                            </div>
 +
                            <div class="col-md-8">
 +
                                <div class="panel-group" id="accordion">
 +
                                   
 +
                                    <div class="panel panel-default">
 +
                                        <div class="panel-heading">
 +
                                            <h4 class="classic-title">
 +
                                                <a data-toggle="collapse" href="#collapseOne"><span>Uranyl Adsorption onto Fusion Proteins and the Protein Hydrogel</span></a>
 +
                                            </h4>
 +
                                        </div>
 +
                                        <div id="collapseOne" class="panel-collapse collapse in">
 +
                                            <div class="panel-body">
 +
                                                <ul>
 +
                                                    <li><b>Parts Construction:</b></li>
 +
                                                    <ul>
 +
                                                        <li><a>3SpyTag (A) </a>assemble</li>
 +
                                                        <li><a>SUP</a> PCR</li>
 +
                                                        <li><a>pET28a backbone </a>PCR</li>
 +
                                                        <li><a>SpyCatcher (B) </a>PCR</li>
 +
                                                        <li><a>Monomeric Streptavidin (mSA)</a> PCR</li>
 +
                                                    </ul>
 +
                                                </ul>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
 +
                           
 +
                           
 +
                           
 +
 
                          
 
                          
 
                          
 
                          
Line 174: Line 278:
 
                          
 
                          
 
                          
 
                          
 +
                        </div><!--9 columns end-->
 
                          
 
                          
 
                          
 
                          

Revision as of 17:17, 13 October 2016

Uranyl Adsorption

Uranyl Adsorption.