Difference between revisions of "Team:Peking/Description"

 
(12 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<html>
+
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
−
 
+
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
−
<head>
+
<!--[if (gte IE 8)|!(IE)]><!-->
−
<style>
+
<html class="no-js" lang="en">
−
             #home_logo, #sideMenu {
+
    <!--<![endif]-->
−
             display: none;
+
    <head>
 +
        <!--- Basic Page Needs========================================================================= -->
 +
        <meta charset="utf-8"/>
 +
        <title></title>
 +
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" />
 +
        <meta name="description" content="Wiki of Peking iGEM 2016" />
 +
        <meta name="author" content="Li Jiamian & Wang Yuqing"/>
 +
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
        <!-- Mobile Specific Metas===================================================================== -->
 +
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
 +
        <!-- Fix  Overwrite the original iGEM style=================================================== -->
 +
        <link href="https://2016.igem.org/Template:Peking/css/fix?action=raw&ctype=text/css" rel="stylesheet" />
 +
        <!-- CSS======================================================================================= -->
 +
        <link href="https://2016.igem.org/Template:Peking/css/bootstrap_min?action=raw&ctype=text/css" rel="stylesheet" />
 +
        <link href="https://2016.igem.org/Template:Peking/css/style?action=raw&ctype=text/css" rel="stylesheet" />
 +
        <!-- CSS======================================================================================= -->
 +
        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/default?action=raw&ctype=text/css"/>
 +
        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/layout?action=raw&ctype=text/css"/>
 +
        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/media-queries?action=raw&ctype=text/css"/>
 +
        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/notebook_panel?action=raw&ctype=text/css"/>
 +
        <style>
 +
             .texttitle{
 +
                color: #11abb0;
 +
                font-size: 38px;
 +
                line-height: 48px;
 +
                margin-bottom: 12px;
 +
                font-family: raleway-bold, sans-serif !important;
 +
                background: transparent;
 +
                letter-spacing: 3px;
 +
                text-transform: uppercase;
 +
                font-weight: 350;
 +
                text-align: center;
 +
                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;}
−
         #sideMenu, #top_title, .patrollink {
+
         .anchor{padding-top:100px;margin-top:-100px;}
−
             display: none;
+
             </style>
 +
       
 +
    </head>
 +
    <body>
 +
        <!--sidebar 引用==============================================================================-->
 +
        <style>
 +
            #primary span{
 +
                display:block;
 +
                word-break:break-all
 +
            }
 +
       
 +
        #page-wrap {
 +
            width: 25%;
 +
            margin: 0px;
 +
            position: relative;
 
         }
 
         }
−
 
+
       
−
         #content {
+
         #sidebar {
−
             width: 100%;
+
             width: 25%;
−
            padding: 0px;
+
−
            margin-top: 0px;
+
 
             margin-left: 0px;
 
             margin-left: 0px;
−
            margin-right: 0px;
 
 
         }
 
         }
−
 
+
         @media (min-width:1024px){
−
         body {
+
             #sidebar{position:relative;top:120px;max-width:200px;}}
−
             background-color: #FAFAFA;
+
         @media (max-width: 1023px){
−
         !important;
+
            #sidebar{display:none;
 +
            }
 +
            #page-wrap{display:none;}
 
         }
 
         }
−
 
+
        </style>
−
         #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
+
          
−
             margin-bottom: 0px;
+
       
 +
        <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;
 +
           
 +
            if(scrollTop < height){ obj.style.position = 'relative';
 +
            }else{
 +
                obj.style.position = 'fixed';
 +
            }
 
         }
 
         }
−
a:link {
+
        </script>
−
                        text-decoration: none;
+
       
−
                    }
+
        <script type="text/javascript">
−
 
+
            window.onload = function(){
−
                    a:visited {
+
                menuFixed('sidebar');
−
                        text-decoration: none;
+
            }
−
                    }
+
        </script>
−
 
+
        <script>
−
                    a:active {
+
            function naver(id){
−
                        text-decoration: none;
+
                var obj=document.getElementById(id);
−
                    }
+
                var oPos=obj.offsetTop;
−
 
+
                return window.scrollTo(0,oPos+250);
−
                    a:hover {
+
            }
−
                    }
+
        </script>
−
.dropbtn {
+
        <!--sidebar 引用 end ==============================================================================-->
−
    background-color: #4CAF50;
+
        <!--panel 引用==================================================================================-->
−
    color: white;
+
        <style type="text/css">
−
    padding: 16px;
+
            .panel-default .panel-heading a{
−
    font-size: 16px;
+
                text-decoration: none;
−
    border: none;
+
                display:block;
−
    cursor: pointer;
+
                padding:10px;
−
}
+
            }
