Difference between revisions of "Team:Peking"

 
(58 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 +
 
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
 
<!--[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]-->
 
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
Line 7: Line 8:
 
         <!--- Basic Page Needs========================================================================= -->
 
         <!--- Basic Page Needs========================================================================= -->
 
         <meta charset="utf-8"/>
 
         <meta charset="utf-8"/>
         <title></title>
+
         <title>Home</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 2018" />
         <meta name="author" content="Li Jiamian & Wang Yuqing"/>
+
         <meta name="author" content="Peking iGEM"/>
 
         <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://2018.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://2018.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://2018.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://2018.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://2018.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://2018.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"/>
+
         <link rel="stylesheet" href="https://2018.igem.org/Template:Peking/css/priorstyle?action=raw&ctype=text/css"/>
 +
        <link rel="stylesheet" href="https://2018.igem.org/Template:Peking/css/notebook_panel?action=raw&ctype=text/css"/>
 
         <style>
 
         <style>
 +
                        body { background: #D2D8D8 url(https://static.igem.org/mediawiki/2018/7/78/T--Peking--images_bodyBackground.jpeg); background-attachment:fixed;}
 
             .texttitle{
 
             .texttitle{
                 color:#6495ED;
+
                 color: #6495ED;
 
                 font-size: 38px;
 
                 font-size: 38px;
 
                 line-height: 48px;
 
                 line-height: 48px;
Line 36: Line 39:
 
                 font-weight: 350;
 
                 font-weight: 350;
 
                 text-align: center;
 
                 text-align: center;
                padding-top:40px;
 
 
             }
 
             }
 
         sup{font-size:11px;}
 
         sup{font-size:11px;}
 
         .references{margin-top:150px;margin-bottom:40px;}
 
         .references{margin-top:150px;margin-bottom:40px;}
 
         .references p{font-size:14px !important; color:#666161 !important;}
 
         .references p{font-size:14px !important; color:#666161 !important;}
         .classic-title {font-weight: 300;padding-top:30px;}
+
         .classic-title {font-weight: 300;}
 
         .classic-title span {
 
         .classic-title span {
 
             padding-bottom: 8px;
 
             padding-bottom: 8px;
 
             border-bottom: 1px solid #383232;
 
             border-bottom: 1px solid #383232;
 
             font-weight: 400;
 
             font-weight: 400;
 +
        }
 +
        a, a:visited{
 +
          color:#6495ED;
 +
 
         }
 
         }
 
         figure{margin-top:40px;margin-bottom:40px;height:auto;}
 
         figure{margin-top:40px;margin-bottom:40px;height:auto;}
Line 52: Line 58:
 
          
 
          
 
     </head>
 
     </head>
 +
   
 +
   
 +
   
 
     <body>
 
     <body>
         <!--sidebar 引用==============================================================================-->
+
 
         <style>
+
 
             #primary span{
+
         <!-- Home Section -->
                display:block;
+
         <div id="home">
                word-break:break-all
+
              
            }
+
            <a id="slider_left"><img src="https://static.igem.org/mediawiki/2018/6/66/T--Peking--Homeleft.png" style="margin-top:100%" alt="Slide Left"></a>
       
+
             <a id="slider_right"><img src="https://static.igem.org/mediawiki/2018/1/19/T--Peking--Homeright.png" style="margin-top:100%" alt="Slide Right"></a>
        #page-wrap {
+
              
            width: 25%;
+
            <img id="cycle-loader" src="https://static.igem.org/mediawiki/2018/7/73/T--Peking--Homeloader.png" />
             margin: 0px;
+
          <!-- <img id="cycle-loader" src="https://static.igem.org/mediawiki/2018/0/09/T--Peking--driftE.gif" /> -->
             position: relative;
+
              
        }
+
             <div id="fullscreen-slider">
       
+
               
        #sidebar {
+
                <div>
             width: 25%;
+
                  <!-- <img src="https://static.igem.org/mediawiki/2018/0/09/T--Peking--driftE.gif" alt="" />-->
             margin-left: 0px;
+
<img src="https://static.igem.org/mediawiki/2018/a/a4/T--Peking--Mainpage1.gif" alt="" />v
        }
+
                    <!--div class="pattern">
        @media (min-width:1024px){
+
                    <div class="slide-content light">
            #sidebar{position:relative;top:120px;max-width:200px;}}
+
                    <div class="div-align-center">
        @media (max-width: 1023px){
+
                    <p class="georgia">Welcome to our website</p>
            #sidebar{display:none;
+
                    <h1>We are newave</h1>
            }
+
                    <a href="#we-are-newave" class="newave-button medium white outline">See What we do</a>
            #page-wrap{display:none;}
+
                    </div>
        }
+
                    </div>
        </style>
+
                    </div>-->
       
+
                 </div>
       
+
        <script type="text/javascript">
+
            function menuFixed(id){
+
                var obj = document.getElementById(id);
+
                 var _getHeight = obj.offsetTop;
+
 
                  
 
                  
                 window.onscroll = function(){
+
                 <div>
                     changePos(id,_getHeight);
+
                    <img src="https://static.igem.org/mediawiki/2018/c/c4/T--Peking--zhang22%E8%B5%84%E6%BA%90_2%404x.png" alt="" />
                }
+
                     <!-- <div class="pattern">
            }
+
                    <div class="slide-content light">
        function changePos(id,height){
+
                    <div class="div-word-on-picture1">
            var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight();
+
                    <h1>Uranium </h1>
            if(w>=1024){
+
                    </div>
                 if($(window).scrollTop() + $(window).height() > $(document).height() - 230){
+
                   
                     $('#sidebar').fadeOut("fast");}else{$('#sidebar').fadeIn("fast");}
+
                    <div class="div-word-on-picture2">
             }
+
                    <h1>Reaper</h1>
             var scrollTop = document.documentElement.scrollTop || document.body.scrollTop -230;
+
                    </div>
             var windowBottom = $(window).scrollTop() + $(window).innerHeight();
+
                   
             var w = window.innerWidth;
+
                    <p><span style="font-family:Verdana;font-size:15px">iGEM 2018</span></p>
 +
                    </div>
 +
                    </div>-->
 +
                 </div>
 +
               
 +
                <div>
 +
                    <img src="https://static.igem.org/mediawiki/2018/6/64/T--Peking--zhang222%E8%B5%84%E6%BA%90_4%404x.png" alt="" />
 +
                     <!--<div class="pattern">
 +
                    <div class="slide-content light">
 +
                    <div class="div-align-center">
 +
                    <p class="georgia">Welcome to our website</p>
 +
                    <h1>We are newave</h1>
 +
                    <a href="#we-are-newave" class="newave-button medium white outline">See What we do</a>
 +
                    </div>
 +
                    </div>
 +
                    </div>-->
 +
                </div>
 +
               
 +
               
 +
             
 +
               
 +
             </div>
 +
             <!-- End Home Section -->
 +
 
 +
 
 +
              
 +
                       
 +
              
 
              
 
              
            if(scrollTop < height){ obj.style.position = 'relative';
 
            }else{
 
                obj.style.position = 'fixed';
 
            }
 
        }
 
        </script>
 
       
 
        <script type="text/javascript">
 
            window.onload = function(){
 
                menuFixed('sidebar');
 
            }
 
        </script>
 
        <script>
 
            function naver(id){
 
                var obj=document.getElementById(id);
 
                var oPos=obj.offsetTop;
 
                return window.scrollTo(0,oPos+250);
 
            }
 
        </script>
 
        <!--sidebar 引用 end ==============================================================================-->
 
        <!--panel 引用==================================================================================-->
 
        <style type="text/css">
 
            .panel-default .panel-heading a{
 
                text-decoration: none;
 
                display:block;
 
                padding:10px;
 
            }
 
        .panel-heading.panel-title{
 
            text-decoration: none;
 
            padding-top:0px;
 
            padding-bottom:0px;
 
            padding-left:0px;
 
            padding-right:0px;
 
            text-align:center;
 
            font-size:19px;
 
 
              
 
              
        }
 
        a[aria-expanded="true"] {
 
            background-color:rgba(70, 73, 76, 0.95);
 
            text-decoration: none;
 
            color:white;
 
        }
 
       
 
        .panel-default .panel-heading a[aria-expanded="false"]{
 
            -o-transition: background-color 1s linear;
 
            -moz-transition: background-color 1s linear;
 
            -khtml-transition: background-color 1s linear;
 
            -webkit-transition: background-color 1s linear;
 
            -ms-transition: background-color 1s linear;
 
            transition: background-color 1s linear;
 
        }
 
        .panel-default .panel-heading a[aria-expanded="false"]:hover{
 
            background-color:rgba(70, 73, 76, 0.95);
 
            text-decoration: none;
 
            color:white;
 
        }
 
        .panel-default .panel-heading a[aria-expanded="true"]{
 
            -o-transition: opacity 1s linear;
 
            -moz-transition: opacity 1s linear;
 
            -khtml-transition: opacity 1s linear;
 
            -webkit-transition: opacity 1s linear;
 
            -ms-transition: opacity 1s linear;
 
            transition: opacity 0.7s linear;
 
        }
 
        .panel-default .panel-heading a[aria-expanded="true"]:hover{
 
            opacity:0.7;
 
        }
 
       
 
        .coll p a{
 
            color:#5c9085 !important;
 
        }
 
        .coll p a:hover{
 
            color:#11abb0 !important;
 
        }
 
        .coll {
 
            width:100%;
 
            float:left;
 
        }
 
        .coll .info {
 
            width:6%;
 
            font-size:11px;
 
            color:#a4a4a4;
 
            margin-top:0px;
 
            float:left;
 
 
              
 
              
        }
 
        .coll .content {
 
            width:94%;
 
            float:left;
 
            margin-left:40px;
 
            margin-top:-3px;
 
        }
 
        .coll .ordi {
 
            width;100%;
 
            margin:0px 0px 0px 0px;
 
            font-size:35px;
 
            font-style:italic;
 
            float:left;
 
            color:#1E90FF;
 
            opacity:0.8;
 
        }
 
       
 
            </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 -->
 
           <!-- Navigation -->
 
         <div id="navigation" class="navbar navbar-fixed-top">
 
         <div id="navigation" class="navbar navbar-fixed-top">
Line 240: Line 155:
 
                                 </ul>
 
                                 </ul>
 
                             </li>
 
                             </li>
                             <li class="dropdown menu-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Modeling</a>
+
                             <li class="menu-3"><a class="colapse-menu1" href="https://2018.igem.org/Team:Peking/Model">Modeling</a>
                                <ul class="dropdown-menu">
+
                                    <li><a href="https://2018.igem.org/Team:Peking/Model">Overview</a></li>
+
                                    <li><a href="https://2018.igem.org/Team:Peking/SPOT_Formation" class="barfont1">SPOT Formation</a></li>
+
                                    <li><a href="https://2018.igem.org/Team:Peking/Application" class="barfont1">Application</a></li>
+
                                </ul>
+
 
                             </li>
 
                             </li>
 
                             <li class="menu-4"><a class="colapse-menu1" href="https://2018.igem.org/Team:Peking/Software">Software</a>
 
                             <li class="menu-4"><a class="colapse-menu1" href="https://2018.igem.org/Team:Peking/Software">Software</a>
Line 251: Line 161:
  
  
                                <li class="dropdown menu-6"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices</a>
+
                            <li class="menu-6"><a class="colapse-menu1" href="https://2018.igem.org/Team:Peking/Human_Practices">Human Practices</a>
                                    <ul class="dropdown-menu">
+
                            </li>
                                        <li><a href="https://2018.igem.org/Team:Peking/Human_Practices" class="barfont1">Overview</a></li>
+
                                        <li><a href="https://2018.igem.org/Team:Peking/Statistics" class="barfont1">Statistics</a></li>
+
                                        <li><a href="https://2018.igem.org/Team:Peking/Public_Engagement" class="barfont1">Public Engagement</a></li>
+
                                        <li><a href="https://2018.igem.org/Team:Peking/Other" class="barfont1">Other</a></li>
+
                                    </ul>
+
                                </li>
+
 
                                 <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Achievement</a>
 
                                 <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Achievement</a>
 
                                     <ul class="dropdown-menu">
 
                                     <ul class="dropdown-menu">
Line 300: Line 204:
 
             }
 
             }
 
             .texttitle{
 
             .texttitle{
                 color: #11abb0;
+
                 color: #6495ED;
 
                 font-size: 38px;
 
                 font-size: 38px;
 
                 line-height: 48px;
 
                 line-height: 48px;
Line 315: Line 219:
 
              
 
              
 
              
 
              
 +
        <!-- Page Title======================================================================== -->
 +
        <div id="page-title">
 +
            <div class="row">
 +
                <div class="twelve columns centered text-center">
 +
                    <h1>Peking 2018</h1>
 +
                    <h1>Synthetic Organelles</h1>
 +
                    <font size="6" color="gray">Synthetic Phase separation-based Organelle Platform (SPOT)</font>
 +
                   
 +
                   
 +
                </div>
 +
            </div>
 +
        </div><!-- Page Title End-->
 
              
 
              
 
              
 
              
Line 327: Line 243:
 
                             <div class="row">
 
                             <div class="row">
 
                                 <div class="twelve columns">
 
                                 <div class="twelve columns">
                                    <div class="texttitle">HOME</div>
+
                                  <div class="texttitle">Background and motivation</div>
                                     <p class="lead add-bottom" style="color:#5E5656">The problem of uranium contamination is a source of great concern. Uranium could have severe detrimental health effects (it is particularly harmful to the liver, kidney and bone) and lead to environment issues (chemical and radioactive hazards). <a href="https://2016.igem.org/Team:Peking/HP/311">Current treatment options</a> available for uranium leaks in nuclear power plants or uranium pollution around ore-fields, such as ion exchange, flocculation-setting and phytoremediation, all have limitations including their high cost, low efficiency and the sheer complexity of the involved procedures.</p>
+
                            <hr style="border:2px dashed; height:2px" color="#666666">
 +
                                     <p class="lead add-bottom" style="color:#5E5656">Ever since the beginning of life, compartmentalization has been playing a crucial role in biological systems. The famous Miller-Urey experiment shows that inorganic molecules can be transformed into organic substances under extreme conditions, for example, lightnings. However, homogeneously distributed organic matter is not enough for life to emerge. It is almost impossible that all conditions are appropriate for life in the entire primordial soup. That is where the compartments come in.</p>
 
                                      
 
                                      
                                     <p class="lead add-bottom" style="color:#5E5656">To address these problems, Peking iGEM team aims to construct <a href="https://2016.igem.org/Team:Peking/Description">a novel functional biomaterial</a> consisting of multiple functional protein modules. This material is designed to be produced and secreted by bacteria, and self-assembled to form a polymer network. In combination with a specific <a href="https://2016.igem.org/Team:Peking/Uranyl-adsorption">Super Uranyl-binding Protein</a>, it obtains the ability to adsorb uranyl ions. After very short contacting with polluted water, the uranyl-laden biomaterial, which also contains a <a href="https://2016.igem.org/Team:Peking/Clearance">monomeric streptavidin module</a>, could be easily cleared using biotinylated magnetic beads.
+
                                     <p class="lead add-bottom" style="color:#5E5656">Only after coacervate droplets form and organic molecules condense inside, can a completely different environment be attained within, thus enabling the emergence of bio-macromolecules, or in other words, making life possible.In highly-evolved cells, compartmentalization is mainly achieved by different organelles, i.e. mitochondria, chloroplasts, lysosomes, etc. They play three major roles: isolation, special environment and localization.</p>
                                    </p>
+
 
                                      
 
                                      
                                     <p class="lead add-bottom" style="color:#5E5656">This uranyl-binding biomaterial shows a series of advantages, such as high specificity, high efficiency, self-assembly and renewability. Furthermore, the uranyl-binding module could be replaced or combined with modules that are capable of binding other heavy metal ions, as well as fluorescent proteins, obtaining <a href="https://2016.igem.org/Team:Peking/Proof">multi-functionality</a>. By taking advantage of modularization in the design, additional applications beyond uranium adsorption could be developed based on this material in the future.</p>
+
                                     <p class="lead add-bottom" style="color:#5E5656">Intuitively, for an organelle to remain a stable compartment, it requires a material boundary, or more precisely, a membrane. Membrane-bound organelles are indeed common and stable, but from the perspective of synthesis, they are way too complicated. However, there are also non-membrane-bound organelles, for instance, stress granules, P granules and nucleoli. More importantly, their formation is guided by simple physical principles. Then comes the question how we can synthesize membrane-less organelles.</p>
 +
                                   
 +
                             
 +
                                   
 +
                                </div><!—12 columns ended-->
 +
                                <div class="twelve columns">
 +
                                                                <div class="texttitle">Principles and design</div>
 +
                            <hr style="border:2px dashed; height:2px" color="#666666">
 +
                                    <p class="lead add-bottom" style="color:#5E5656">There are a large number of phase separation phenomena in cells, which can be summarized by the principle that interaction and multivalence are two preconditions of phase separation in cells. Based on this principle, we used SUMO-SIM, FKBP-Frb, and similar interacting pairs as interaction modules to provide diverse induction of the condensation, while we fused homo-oligomeric tags (HOTags) to introduce multivalency. We named our system <a href="https://2018.igem.org/Team:Peking/Design">SPOT (Synthetic Phase separation-based Organelle Platform)</a> because it can form granules in yeast (we can see fluorescent spots in yeast under the microscope).</p>                             
 +
                                   
 +
                                </div><!—12 columns ended-->
 +
                                <div class="twelve columns">
 +
                                                                <div class="texttitle">SPOT construction and verification</div>
 +
                            <hr style="border:2px dashed; height:2px" color="#666666">
 +
                                    <p class="lead add-bottom" style="color:#5E5656">We tested different interaction modules to construct the synthetic organelles and then modeled our system according to the theory of phase separation. As this model predicts, different promoters alter the features and kinetics of our system, which was also validated by the experiments.</p>                                   
 +
                                                             
 +
                                </div><!—12 columns ended-->
 +
                                <div class="twelve columns">
 +
                                                                <div class="texttitle">Functions of synthetic organelles</div>
 +
                            <hr style="border:2px dashed; height:2px" color="#666666">
 +
                                    <p class="lead add-bottom" style="color:#5E5656">We verified the feasibility of several potential functions, both theoretically and experimentally, including reaction compartment, sensor, etc. In the future, by replacing functional modules with other parts, this system can be reprogrammed to conduct functions not included in the current project.</p>
 
                                      
 
                                      
 
                                
 
                                
 
                                      
 
                                      
 
                                 </div><!—12 columns ended-->
 
                                 </div><!—12 columns ended-->
 
 
                               <div class="twelve columns" >
 
                               <div class="twelve columns" >
 
                                  
 
                                  
Line 362: Line 297:
 
                                                                  
 
                                                                  
 
                                 </div>
 
                                 </div>
                               
 
 
                                 </div>
 
                                 </div>
 +
                           
 
                                  
 
                                  
  
Line 414: Line 349:
 
              
 
              
 
              
 
              
           
+
  <!-- footer============================================================================== -->
            <!-- footer(Home special)
+
        <style>
            ================================================== -->
+
             footer .copyright span:before {
             <footer id="page-footer">
+
                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">
 +
<footer id="page-footer">
 
                 <div class="row,row1">
 
                 <div class="row,row1">
 
                     <ul class="footer-social">
 
                     <ul class="footer-social">
 
                         <li class="col-md-6" id="PKU-administration" style="margin-bottom:25px;max-width:300px">
 
                         <li class="col-md-6" id="PKU-administration" style="margin-bottom:25px;max-width:300px">
                             <a href="http://dean.pku.edu.cn/pkudean/index.html"><img src="https://static.igem.org/mediawiki/2016/7/7a/T--Peking--images_PKU_Administration_logo.png"></a>
+
                             <a href="http://dean.pku.edu.cn/pkudean/index.html"><img src="https://static.igem.org/mediawiki/2018/7/7a/T--Peking--images_PKU_Administration_logo.png"></a>
 
                         </li>
 
                         </li>
 
                         <li class="col-md-6" id="PKU-SLS" style="margin-bottom:25px;max-width:300px">
 
                         <li class="col-md-6" id="PKU-SLS" style="margin-bottom:25px;max-width:300px">
                             <a href="http://www.bio.pku.edu.cn/"><img src="https://static.igem.org/mediawiki/2016/0/04/T--Peking--images_PKU_SLS_logo.png"></a>
+
                             <a href="http://www.bio.pku.edu.cn/"><img src="https://static.igem.org/mediawiki/2018/0/04/T--Peking--images_PKU_SLS_logo.png"></a>
                        </li>
+
                        <li class="col-md-6" id="IMCAS" style="margin-bottom:25px;max-width:300px">
+
                            <a href="http://english.im.cas.cn/"><img src="https://static.igem.org/mediawiki/2016/9/93/T--Peking--images_PKU_IMCAS_logo.png"></a>
+
 
                         </li>
 
                         </li>
 +
                     
 
                         <li class="col-md-6" id="PKU-CQB" style="margin-bottom:25px;max-width:300px">
 
                         <li class="col-md-6" id="PKU-CQB" style="margin-bottom:25px;max-width:300px">
                             <a href="http://cqb.pku.edu.cn/en/"><img src="https://static.igem.org/mediawiki/2016/e/e1/T--Peking--images_PKU_CQB_logo.png"></a>
+
                             <a href="http://cqb.pku.edu.cn/en/"><img src="https://static.igem.org/mediawiki/2018/e/e1/T--Peking--images_PKU_CQB_logo.png"></a>
 
                         </li>
 
                         </li>
                        <!--<li class="col-md-6" id="BluePha" style="margin-bottom:25px; max-width:300px">
+
 
                        <a href="http://www.bluepha.com/"><img src="images/PKU/Bluepha-logo.png"></a>
+
                        </li>-->
+
 
                     </ul>
 
                     </ul>
 
                 </div>
 
                 </div>
               
+
            <div class="row">
               
+
                 <div class="twelve columns" >
                <style><!-----style of copyright---->
+
                    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>
+
                  
+
              <div class="row" >
+
 
                     <ul class="copyright">
 
                     <ul class="copyright">
                         <li><a href="https://2018.igem.org/Team:Peking">Home</a>&nbsp;&nbsp;&nbsp;<a href="#">Contact</a></li>
+
                        <!--<li>&copy; 2014 Sparrow</li> -->
 +
                         <li><a href="https://2018.igem.org/Team:Peking">Home</a>&nbsp;&nbsp;&nbsp;<a href="mailto:pekingigem2018@126.com">Contact</a></li>
 
                         <span> &copy;2018 PEKING IGEM. All Rights Reserved.</span>
 
                         <span> &copy;2018 PEKING IGEM. All Rights Reserved.</span>
                         <li style="padding-right:20px"><a href="https://www.facebook.com/pekingigem"><img style="height:22px; margin-top:4px; margin-bottom:-4px;" src="https://static.igem.org/mediawiki/2016/c/c4/T--Peking--image_homefacebook.png"/></a></li>
+
                         <li><a href="http://getbootstrap.com/2.3.2/">Based on Bootstrap</a></li>
                        <li style="padding-right:20px"><a href="https://twitter.com/iGEM_Peking"><img style="height:22px; margin-top:4px; margin-bottom:-4px;" src="https://static.igem.org/mediawiki/2016/3/39/T--Peking--image_hometwitter.png"/></a></li>
+
                        <li style="padding-right:20px"><a href="#"><img style="height:22px; margin-top:4px; margin-bottom:-4px;" src="https://static.igem.org/mediawiki/2016/c/cc/T--Peking--image_homeskype.png"/></a></li>
+
 
                     </ul>
 
                     </ul>
                 </div>           
+
                 </div>
                <!-----go-to-top------>
+
                 <div id="go-top" style="display: block;"><a title="Back to Top" href="#">Go To Top</a></div>
                 <div id="go-top" style="display: block;z-index:1000;"><a title="Back to Top" href="#">Go To Top</a></div>
+
             </div>
               
+
 
             </footer>
+
 
            <!-- Footer End-->
+
<!-- Footer End-->
 
              
 
              
 
              
 
              

Latest revision as of 01:11, 18 October 2018

Home

Slide Left Slide Right
v

Peking 2018

Synthetic Organelles

Synthetic Phase separation-based Organelle Platform (SPOT)
Background and motivation

Ever since the beginning of life, compartmentalization has been playing a crucial role in biological systems. The famous Miller-Urey experiment shows that inorganic molecules can be transformed into organic substances under extreme conditions, for example, lightnings. However, homogeneously distributed organic matter is not enough for life to emerge. It is almost impossible that all conditions are appropriate for life in the entire primordial soup. That is where the compartments come in.

Only after coacervate droplets form and organic molecules condense inside, can a completely different environment be attained within, thus enabling the emergence of bio-macromolecules, or in other words, making life possible.In highly-evolved cells, compartmentalization is mainly achieved by different organelles, i.e. mitochondria, chloroplasts, lysosomes, etc. They play three major roles: isolation, special environment and localization.

Intuitively, for an organelle to remain a stable compartment, it requires a material boundary, or more precisely, a membrane. Membrane-bound organelles are indeed common and stable, but from the perspective of synthesis, they are way too complicated. However, there are also non-membrane-bound organelles, for instance, stress granules, P granules and nucleoli. More importantly, their formation is guided by simple physical principles. Then comes the question how we can synthesize membrane-less organelles.

Principles and design

There are a large number of phase separation phenomena in cells, which can be summarized by the principle that interaction and multivalence are two preconditions of phase separation in cells. Based on this principle, we used SUMO-SIM, FKBP-Frb, and similar interacting pairs as interaction modules to provide diverse induction of the condensation, while we fused homo-oligomeric tags (HOTags) to introduce multivalency. We named our system SPOT (Synthetic Phase separation-based Organelle Platform) because it can form granules in yeast (we can see fluorescent spots in yeast under the microscope).

SPOT construction and verification

We tested different interaction modules to construct the synthetic organelles and then modeled our system according to the theory of phase separation. As this model predicts, different promoters alter the features and kinetics of our system, which was also validated by the experiments.

Functions of synthetic organelles

We verified the feasibility of several potential functions, both theoretically and experimentally, including reaction compartment, sensor, etc. In the future, by replacing functional modules with other parts, this system can be reprogrammed to conduct functions not included in the current project.