|
|
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>Uranyl Adsorption</title>
| + | <title>Uranyl adsorption</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; |
− | }
| + | padding-top:40px; |
− | sup{font-size:11px;}
| + | } |
− | .references{margin-top:150px;margin-bottom:40px;}
| + | sup{font-size:11px;} |
− | .references p{font-size:14px !important; color:#666161 !important;}
| + | .references{margin-top:150px;margin-bottom:40px;} |
− | sub{color:white;}
| + | .references p{font-size:14px !important; color:#666161 !important;} |
− | .classic-title {font-weight: 300;}
| + | sub{color:white;} |
− | .classic-title span {
| + | .classic-title {font-weight: 300;padding-top:30px;} |
− | padding-bottom: 8px;
| + | .classic-title span { |
− | border-bottom: 1px solid #383232;
| + | padding-bottom: 8px; |
− | font-weight: 400;
| + | border-bottom: 1px solid #383232; |
− | }
| + | font-weight: 400; |
− | figure{margin-top:40px;margin-bottom:40px;height:auto;}
| + | } |
− | </style>
| + | figure{margin-top:40px;margin-bottom:40px;height:auto;} |
− | <!--sidebar 引用==================-->
| + | .anchor{padding-top:100px;margin-top:-100px;} |
− | <style>
| + | </style> |
− | #primary span{
| + | |
− | display:block;
| + | |
− | word-break:break-all
| + | |
− | }
| + | |
| | | |
− | #page-wrap {
| + | </head> |
− | width: 25%;
| + | <body> |
− | margin: 0px;
| + | <!--sidebar 引用==============================================================================--> |
− | position: relative;
| + | <style> |
− | }
| + | #primary span{ |
− |
| + | display:block; |
− | #sidebar {
| + | word-break:break-all |
− | width: 25%;
| + | } |
− | margin-left: 0px;
| + | |
− | }
| + | #page-wrap { |
− | @media (min-width:1024px){
| + | width: 25%; |
− | #sidebar{position:relative;top:120px;max-width:200px;}}
| + | margin: 0px; |
− | @media (max-width: 1023px){
| + | position: relative; |
− | #sidebar{display:none;
| + | } |
− | }
| + | |
− | #page-wrap{display:none;}
| + | #sidebar { |
− | }
| + | width: 25%; |
− | </style>
| + | margin-left: 0px; |
− |
| + | } |
− |
| + | @media (min-width:1024px){ |
− | <script type="text/javascript">
| + | #sidebar{position:relative;top:120px;max-width:200px;}} |
− | function menuFixed(id){
| + | @media (max-width: 1023px){ |
− | var obj = document.getElementById(id);
| + | #sidebar{display:none; |
− | var _getHeight = obj.offsetTop;
| + | } |
− |
| + | #page-wrap{display:none;} |
− | window.onscroll = function(){
| + | } |
− | changePos(id,_getHeight);
| + | </style> |
− | }
| + | |
− | }
| + | |
− | function changePos(id,height){
| + | <script type="text/javascript"> |
− | var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight();
| + | function menuFixed(id){ |
− | if(w>=1024){
| + | var obj = document.getElementById(id); |
− | if($(window).scrollTop() + $(window).height() > $(document).height() - 230){
| + | var _getHeight = obj.offsetTop; |
− | $('#sidebar').fadeOut("fast");}else{$('#sidebar').fadeIn("fast");}
| + | |
− | }
| + | window.onscroll = function(){ |
− | var scrollTop = document.documentElement.scrollTop || document.body.scrollTop -230;
| + | changePos(id,_getHeight); |
− | var windowBottom = $(window).scrollTop() + $(window).innerHeight();
| + | } |
− | var w = window.innerWidth;
| + | } |
− |
| + | function changePos(id,height){ |
− | if(scrollTop < height){ obj.style.position = 'relative';
| + | var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight(); |
− | }else{
| + | if(w>=1024){ |
− | obj.style.position = 'fixed';
| + | if($(window).scrollTop() + $(window).height() > $(document).height() - 230){ |
− | }
| + | $('#sidebar').fadeOut("fast");}else{$('#sidebar').fadeIn("fast");} |
− | }
| + | } |
− | </script>
| + | var scrollTop = document.documentElement.scrollTop || document.body.scrollTop -230; |
− |
| + | var windowBottom = $(window).scrollTop() + $(window).innerHeight(); |
− | <script type="text/javascript">
| + | var w = window.innerWidth; |
− | window.onload = function(){
| + | |
− | menuFixed('sidebar');
| + | if(scrollTop < height){ obj.style.position = 'relative'; |
− | }
| + | }else{ |
− | </script>
| + | obj.style.position = 'fixed'; |
− | <!--sidebar 引用 end ==================-->
| + | } |
− | <!--panel 引用==================-->
| + | } |
− | <style type="text/css">
| + | </script> |
− | .panel-default .panel-heading a{
| + | |
− | text-decoration: none;
| + | <script type="text/javascript"> |
− | display:block;
| + | window.onload = function(){ |
− | padding:10px;
| + | menuFixed('sidebar'); |
− | }
| + | } |
− | .panel-heading.panel-title{
| + | </script> |
− | text-decoration: none;
| + | <script> |
− | padding-top:0px;
| + | function naver(id){ |
− | padding-bottom:0px;
| + | var obj=document.getElementById(id); |
− | padding-left:0px;
| + | var oPos=obj.offsetTop; |
− | padding-right:0px;
| + | return window.scrollTo(0,oPos+250); |
− | text-align:center;
| + | } |
− | font-size:19px;
| + | </script> |
− |
| + | <!--sidebar 引用 end ==============================================================================--> |
− | }
| + | <!--panel 引用==================================================================================--> |
− | a[aria-expanded="true"] {
| + | <style type="text/css"> |
− | background-color:rgba(70, 73, 76, 0.95);
| + | .panel-default .panel-heading a{ |
− | text-decoration: none;
| + | text-decoration: none; |
− | color:white;
| + | display:block; |
− | }
| + | padding:10px; |
− |
| + | } |
− | .panel-default .panel-heading a[aria-expanded="false"]{
| + | .panel-heading.panel-title{ |
− | -o-transition: background-color 1s linear;
| + | text-decoration: none; |
− | -moz-transition: background-color 1s linear;
| + | padding-top:0px; |
− | -khtml-transition: background-color 1s linear;
| + | padding-bottom:0px; |
− | -webkit-transition: background-color 1s linear;
| + | padding-left:0px; |
− | -ms-transition: background-color 1s linear;
| + | padding-right:0px; |
− | transition: background-color 1s linear;
| + | text-align:center; |
− | }
| + | font-size:19px; |
− | .panel-default .panel-heading a[aria-expanded="false"]:hover{
| + | |
− | background-color:rgba(70, 73, 76, 0.95);
| + | } |
− | text-decoration: none;
| + | a[aria-expanded="true"] { |
− | color:white;
| + | background-color:rgba(70, 73, 76, 0.95); |
− | }
| + | text-decoration: none; |
− | .panel-default .panel-heading a[aria-expanded="true"]{
| + | color:white; |
− | -o-transition: opacity 1s linear;
| + | } |
− | -moz-transition: opacity 1s linear;
| + | |
− | -khtml-transition: opacity 1s linear;
| + | .panel-default .panel-heading a[aria-expanded="false"]{ |
− | -webkit-transition: opacity 1s linear;
| + | -o-transition: background-color 1s linear; |
− | -ms-transition: opacity 1s linear;
| + | -moz-transition: background-color 1s linear; |
− | transition: opacity 0.7s linear;
| + | -khtml-transition: background-color 1s linear; |
− | }
| + | -webkit-transition: background-color 1s linear; |
− | .panel-default .panel-heading a[aria-expanded="true"]:hover{
| + | -ms-transition: background-color 1s linear; |
− | opacity:0.7;
| + | transition: background-color 1s linear; |
− | }
| + | } |
− | </style>
| + | .panel-default .panel-heading a[aria-expanded="false"]:hover{ |
− |
| + | background-color:rgba(70, 73, 76, 0.95); |
− | <script type="text/javascript">
| + | text-decoration: none; |
− | $(document).ready(function(){
| + | color:white; |
− | $("#button1").click(function(){
| + | } |
− | $(".panel-collapse").collapse("show");
| + | .panel-default .panel-heading a[aria-expanded="true"]{ |
− | });
| + | -o-transition: opacity 1s linear; |
− | });
| + | -moz-transition: opacity 1s linear; |
− | $(document).ready(function(){
| + | -khtml-transition: opacity 1s linear; |
− | $("#button2").click(function(){
| + | -webkit-transition: opacity 1s linear; |
− | $(".panel-collapse").collapse("hide");
| + | -ms-transition: opacity 1s linear; |
− | });
| + | transition: opacity 0.7s linear; |
− | });
| + | } |
− | $("#notebook").addClass("navbar-active");
| + | .panel-default .panel-heading a[aria-expanded="true"]:hover{ |
− | </script>
| + | opacity:0.7; |
− | <!--panel 引用 end ==================-->
| + | } |
− |
| + | </style> |
− | </head>
| + | |
− | <body>
| + | <script type="text/javascript"> |
− | <!-- Navigation -->
| + | $(document).ready(function(){ |
− | <div id="navigation" class="navbar navbar-fixed-top">
| + | $("#button1").click(function(){ |
− | <div class="navbar-inner ">
| + | $(".panel-collapse").collapse("show"); |
− | <div class="container no-padding">
| + | }); |
− | <a class="show-menu" data-toggle="collapse" data-target=".nav-collapse"><span class="show-menu-bar"></span>
| + | }); |
− | </a>
| + | $(document).ready(function(){ |
− | <div id="logo" style="max-width:170px"><a class="" href="https://2016.igem.org/Team:Peking"></a></div>
| + | $("#button2").click(function(){ |
− |
| + | $(".panel-collapse").collapse("hide"); |
− | <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>
| + | $("#notebook").addClass("navbar-active"); |
− | <li class="dropdown menu-2"><a class="dropdown-toggle" data-toggle="dropdown" href="#" > Achievements</a>
| + | </script> |
− | <ul class="dropdown-menu">
| + | <!--panel 引用 end ==================--> |
− | <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>
| + | <!-- Navigation --> |
− | <li><a href="https://2016.igem.org/Team:Peking/Collaborations" >Collaborations</a></li>
| + | <div id="navigation" class="navbar navbar-fixed-top"> |
− | </ul>
| + | <div class="navbar-inner "> |
− | </li>
| + | <div class="container no-padding"> |
− | <li class="dropdown menu-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project</a>
| + | <a class="show-menu" data-toggle="collapse" data-target=".nav-collapse"><span class="show-menu-bar"></span> |
− | <ul class="dropdown-menu">
| + | </a> |
− | <li><a href="https://2016.igem.org/Team:Peking/Description" >Overview</a></li>
| + | <div id="logo" style="max-width:170px"><a class="" href="https://2016.igem.org/Team:Peking"></a></div> |
− | <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>
| + | <div class="nav-collapse collapse"> |
− | <li><a href="https://2016.igem.org/Team:Peking/Uranyl-adsorption" >Uranyl adsorption</a></li>
| + | <ul class="nav"> |
− | <li><a href="https://2016.igem.org/Team:Peking/Retrievability" >Recovery</a></li>
| + | <li class="menu-1"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking" >Home</a></li> |
− | <li><a href="https://2016.igem.org/Team:Peking/Secretion" >Secretion</a></li>
| + | <li class="dropdown menu-2"><a class="dropdown-toggle" data-toggle="dropdown" href="#" > Achievements</a> |
− | <li><a href="https://2016.igem.org/Team:Peking/Proof" >Proof and speculation</a></li>
| + | <ul class="dropdown-menu"> |
− | </ul>
| + | <li><a href="https://2016.igem.org/Team:Peking/Demonstrate" >Results</a></li> |
− | </li>
| + | <li><a href="https://2016.igem.org/Team:Peking/Basic_Part" >Parts</a></li> |
− | <li class="dropdown menu-4"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Modeling</a>
| + | <li><a href="https://2016.igem.org/Team:Peking/Collaborations" >Collaborations</a></li> |
− | <ul class="dropdown-menu">
| + | </ul> |
− | <li><a href="https://2016.igem.org/Team:Peking/Model" >Protein polymerization</a></li>
| + | </li> |
− | <li><a href="https://2016.igem.org/Team:Peking/Software" >Software</a></li>
| + | <li class="dropdown menu-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project</a> |
− | </ul>
| + | <ul class="dropdown-menu"> |
− | </li>
| + | <li><a href="https://2016.igem.org/Team:Peking/Description" >Overview</a></li> |
− | <li class="dropdown menu-5"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Practices</a>
| + | <li><a href="https://2016.igem.org/Team:Peking/Design" >Design</a></li> |
− | <ul class="dropdown-menu">
| + | <li><a href="https://2016.igem.org/Team:Peking/Crosslinking" >Crosslinking</a></li> |
− | <li><a href="https://2016.igem.org/Team:Peking/HP/Gold" >Overview</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/HP/Gold#311" >Field research</a></li>
| + | <li><a href="https://2016.igem.org/Team:Peking/Recovery" >Recovery</a></li> |
− | <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#questionnaire" >Questionnaire</a></li>
| + | <li><a href="https://2016.igem.org/Team:Peking/Secretion" >Secretion</a></li> |
− | <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#consulting" >Consulting</a></li>
| + | <li><a href="https://2016.igem.org/Team:Peking/Proof" >Proof and speculation</a></li> |
− | <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#questionnaire" >Other work</a></li>
| + | </ul> |
− | </ul>
| + | </li> |
− | </li>
| + | <li class="dropdown menu-4"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Modeling</a> |
− | <li class="menu-6"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Safety" >Safety</a>
| + | <ul class="dropdown-menu"> |
− | <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Lab</a>
| + | <li><a href="https://2016.igem.org/Team:Peking/Model" >Protein polymerization</a></li> |
− | <ul class="dropdown-menu">
| + | <li><a href="https://2016.igem.org/Team:Peking/Software" >Software</a></li> |
− | <li><a class="" href="https://2016.igem.org/Team:Peking/Team" >Team</a></li>
| + | </ul> |
− | <li><a class="" href="https://2016.igem.org/Team:Peking/Attributions" >Attribution</a></li>
| + | </li> |
− | <li><a class="" href="https://2016.igem.org/Team:Peking/Notebook" >Notebook</a></li>
| + | <li class="dropdown menu-5"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Practices</a> |
− | </ul>
| + | <ul class="dropdown-menu"> |
− | </li>
| + | <li><a href="https://2016.igem.org/Team:Peking/HP/Gold" >Overview</a></li> |
− | <li class="menu-8"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Interlab" >Interlab</a>
| + | <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#311" >Field research</a></li> |
− | </li>
| + | <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#questionnaire" >Questionnaire</a></li> |
− | </div>
| + | <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#consulting" >Consulting</a></li> |
− | </div>
| + | <li><a href="https://2016.igem.org/Team:Peking/HP/Gold#questionnaire" >Other work</a></li> |
| + | </ul> |
| + | </li> |
| + | <li class="menu-6"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Safety" >Safety</a> |
| + | <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Lab</a> |
| + | <ul class="dropdown-menu"> |
| + | <li><a class="" href="https://2016.igem.org/Team:Peking/Team" >Team</a></li> |
| + | <li><a class="" href="https://2016.igem.org/Team:Peking/Attributions" >Attribution</a></li> |
| + | <li><a class="" href="https://2016.igem.org/Team:Peking/Notebook" >Notebook</a></li> |
| + | </ul> |
| + | </li> |
| + | <li class="menu-8"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Interlab" >Interlab</a> |
| + | </li> |
| </div> | | </div> |
| </div> | | </div> |
− | <!--/Navigation -->
| + | </div> |
| + | </div> |
| + | <!--/Navigation --> |
| | | |
| <!-- Page Title======================================================================== --> | | <!-- Page Title======================================================================== --> |
Line 258: |
Line 268: |
| <div id="page-wrap"> | | <div id="page-wrap"> |
| <div id="sidebar" style="color:#000000"> | | <div id="sidebar" style="color:#000000"> |
− | <h4><a href="#Background">Background</a></h4> | + | <h4><a href="javascript:void(0);" onclick="naver('Background')">Background</a></h4> |
− | <h4><a href="#Methods">Methods</a></h4> | + | <h4><a href="javascript:void(0);" onclick="naver('Methods')">Methods</a></h4> |
− | <h4><a href="#Results">Results<a></h4> | + | <h4><a href="javascript:void(0);" onclick="naver('Results')">Results<a></h4> |
| <ul> | | <ul> |
− | <li><a href="#basic">Basic<sub>_</sub>Adsorption</a></li> | + | <li><a href="javascript:void(0);" onclick="naver('basic')">Basic<sub>_</sub>Adsorption</a></li> |
− | <li><a href="#ratio">Ratio<sub>_</sub>Optimization</a></li> | + | <li><a href="javascript:void(0);" onclick="naver('ratio')">Ratio<sub>_</sub>Optimization</a></li> |
− | <li><a href="#conditions">Different<sub>_</sub>Conditions</a></li> | + | <li><a href="javascript:void(0);" onclick="naver('conditions')">Different<sub>_</sub>Conditions</a></li> |
− | <li><a href="#low">Low<sub>_</sub>Uranyl<sub>_</sub>Concentration</a></li> | + | <li><a href="javascript:void(0);" onclick="naver('low')">Low<sub>_</sub>Uranyl<sub>_</sub>Concentration</a></li> |
| </ul> | | </ul> |
− | <h4><a href="#discussion">Discussion</a></h4> | + | <h4><a href="javascript:void(0);" onclick="naver('discussion')">Discussion</a></h4> |
− | <h4><a href="#references">References</a></h4> | + | <h4><a href="javascript:void(0);" onclick="naver('references')">References</a></h4> |
| </div> | | </div> |
| </div> | | </div> |