−
 
+
        .panel-heading.panel-title{
−
.dropdown {
+
            text-decoration: none;
−
    position: relative;
+
            padding-top:0px;
−
    display: inline-block;
+
            padding-bottom:0px;
−
}
+
            padding-left:0px;
−
 
+
            padding-right:0px;
−
.dropdown-content {
+
            text-align:center;
−
    display: none;
+
            font-size:19px;
−
    position: absolute;
+
           
−
    background-color: #f9f9f9;
+
        }
−
    min-width: 100px;
+
        a[aria-expanded="true"] {
−
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
            background-color:rgba(70, 73, 76, 0.95);
−
}
+
            text-decoration: none;
−
 
+
            color:white;
−
.dropdown-content a {
+
        }
−
    color: black;
+
       
−
    padding: 12px 16px;
+
        .panel-default .panel-heading a[aria-expanded="false"]{
−
    text-decoration: none;
+
            -o-transition: background-color 1s linear;
−
    display: block;
+
            -moz-transition: background-color 1s linear;
−
}
+
            -khtml-transition: background-color 1s linear;
−
 
+
            -webkit-transition: background-color 1s linear;
−
.dropdown-content a:hover {background-color: #f1f1f1}
+
            -ms-transition: background-color 1s linear;
−
 
+
            transition: background-color 1s linear;
−
.dropdown:hover .dropdown-content {
+
        }
−
    display: block;
+
        .panel-default .panel-heading a[aria-expanded="false"]:hover{
−
}
+
            background-color:rgba(70, 73, 76, 0.95);
−
 
+
            text-decoration: none;
−
.dropdown:hover .dropbtn {
+
            color:white;
−
    background-color: #3e8e41;
+
        }
−
}
+
        .panel-default .panel-heading a[aria-expanded="true"]{
−
u{ text-decoration:none}
+
            -o-transition: opacity 1s linear;
−
a{ text-decoration:none}
+
            -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;
−
/*Major body*/
+
        }
−
#MajorBody{position:absolute; top:24px; left:0px; width:1200px; height:1200px; background-color:#ffffff;}
+
        .panel-default .panel-heading a[aria-expanded="true"]:hover{
−
#LeftNavigation{position:fixed; top:80px; float:left; width:200px; height:100%; background-color:#313131; z-index:1050;}
+
            opacity:0.7;
−
#Content{position:absolute; left:200px;}
+
        }
−
#ProjectList{position:absolute; top:40px; left:0px; color:#ffffff; font-family: calibri, arial, helvetica, sans-serif;}
+
       
−
#ProjectList > li {display:block; list-style-type:none; width:180px; height:30px; font-size:20px; text-align:left; background-color:transparent;}
+
        .coll p a{
−
.Left>a {color:#ffffff; text-decoration:none;}
+
            color:#5c9085 !important;
−
.Left:hover >a{color:#999999;}
+
        }
−
 
+
        .coll p a:hover{
−
 
+
            color:#11abb0 !important;
−
/*end of Major body*/
+
        }
−
#AcknowledgementBox{ position:absolute; left:0px; top:590px; width:1200px;display:none;}
+
        .coll {
−
 
+
            width:100%;
−
 
+
            float:left;
−
 
+
        }
−
 
+
        .coll .info {
−
 
+
            width:6%;
−
 
+
            font-size:11px;
−
    </style>
+
            color:#a4a4a4;
−
 
+
            margin-top:0px;
−
    <link rel="stylesheet" type="text/css"
+
            float:left;
−
          href="https://2018.igem.org/Template:Peking/css/menubar?action=raw&ctype=text/css">
+
           
−
    <link rel="stylesheet" type="text/css"
+
        }
−
          href="https://2018.igem.org/Template:Peking/css/main?action=raw&ctype=text/css">
+
        .coll .content {
−
 
+
            width:94%;
−
 
+
            float:left;
−
 
+
            margin-top:-3px;
−
</head>
+
        }
−
 
+
        .coll .ordi {
−
<body>
+
            width;100%;
−
 
+
            margin:0px 0px 0px 0px;
−
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
+
            font-size:35px;
−
    <header class="mdl-layout__header" style="position:fixed; margin-top: -9px; !important;">
+
            font-style:italic;
−
        <div class="mdl-layout__header-row">
+
            float:left;
−
            <!-- Title -->
+
            color:#11abb0;
−
            <a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking"
+
            opacity:0.8;
−
              style="color: #000000; font-size: x-large"><strong>Peking iGEM 2018</strong></a>
+
        }
−
            <a href="https://2018.igem.org/Team:Peking"><img
+
       
−
                     src="https://static.igem.org/mediawiki/2018/e/e2/T--Peking--_toolbar.jpeg" height="50"></a>
+
            </style>
−
            <!-- Add spacer, to align navigation to the right -->
+
       
−
            <div class="mdl-layout-spacer"></div>
+
        <script type="text/javascript">
−
            <!-- Navigation. We hide it in small screens. -->
+
            $(document).ready(function(){
−
            <nav class="mdl-navigation mdl-layout--large-screen-only">
+
                              $("#button1").click(function(){
−
 
+
                                                  $(".panel-collapse").collapse("show");
−
    <a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking"
+
                                                  });
−
    style="color: #000; font-weight: 500;">Home</a>
+
                              });
−
        <div class="dropdown">
+
                              $(document).ready(function(){
−
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Project"><b>Project</b></a></span>
+
                                                $("#button2").click(function(){
−
                <div class="dropdown-content">
+
                                                                    $(".panel-collapse").collapse("hide");
−
                    <a href="https://2018.igem.org/Team:Peking/Description">Description</a>
+
                                                                    });
−
                    <a href="https://2018.igem.org/Team:Peking/Design">Design</a>
+
                                                });
−
                    <a href="https://2018.igem.org/Team:Peking/Future Plan">Future Plan</a>
+
                                                $("#notebook").addClass("navbar-active");
−
                </div></div>
+
            </script>
−
        <div class="dropdown">
+
        <!--panel 引用 end ==================-->
−
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Wet_Lab">Wet Lab</a></span>
+
       
−
                <div class="dropdown-content">
+
          <!-- Navigation -->
−
                    <a href="https://2018.igem.org/Team:Peking/Results">Results</a>
+
        <div id="navigation" class="navbar navbar-fixed-top">
−
                    <a href="https://2018.igem.org/Team:Peking/Parts">Parts</a>
+
            <div class="navbar-inner ">
−
                    <a href="https://2018.igem.org/Team:Peking/InterLab">InterLab</a>
+
                <div class="container no-padding">
−
                </div></div>
+
                    <a class="show-menu" data-toggle="collapse" data-target=".nav-collapse"><span class="show-menu-bar"></span>
−
        <div class="dropdown">
+
                    </a>
−
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Dry_Lab">Dry Lab</a></span>
+
                    <div id="logo" style="max-width:0px"><a class="" href="https://2018.igem.org/Team:Peking"><img
−
                <div class="dropdown-content">
+
                     src="https://static.igem.org/mediawiki/2018/e/e2/T--Peking--_toolbar.jpeg" width="45%"></a></div>
−
                    <a href="https://2018.igem.org/Team:Peking/Model">Model</a>
+
                 
−
                    <a href="https://2018.igem.org/Team:Peking/Software">Software</a>
+
                    <div class="nav-collapse collapse">
−
                </div></div>
+
                        <ul class="nav">
−
        <div class="dropdown">
+
                            <li class="dropdown menu-1"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Project</a>
−
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Human_Practices">Human Practices</a></span>
+
                                <ul class="dropdown-menu">
−
                <div class="dropdown-content">
+
                                    <li><a href="https://2018.igem.org/Team:Peking/Project">Project</a></li>
−
                    <a href="https://2018.igem.org/Team:Peking/HumanPractices">Human Practices</a>
+
                                    <li><a href="https://2018.igem.org/Team:Peking/Description" class="barfont1">Description</a></li>
−
                    <a href="https://2018.igem.org/Team:Peking/Public_Engagement">Public Engagement</a>
+
                                    <li><a href="https://2018.igem.org/Team:Peking/Design" class="barfont1">Design</a></li>
−
                    <a href="https://2018.igem.org/Team:Peking/Collaborations">Collaborations</a>
+
                                    <li><a href="https://2018.igem.org/Team:Peking/Demonstrate" class="barfont1">Demonstration</a></li>
−
                </div></div>
+
                                    <li><a href="https://2018.igem.org/Team:Peking/Future_Plan" class="barfont1">Future Plan</a></li>
−
        <div class="dropdown">
+
                                </ul>
−
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Team">Team</a></span>
+
                            </li>
−
                <div class="dropdown-content">
+
                            <li class="dropdown menu-2"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Data Page</a>
−
                    <a href="https://2018.igem.org/Team:Peking/Team0">Team</a>
+
                                <ul class="dropdown-menu">
−
                    <a href="https://2018.igem.org/Team:Peking/Attributions">Attributions</a>
+
                                    <li><a href="https://2018.igem.org/Team:Peking/Results">Data Page</a></li>
−
                    <a href="https://2018.igem.org/Team:Peking/Deliverables">Deliverables</a>
+
                                    <li><a href="https://2018.igem.org/Team:Peking/Phase_Separation_D" class="barfont1">Phase Separation</a></li>
−
                    <a href="https://2018.igem.org/Team:Peking/Acknowledgement">Acknowledgement</a>
+
                                    <li><a href="https://2018.igem.org/Team:Peking/Functions_D" class="barfont1">Functions</a></li>
−
                    <a href="https://2018.igem.org/Team:Peking/Safety">Safety</a>
+
                                </ul>
−
                    <a href="https://2018.igem.org/Team:Peking/Notebook">Notebook</a>
+
                            </li>
−
                    <a href="https://2018.igem.org/Team:Peking/Experiments">Experiments</a>
+
                            <li class="dropdown menu-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Model</a>
−
                </div></div>
+
                                <ul class="dropdown-menu">
−
 
+
                                    <li><a href="https://2018.igem.org/Team:Peking/Model">Model</a></li>
−
             </nav>
+
                                    <li><a href="https://2018.igem.org/Team:Peking/Phase_Separation_M" class="barfont1">Phase Separation</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:Peking/Functions_M" class="barfont1">Functions</a></li>
 +
                                </ul>
 +
                            </li>
 +
                            <li class="menu-4"><a class="colapse-menu1" href="https://2018.igem.org/Team:Peking/Software" >Software</a>
 +
                            </li>
 +
                            <li class="dropdown menu-5"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Human Practices</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2018.igem.org/Team:Peking/Human_Practices/Gold" class="barfont1">Human Practices</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:Peking/Public_Engagement" class="barfont1">Public Engagement</a></li>
 +
                                </ul>
 +
                            </li>
 +
                                <li class="dropdown menu-6"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Team</a>
 +
                                    <ul class="dropdown-menu">
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Team_Members" class="barfont1">Team Members</a></li>
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Attributions" class="barfont1">Attributions</a></li>
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Safety" class="barfont1">Safety</a></li>
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Notebook" class="barfont1">Notebook</a></li>
 +
                                    </ul>
 +
                                </li>
 +
                                <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Collaborations</a>
 +
                                    <ul class="dropdown-menu">
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Collaborations" class="barfont1">Collaborations</a></li>
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Acknowledgement" class="barfont1">Acknowledgement</a></li>
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/InterLab" class="barfont1">InterLab</a></li>
 +
                                    </ul>
 +
                                </li>
 +
                                <li class="dropdown menu-8"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Parts</a>
 +
                                    <ul class="dropdown-menu">
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Parts">Parts</a></li>
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Favorite_Parts" class="barfont1">Favorite Parts</a></li>
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Part_Table" class="barfont1">Part Table</a></li>
 +
                                        <li><a href="https://2018.igem.org/Team:Peking/Part_Collection" class="barfont1">Part Collection</a></li>
 +
                                    </ul>
 +
                                </li>
 +
                                </div>
 +
                </div>
 +
             </div>
 
         </div>
 
         </div>
−
    </header>
+
        <!--/Navigation -->
 +
       
 +
       
 +
        <!-- Page Title======================================================================== -->
 +
        <div id="page-title">
 +
            <div class="row">
 +
                <div class="twelve columns centered text-center">
 +
                    <h1>Description</h1>
 +
                    <p class="title1" style="text-align:center">In this section, you could find what we achieved during this summer. For detailed lab results, models or human practices, please use the navigation bar for a quick webpage-redirecting.</p>
 +
                </div>
 +
            </div>
 +
        </div><!-- Page Title End-->
 +
       
 +
       
 +
        <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('A')">To&nbsp;A</a></h4>
 +
                                    <h4><a href="javascript:void(0);" onclick="naver('B')">To&nbsp;B</a></h4>
 +
                                    <h4><a href="javascript:void(0);" onclick="naver('C')">To&nbsp;C</a></h4>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                       
 +
                       
 +
                       
 +
                       
 +
                        <div class="nine columns">
 +
                           
 +
                            <a id="A"></a>
 +
                            <div class="texttitle">Project Achievements</div>
 +
                            <br/>
 +
                            <div class="coll">
 +
                                <div class="info">
 +
                                    <div class="ordi">1.</div>
 +
                                </div>
 +
                                <div class="content">
 +
                                    <p>Constructed a multifunctional protein of interest via molecular biological methods, and introduced the constructed plasmids into the engineered bacteria for protein expression. <a href="https://2016.igem.org/Team:Peking/Basic_Part"/>(Learn more)</a></p>
 +
                                </div>
 +
                            </div>
 +
                           
 +
                            <div class="coll">
 +
                                <div class="info">
 +
                                    <div class="ordi">2.</div>
 +
                                </div>
 +
                                <div class="content">
 +
                                    <p>Searched for methods and the best conditions for the extraction of each protein. <a href="https://2016.igem.org/Team:Peking/Notebook/Protocol:purification_of_recombinant_proteins"/>(Learn more)</a> </p>
 +
                                </div>
 +
                            </div>
 +
                           
 +
                            <div class="coll">
 +
                                <div class="info">
 +
                                    <div class="ordi">3.</div>
 +
                                </div>
 +
                                <div class="content">
 +
                                    <p>Demonstrated a quick and stable crosslinking process of Triple SpyTag-SUP and Triple SpyTag-mSA with Triple SpyCatcher via covalent bonds. We also optimized this reaction concerning the relevant parameters such as temperature, pH, etc.. <a href="https://2016.igem.org/Team:Peking/Crosslinking"/>(Learn more)</a> </p>
 +
                                </div>
 +
                            </div>
 +
                           
 +
                            <div class="coll">
 +
                                <div class="info">
 +
                                    <div class="ordi">4.</div>
 +
                                </div>
 +
                                <div class="content">
 +
                                    <p>Demonstrated effective adsorption of uranyl ions by monomeric Triple SpyTag-SUP or polymer network containing the SUP module under a number of conditions. The adsorption was highly efficient and fast, not only under experimental conditions but also in simulated seawater or lake water containing uranium pollution. <a href="https://2016.igem.org/Team:Peking/Uranyl-adsorption"/>(Learn more)</a> </p>
 +
                                </div>
 +
                            </div>
 +
                           
 +
                            <div class="coll">
 +
                                <div class="info">
 +
                                    <div class="ordi">5.</div>
 +
                                </div>
 +
                                <div class="content">
 +
                                    <p>Attached biotin to amino-coated magnetic beads and achieved clearance of the polymer network formed via the crosslinking of Triple SpyTag-SUP and Triple SpyTag-mSA with Triple SpyCatcher with a magnet. <a href="https://2016.igem.org/Team:Peking/Clearance"/>(Learn more)</a> </p>
 +
                                </div>
 +
                            </div>
 +
                           
 +
                            <div class="coll">
 +
                                <div class="info">
 +
                                    <div class="ordi">6.</div>
 +
                                </div>
 +
                                <div class="content">
 +
                                    <p>Set up a signal peptide library and screened for optimally suited signal peptides in order to efficiently secrete the proteins of interest. We found two signal peptides of high efficiency - those derived from OmpA and LtIIb. <a href="https://2016.igem.org/Team:Peking/Secretion"/>(Learn more)</a> </p>
 +
                                </div>
 +
                            </div>
 +
                           
 +
                            <div class="coll">
 +
                                <div class="info">
 +
                                    <div class="ordi">7.</div>
 +
                                </div>
 +
                                <div class="content">
 +
                                    <p>Used all the above-mentioned experiments together to demonstrate that the complete Uranium Reaper system, consisting of Triple SpyTag-SUP, Triple SpyTag-mSA, Triple SpyCatcher and biotin-coated magnetic beads, could effectively handle uranium pollution under simulated real-life conditions in about 2 hours. We aimed to optimize this strategy and hoped it could be implemented as a uranyl removal kit. <a href="https://2016.igem.org/Team:Peking/Proof"/>(Learn more)</a> </p>
 +
                                </div>
 +
                            </div>
 +
                           
 +
                            <div class="coll">
 +
                                <div class="info">
 +
                                    <div class="ordi">8.</div>
 +
                                </div>
 +
                                <div class="content">
 +
                                    <p>We exchanged the Triple SpyTag-SUP monomer for Triple SpyTag-LBP or Triple SpyTag-CBP, and tried using the same strategy to adsorb lead and cadmium. The results were remarkable, clearly demonstrating that the Uranium Reaper strategy has much potential to be expanded to other heavy metals. <a href="https://2016.igem.org/Team:Peking/Demonstrate"/>(Learn more)</a> </p>
 +
                                </div>
 +
                            </div>
 +
                            <br/>
 +
                           
 +
                            <div class="coll">
 +
                                <div class="info">
 +
                                    <div class="ordi">&nbsp;</div>
 +
                                </div>
 +
                                <div class="content">
 +
                                    <figure>
 +
                                        <p style="text-align:center;"><img style="width:90%;" src="https://static.igem.org/mediawiki/2016/a/af/T--Peking--image_demotable1.png" alt=""/></p>
 +
                                        <figcaption style="text-align:left;">
 +
                                           
 +
                                        </figcaption>
 +
                                    </figure>
 +
                                </div>
 +
                            </div>
 +
                           
 +
                            <div class="coll">
 +
                                <div class="info">
 +
                                    <div class="ordi">&nbsp;</div>
 +
                                </div>
 +
                                <div class="content">
 +
                                    <p>Even though the efficiency of the Uranium Reaper system may be somewhat lower than current methods, it could certainly be optimized through further development work. Importantly, Uranium Reaper is much better in other aspects. In the future, we plan to optimize the entire Uranium Reaper strategy in order to enhance the adsorption efficiency.</p>
 +
                                </div>
 +
                            </div>
  
−
</div>
+
                            <div class="coll">
 +
                                <div class="info">
 +
                                    <div class="ordi">&nbsp;</div>
 +
                                </div>
 +
                                <div class="content">
 +
                                    <p>For an overall view of our project, please redirect to <a href="https://2016.igem.org/Team:Peking/Description"/>Overview Page</a> or <a href="https://2016.igem.org/Team:Peking/Design"/>Design Page</a>. Links to detailed lab results could also be found on these pages.</p>
 +
                                </div>
 +
                            </div>
  
−
<!--MajorBody-->
 
−
<div id="MajorBody"> 
 
−
    <div id="LeftNavigation">
 
−
          <ul id="ProjectList">
 
−
                <li class="Left"><a href="https://2018.igem.org/Team:Peking/Project"><b>Project</b></a></li><br/><br/>
 
−
                <li class="Left"><a href="https://2018.igem.org/Team:Peking/Description">>&#160;&#160;&#160;Description</a><li>
 
−
                <li class="Left"><a href="https://2018.igem.org/Team:Peking/Design">&#9674;&#160;&#160;&#160;Design</a><li>
 
−
                <li class="Left"><a href="https://2018.igem.org/Team:Peking/Future_Plan">&#9674;&#160;&#160;&#160;Future Plan</a><li>
 
−
                </ul>
 
−
    </div>
 
−
   
 
−
 
−
<div class="two_thirds_size" >
 
−
<p>Welcome to our wiki!</p>
 
−
 
−
</div>
 
−
<div id="Content">
 
−
Descriotion
 
−
</div>
 
−
</div>
 
−
 
−
</body>
 
  
 +
                           
 +
                           
 +
                            <p>&nbsp;</p>
 +
                           
 +
                           
 +
                           
 +
                           
 +
                           
 +
                            <a id="B"></a>
 +
                           
 +
                            <div class="texttitle">Beyond Experiment</div>
 +
                            <br/>
 +
                            <div class="coll">
 +
                                <div class="info">
 +
                                    <div class="ordi">1.</div>
 +
                                </div>
 +
                                <div class="content">
 +
                                    <p>We submitted 53 high-quality and well-characterized Standard BioBricks, including a set of derivatives of Triple SpyTag and Triple SpyCatcher, such as the Triple SpyTag-SUP and Triple SpyTag-mSA. <a href="https://2016.igem.org/Team:Peking/Basic_Part"/>(Learn more)</a></p>
 +
                                </div>
 +
                            </div>
 +
                           
 +
                            <div class="coll">
 +
                                <div class="info">
 +
                                    <div class="ordi">2.</div>
 +
                                </div>
 +
                                <div class="content">
 +
                                    <p>We developed a special software which could be used to calculate the molecular weight distribution of protein polymers using Flory’s theory. The results of testing have demonstrated that the software is accurate and useful. <a href="https://2016.igem.org/Team:Peking/Software"/>(Learn more)</a> </p>
 +
                                </div>
 +
                            </div>
 +
                           
 +
                            <div class="coll">
 +
                                <div class="info">
 +
                                    <div class="ordi">3.</div>
 +
                                </div>
 +
                                <div class="content">
 +
                                    <p>We visited experts from the College of Chemistry and Molecular Engineering and School of Physics of Peking University, respectively, to learn about the current situation surrounding uranium pollution in the real world and how people could control the situation. After finishing the main work, we presented them with the achievements of the project and got their feedback. <a href="https://2016.igem.org/Team:Peking/HP/consulting"/>(Learn more)</a> </p>
 +
                                </div>
 +
                            </div>
 +
                           
 +
                            <div class="coll">
 +
                                <div class="info">
 +
                                    <div class="ordi">4.</div>
 +
                                </div>
 +
                                <div class="content">
 +
                                    <p>We did an interview with the Hunan Nuclear Geology 311 Brigade and gained thorough insights into the treatment of uranyl pollution used by the people on the firing line. This way we could compare the methods they were using with the Uranium Reaper strategy. <a href="https://2016.igem.org/Team:Peking/HP/Gold/311"/>(Learn more)</a> </p>
 +
                                </div>
 +
                            </div>
 +
                           
 +
                            <div class="coll">
 +
                                <div class="info">
 +
                                    <div class="ordi">5.</div>
 +
                                </div>
 +
                                <div class="content">
 +
                                    <p>We helped and collaborated with other iGEM teams by guiding a new team (BHU_China), as well as discussing about project design and technical skills and sharing DNA materials (OUC-China, BIT-China, Tianjin, UCAS, Jinlin_China and BNU-China). <a href="https://2016.igem.org/Team:Peking/Collaborations"/>(Learn more)</a> </p>
 +
                                </div>
 +
                            </div>
 +
                           
 +
                            <div class="coll">
 +
                                <div class="info">
 +
                                    <div class="ordi">6.</div>
 +
                                </div>
 +
                                <div class="content">
 +
                                    <p>We attended the CCiC (Central China iGEM Consortium), which is a large-scale competition-free jamboree of about 50 teams, providing participants with an opportunity for meaningful exchanges of ideas and problem solving. <a href="https://2016.igem.org/Team:Peking/Collaborations"/>(Learn more)</a> </p>
 +
                                </div>
 +
                            </div>
 +
                           
 +
                           
 +
                            <p>&nbsp;</p>
 +
                           
 +
                           
 +
                           
 +
                            <a id="C"></a>
 +
                            <div class="texttitle">Our future plan</div>
 +
                            <br/>
 +
                            <div class="coll">
 +
                                <div class="info">
 +
                                    <div class="ordi">1.</div>
 +
                                </div>
 +
                                <div class="content">
 +
                                    <p>We should reproduce all of the experiments that we have done this summer to make sure the results are credible.</p>
 +
                                </div>
 +
                            </div>
 +
                           
 +
                            <div class="coll">
 +
                                <div class="info">
 +
                                    <div class="ordi">2.</div>
 +
                                </div>
 +
                                <div class="content">
 +
                                    <p>We will optimize the whole strategy to enhance the adsorption efficiency by changing pH, temperature, reaction time of crosslinking and clearance. (The efficiency is only about 60% without further optimization)</p>
 +
                                </div>
 +
                            </div>
 +
                           
 +
                            <div class="coll">
 +
                                <div class="info">
 +
                                    <div class="ordi">3.</div>
 +
                                </div>
 +
                                <div class="content">
 +
                                    <p>According to the results for the adsorption of 13nM uranyl, the polymer network exhibited a good ability in a simulated seawater environment. We could thus also look into other usage scenarios of Uranium Reaper, such as bio-mining and uranium enrichment.</p>
 +
                                </div>
 +
                            </div>
 +
                           
 +
                            <div class="coll">
 +
                                <div class="info">
 +
                                    <div class="ordi">4.</div>
 +
                                </div>
 +
                                <div class="content">
 +
                                    <p>Exchange of the SUP module for other functional proteins. For example, we could integrate proteins which could bind other heavy metals such as mercury so that the polymer network could be used to treat other kinds of pollution as well.</p>
 +
                                </div>
 +
                            </div>
 +
                           
 +
                            <div class="coll">
 +
                                <div class="info">
 +
                                    <div class="ordi">5.</div>
 +
                                </div>
 +
                                <div class="content">
 +
                                    <p>We could assemble enzyme systems behind the SpyTag backbone to create a production plant in vitro. In the protein polymeric network, the concentration of enzymes could be increased and the efficiency of biocatalysis may consequently also be enhanced.</p>
 +
                                </div>
 +
                            </div>
 +
                           
 +
                            <div class="coll">
 +
                                <div class="info">
 +
                                    <div class="ordi">6.</div>
 +
                                </div>
 +
                                <div class="content">
 +
                                    <p>If we optimize the number of SpyTag or SpyCatcher modules per protein monomer, as well as the working concentrations of proteins, we may make protein-3D printing using the Spy Crosslinking Network come true.</p>
 +
                                </div>
 +
                            </div>
 +
                           
 +
                           
 +
                           
 +
                        </div><!--9 columns end-->
 +
                       
 +
                    </div>
 +
                   
 +
                   
 +
                   
 +
                   
 +
                    </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>

Latest revision as of 07:22, 14 October 2018

Description

In this section, you could find what we achieved during this summer. For detailed lab results, models or human practices, please use the navigation bar for a quick webpage-redirecting.

Project Achievements

1.

Constructed a multifunctional protein of interest via molecular biological methods, and introduced the constructed plasmids into the engineered bacteria for protein expression. (Learn more)

2.

Searched for methods and the best conditions for the extraction of each protein. (Learn more)

3.

Demonstrated a quick and stable crosslinking process of Triple SpyTag-SUP and Triple SpyTag-mSA with Triple SpyCatcher via covalent bonds. We also optimized this reaction concerning the relevant parameters such as temperature, pH, etc.. (Learn more)

4.

Demonstrated effective adsorption of uranyl ions by monomeric Triple SpyTag-SUP or polymer network containing the SUP module under a number of conditions. The adsorption was highly efficient and fast, not only under experimental conditions but also in simulated seawater or lake water containing uranium pollution. (Learn more)

5.

Attached biotin to amino-coated magnetic beads and achieved clearance of the polymer network formed via the crosslinking of Triple SpyTag-SUP and Triple SpyTag-mSA with Triple SpyCatcher with a magnet. (Learn more)

6.

Set up a signal peptide library and screened for optimally suited signal peptides in order to efficiently secrete the proteins of interest. We found two signal peptides of high efficiency - those derived from OmpA and LtIIb. (Learn more)

7.

Used all the above-mentioned experiments together to demonstrate that the complete Uranium Reaper system, consisting of Triple SpyTag-SUP, Triple SpyTag-mSA, Triple SpyCatcher and biotin-coated magnetic beads, could effectively handle uranium pollution under simulated real-life conditions in about 2 hours. We aimed to optimize this strategy and hoped it could be implemented as a uranyl removal kit. (Learn more)

8.

We exchanged the Triple SpyTag-SUP monomer for Triple SpyTag-LBP or Triple SpyTag-CBP, and tried using the same strategy to adsorb lead and cadmium. The results were remarkable, clearly demonstrating that the Uranium Reaper strategy has much potential to be expanded to other heavy metals. (Learn more)


 

 

Even though the efficiency of the Uranium Reaper system may be somewhat lower than current methods, it could certainly be optimized through further development work. Importantly, Uranium Reaper is much better in other aspects. In the future, we plan to optimize the entire Uranium Reaper strategy in order to enhance the adsorption efficiency.

 

For an overall view of our project, please redirect to Overview Page or Design Page. Links to detailed lab results could also be found on these pages.

 

Beyond Experiment

1.

We submitted 53 high-quality and well-characterized Standard BioBricks, including a set of derivatives of Triple SpyTag and Triple SpyCatcher, such as the Triple SpyTag-SUP and Triple SpyTag-mSA. (Learn more)

2.

We developed a special software which could be used to calculate the molecular weight distribution of protein polymers using Flory’s theory. The results of testing have demonstrated that the software is accurate and useful. (Learn more)

3.

We visited experts from the College of Chemistry and Molecular Engineering and School of Physics of Peking University, respectively, to learn about the current situation surrounding uranium pollution in the real world and how people could control the situation. After finishing the main work, we presented them with the achievements of the project and got their feedback. (Learn more)

4.

We did an interview with the Hunan Nuclear Geology 311 Brigade and gained thorough insights into the treatment of uranyl pollution used by the people on the firing line. This way we could compare the methods they were using with the Uranium Reaper strategy. (Learn more)

5.

We helped and collaborated with other iGEM teams by guiding a new team (BHU_China), as well as discussing about project design and technical skills and sharing DNA materials (OUC-China, BIT-China, Tianjin, UCAS, Jinlin_China and BNU-China). (Learn more)

6.

We attended the CCiC (Central China iGEM Consortium), which is a large-scale competition-free jamboree of about 50 teams, providing participants with an opportunity for meaningful exchanges of ideas and problem solving. (Learn more)

 

Our future plan

1.

We should reproduce all of the experiments that we have done this summer to make sure the results are credible.

2.

We will optimize the whole strategy to enhance the adsorption efficiency by changing pH, temperature, reaction time of crosslinking and clearance. (The efficiency is only about 60% without further optimization)

3.

According to the results for the adsorption of 13nM uranyl, the polymer network exhibited a good ability in a simulated seawater environment. We could thus also look into other usage scenarios of Uranium Reaper, such as bio-mining and uranium enrichment.

4.

Exchange of the SUP module for other functional proteins. For example, we could integrate proteins which could bind other heavy metals such as mercury so that the polymer network could be used to treat other kinds of pollution as well.

5.

We could assemble enzyme systems behind the SpyTag backbone to create a production plant in vitro. In the protein polymeric network, the concentration of enzymes could be increased and the efficiency of biocatalysis may consequently also be enhanced.

6.

If we optimize the number of SpyTag or SpyCatcher modules per protein monomer, as well as the working concentrations of proteins, we may make protein-3D printing using the Spy Crosslinking Network come true.