|
|
| Line 6: |
Line 6: |
| | <head> | | <head> |
| | <!--- Basic Page Needs========================================================================= --> | | <!--- Basic Page Needs========================================================================= --> |
| − | <meta charset="utf-8"/> | + | <meta charset="utf-8"> |
| − | <title></title>
| + | <title>Overview</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/notebook_panel?action=raw&ctype=text/css"/>
| + | <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/priorstyle?action=raw&ctype=text/css"> |
| − | <style>
| + | <style> |
| − | .texttitle{
| + | .home_img{ |
| − | color:#6495ED;
| + | padding: 10px; |
| − | font-size: 38px;
| + | margin: 10px; |
| − | line-height: 48px;
| + | width: 420px; |
| − | margin-bottom: 12px;
| + | float: left; |
| − | font-family: raleway-bold, sans-serif !important;
| + | height: 300px; |
| − | background: transparent;
| + | } |
| − | letter-spacing: 3px;
| + | .home_text{ |
| − | text-transform: uppercase;
| + | padding-top: 20px; |
| − | font-weight: 350;
| + | margin: 10px; |
| − | text-align: center;
| + | float: left; |
| − | padding-top:40px;
| + | height: 300px; |
| − | }
| + | } |
| − | sup{font-size:11px;}
| + | .texttitle{ |
| − | .references{margin-top:150px;margin-bottom:40px;}
| + | color: #11abb0; |
| − | .references p{font-size:14px !important; color:#666161 !important;}
| + | font-size: 38px; |
| − | .classic-title {font-weight: 300;padding-top:30px;}
| + | line-height: 48px; |
| − | .classic-title span {
| + | margin-bottom: 12px; |
| − | padding-bottom: 8px;
| + | font-family: raleway-bold, sans-serif; |
| − | border-bottom: 1px solid #383232;
| + | background: transparent; |
| − | font-weight: 400;
| + | letter-spacing: 3px; |
| − | }
| + | text-transform: uppercase; |
| − | figure{margin-top:40px;margin-bottom:40px;height:auto;}
| + | font-weight: 350; |
| − | .anchor{padding-top:100px;margin-top:-100px;}
| + | text-align: center; |
| − | </style>
| + | } |
| − |
| + | sup{ |
| − | </head>
| + | font-size:11px; |
| | + | } |
| | + | .references{margin-top:150px;margin-bottom:40px;} |
| | + | .references p{font-size:14px !important; color:#666161 !important;} |
| | + | |
| | + | .classic-title {font-weight: 300;} |
| | + | .classic-title span { |
| | + | padding-bottom: 8px; |
| | + | border-bottom: 1px solid #383232; |
| | + | font-weight: 400; |
| | + | } |
| | + | figure{margin-top:40px;margin-bottom:40px;height:auto;} |
| | + | </style> |
| | + | |
| | + | </head> |
| | + | |
| | <body> | | <body> |
| − | <!--sidebar 引用==============================================================================-->
| |
| − | <style>
| |
| − | #primary span{
| |
| − | display:block;
| |
| − | word-break:break-all
| |
| − | }
| |
| − |
| |
| − | #page-wrap {
| |
| − | width: 25%;
| |
| − | margin: 0px;
| |
| − | position: relative;
| |
| − | }
| |
| − |
| |
| − | #sidebar {
| |
| − | width: 25%;
| |
| − | margin-left: 0px;
| |
| − | }
| |
| − | @media (min-width:1024px){
| |
| − | #sidebar{position:relative;top:120px;max-width:200px;}}
| |
| − | @media (max-width: 1023px){
| |
| − | #sidebar{display:none;
| |
| − | }
| |
| − | #page-wrap{display:none;}
| |
| − | }
| |
| − | </style>
| |
| − |
| |
| − |
| |
| − | <script type="text/javascript">
| |
| − | function menuFixed(id){
| |
| − | var obj = document.getElementById(id);
| |
| − | var _getHeight = obj.offsetTop;
| |
| − |
| |
| − | window.onscroll = function(){
| |
| − | changePos(id,_getHeight);
| |
| − | }
| |
| − | }
| |
| − | function changePos(id,height){
| |
| − | var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight();
| |
| − | if(w>=1024){
| |
| − | if($(window).scrollTop() + $(window).height() > $(document).height() - 230){
| |
| − | $('#sidebar').fadeOut("fast");}else{$('#sidebar').fadeIn("fast");}
| |
| − | }
| |
| − | var scrollTop = document.documentElement.scrollTop || document.body.scrollTop -230;
| |
| − | var windowBottom = $(window).scrollTop() + $(window).innerHeight();
| |
| − | var w = window.innerWidth;
| |
| − |
| |
| − | 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 225: |
Line 75: |
| | </a> | | </a> |
| | <div id="logo" style="max-width:0px"><a class="" href="https://2018.igem.org/Team:Peking"><img | | <div id="logo" style="max-width:0px"><a class="" href="https://2018.igem.org/Team:Peking"><img |
| − | src="https://static.igem.org/mediawiki/2018/3/36/T--Peking--Logo.png"></a></div> | + | src="https://static.igem.org/mediawiki/2018/e/e2/T--Peking--_toolbar.jpeg" width="45%"></a></div> |
| | | | |
| | <div class="nav-collapse collapse"> | | <div class="nav-collapse collapse"> |
| − | <ul class="nav"> | + | <ul class="nav"> |
| − | | + | <li class=" dropdown menu-1"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >              Project</a> |
| − | <li class="menu-1"><a class="colapse-menu1" href="https://2018.igem.org/Team:Peking">Home</a> | + | |
| − | </li>
| + | |
| − | | + | |
| − | <li class="dropdown menu-2"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Project</a> | + | |
| | <ul class="dropdown-menu"> | | <ul class="dropdown-menu"> |
| − | <li><a href="https://2018.igem.org/Team:Peking/Project" class="barfont1">Description</a></li> | + | <li><a href="https://2018.igem.org/Team:Peking/Project">Project</a></li> |
| | + | <li><a href="https://2018.igem.org/Team:Peking/Description" class="barfont1">Description</a></li> |
| | <li><a href="https://2018.igem.org/Team:Peking/Design" class="barfont1">Design</a></li> | | <li><a href="https://2018.igem.org/Team:Peking/Design" class="barfont1">Design</a></li> |
| | <li><a href="https://2018.igem.org/Team:Peking/Demonstrate" class="barfont1">Demonstration</a></li> | | <li><a href="https://2018.igem.org/Team:Peking/Demonstrate" class="barfont1">Demonstration</a></li> |
| − | <li><a href="https://2018.igem.org/Team:Peking/Prospective" class="barfont1">Prospective</a></li> | + | <li><a href="https://2018.igem.org/Team:Peking/Future_Plan" class="barfont1">Future Plan</a></li> |
| | </ul> | | </ul> |
| | </li> | | </li> |
| − | <li class="dropdown menu- 3"><a class="dropdown-toggle" data-toggle="dropdown" href="#" > Modeling</a> | + | <li class="dropdown menu- 2"><a class="dropdown-toggle" data-toggle="dropdown" href="#" > Data Page</a> |
| | <ul class="dropdown-menu"> | | <ul class="dropdown-menu"> |
| − | <li><a href="https://2018.igem.org/Team:Peking/Project_overview">Overview</a></li> | + | <li><a href="https://2018.igem.org/Team:Peking/Results">Data Page</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/Phase_Separation_D" class="barfont1">Phase Separation</a></li> |
| − | <li><a href="https://2018.igem.org/Team:Peking/Application" class="barfont1">Application</a></li> | + | <li><a href="https://2018.igem.org/Team:Peking/Functions_D" class="barfont1">Functions</a></li> |
| | </ul> | | </ul> |
| | </li> | | </li> |
| − | <li class="menu- 4"><a class=" colapse- menu1" href="https://2018.igem.org/Team:Peking/ Software"> Software</a> | + | <li class=" dropdown menu- 3"><a class=" dropdown- toggle" data-toggle="dropdown" href="#" >Model</a> |
| | + | <ul class="dropdown-menu"> |
| | + | <li><a href="https://2018.igem.org/Team:Peking/Model">Model</a></li> |
| | + | <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> |
| − | | + | <li class="menu-4"><a class="colapse-menu1" href="https://2018.igem.org/Team:Peking/Software" >Software</a> |
| − | | + | </li> |
| − | <li class="dropdown menu- 6"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices</a> | + | <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"> | | <ul class="dropdown-menu"> |
| − | <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/Team_Members" class="barfont1">Team Members</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/Attributions" class="barfont1">Attributions</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/Safety" class="barfont1">Safety</a></li> |
| − | <li><a href="https://2018.igem.org/Team:Peking/Other" class="barfont1">Other</a></li> | + | <li><a href="https://2018.igem.org/Team:Peking/Notebook" class="barfont1">Notebook</a></li> |
| | </ul> | | </ul> |
| | </li> | | </li> |
| − | <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Achevement</a> | + | <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Collaborations</a> |
| | <ul class="dropdown-menu"> | | <ul class="dropdown-menu"> |
| − | <li><a href="https://2018.igem.org/Team:Peking/Judging_Form" class="barfont1">Judging Form</a></li> | + | <li><a href="https://2018.igem.org/Team:Peking/Collaborations" class="barfont1">Collaborations</a></li> |
| − | <li><a href="https://2018.igem.org/Team:Peking/Parts" class="barfont1">Parts</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/Improve" class="barfont1">Improvement</a></li>
| + | |
| | <li><a href="https://2018.igem.org/Team:Peking/InterLab" class="barfont1">InterLab</a></li> | | <li><a href="https://2018.igem.org/Team:Peking/InterLab" class="barfont1">InterLab</a></li> |
| − |
| |
| | </ul> | | </ul> |
| | </li> | | </li> |
| − | <li class="dropdown menu-8"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Lab</a> | + | <li class="dropdown menu-8"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Parts</a> |
| | <ul class="dropdown-menu"> | | <ul class="dropdown-menu"> |
| − | <li><a href="https://2018.igem.org/Team:Peking/Team_Members">Team Members</a></li> | + | <li><a href="https://2018.igem.org/Team:Peking/Parts">Parts</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/Favorite_Parts" class="barfont1">Favorite Parts</a></li> |
| − | <li><a href="https://2018.igem.org/Team:Peking/Notebook" class="barfont1">Notebook</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/Collaborations" class="barfont1">Collaborations</a></li> | + | <li><a href="https://2018.igem.org/Team:Peking/Part_Collection" class="barfont1">Part Collection</a></li> |
| − | <li><a href="https://2018.igem.org/Team:Peking/Safety" class="barfont1">Safety</a></li> | + | |
| | </ul> | | </ul> |
| | </li> | | </li> |
| Line 283: |
Line 138: |
| | </div> | | </div> |
| | <!--/Navigation --> | | <!--/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 see the demonstration.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div><!-- Page Title End-->
| |
| | | | |
| − | | + | <div class="content-outer"> |
| − | <div id="page-content" class="row page"> | + | <div id="page-content" class="row page"> |
| − | <div id="primary" class="twelve columns"> | + | |
| − | <section>
| + | <div id="primary" class="twelve columns"> |
| − | <div class="row"> | + | |
| − |
| + | <section> |
| − |
| + | <div class="row"> |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | <div class="nine columns"> | + | |
| | | | |
| − | <div class="texttitle">Overview | + | <div class="one columns" > |
| − | <a id="A"></a></div>
| + | |
| − | <hr style="border:2px dashed; height:2px" color="#666666">
| + | |
| − | | + | |
| − | <div class="coll">
| + | |
| | | | |
| − | <div class="content">
| |
| − | <p>Ever since the beginning of life, compartment has been playing a crucial rule in biological systems. The famous Miller-Urey experiment shows that inorganic molecules can transform into organic substances under extreme conditions, for example lightening. However, homogeneously distributed organic matters are not enough for life to emerge. It is almost impossible that all conditions are proper in the entire primordial soup.
| |
| − | <br /><br />
| |
| − | That is where the compartment comes in.
| |
| − | <br /><br />
| |
| − | Only after coacervate droplet forms and organic molecules condense inside, a completely different environment can be attained within, thus enabling the emergence of bio-macromolecules, or in other word, making life possible.
| |
| − | <br /><br />
| |
| − | In cells, compartmentalization is mainly achieved be all sorts of organelles, for instance, mitochondrion, chloroplast, lysosome etc. They take up three major roles: A, B, C
| |
| − | <br /><br />
| |
| − | Intuitively, for a organelle to sustain a stable compartment, it seems necessary to require a material boundary, more precisely, a membrane. Membrane-bound organelles are indeed common and stable, but from the perspective of synthesis, it is way too complicated. However, there are also non-membrane-bound organelles, for instance, stress granule, P granule and nucleolus. More importantly, their formation is guided by simple physical principals.
| |
| − | <br /><br />
| |
| − | Then came the question that how can we synthase membraneless organelles. The process where material self-assemble into organelles is described as ‘phase separation’ according to physical chemistry, which is the conversion of a single-phase system into a multiphase system, much like how oil and water will demix from each other. In general, materials flow to regions with low chemical potential instead of low concentration. Finally, the components no longer distribute uniformly but form granules locally which are organelles in the cell.
| |
| − | <br /><br /><img src="https://static.igem.org/mediawiki/2018/8/80/T--Peking--project_overview2.png"><br /><br />
| |
| − | <img src="https://static.igem.org/mediawiki/2018/3/3e/T--Peking--project_overview3.gif"><br /><br />
| |
| − | That is to say, the main work to synthase an organelle is to fulfill phase separation in a cell. We take our inspiration from existing life systems. For example, stress granules and P bodies are formed by the interaction between mRNA and proteins. RNA and protein play a significant part in the phase separation in cells. IDR(Intrinsic Disordered Regions) are the symbol of massive phase separation in the cell. IDR interact with each other through the van der Waals force, electrostatic effect and hydrophobic effect between the residues of amino acids, while RNA get together with proteins through massive bases and ribose. Previous work has been done to reproduce natural phase separation by connecting interaction modules like SUMO/SIM, SH3/PRM, constructing granules in the cell.
| |
| − | <br /><br /><img src="https://static.igem.org/mediawiki/2018/8/8b/T--Peking--project_overview4.png"><br /><br />
| |
| − | Summarizing these examples and according to physical principles, interaction between modules and multivalence are essential for phase separation. In general, interaction binds the parts together and multivalence makes larger assemblies, which are two guidance of our design.<br /><br />
| |
| − | <img src="https://static.igem.org/mediawiki/2018/a/ab/T--Peking--project_overview5.png"><br /><br />
| |
| − | </p>
| |
| − | </div>
| |
| | </div> | | </div> |
| − | <div class="coll"> | + | <div class="ten columns"> |
| − | | + | <div class="texttitle">大标题</div> |
| − | <div class="content"> | + | <p class="lead add-bottom" style="color:#5E5656">段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落</p> |
| − | <p>We have built spontaneous and induced synthetic organelles by specific interaction modules, so that we can control the formation process by different ways for demands in biological engineering. Then we characterized the kinetics and properties of synthetic organelles theoretically and experimentally. These results confirm the potential of synthetic organelles in synthetic biology.</p> | + | <div class="coll"> |
| | + | <div id="myCarousel01" class="carousel slide col-md-12" data-ride="carousel" style="margin-top:20px"> |
| | + | <!-- Wrapper for slides --> |
| | + | <div class="carousel-inner" role="listbox"> |
| | + | <img src="https://static.igem.org/mediawiki/2018/8/80/T--Peking--toolbar_logo.jpeg" style="width:100%;" alt=""> |
| | + | </div> |
| | + | |
| | + | </div> |
| | + | <div class="info"> |
| | + | <div class="ordi">01</div> |
| | + | <div> |
| | + | <ul> |
| | + | <li class="iGEM"><a href="https://2018.igem.org/Team:Peking">副标题1</a></li> |
| | + | </ul> |
| | + | </div> |
| | + | </div> |
| | + | <div class="content"> |
| | + | <h4 href="https://2018.igem.org/Team:Peking">副标题1</h4> |
| | + | <p> 段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1</p> |
| | + | <a class="moreinfo" href="https://2018.igem.org/Team:Peking">Learn more...</a> |
| | + | </div> |
| | + | </div> |
| | + | <div class="coll"> |
| | + | <div id="myCarousel01" class="carousel slide col-md-12" data-ride="carousel" style="margin-top:20px"> |
| | + | <!-- Wrapper for slides --> |
| | + | <div class="carousel-inner" role="listbox"> |
| | + | </div> |
| | + | |
| | + | </div> |
| | + | <div class="info"> |
| | + | <div class="ordi">02</div> |
| | + | <div> |
| | + | <ul> |
| | + | <li class="iGEM"><a href="https://2018.igem.org/Team:Peking">副标题2</a></li> |
| | + | </ul> |
| | + | </div> |
| | + | </div> |
| | + | <div class="content"> |
| | + | <h4 href="https://2018.igem.org/Team:Peking">副标题2</h4> |
| | + | <p>段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2</p> |
| | + | <a class="moreinfo" href="https://2018.igem.org/Team:Peking">Learn more...</a> |
| | + | </div> |
| | </div> | | </div> |
| − | </div>
| |
| | <div class="coll"> | | <div class="coll"> |
| − |
| + | <div id="myCarousel01" class="carousel slide col-md-12" data-ride="carousel" style="margin-top:20px"> |
| − | | + | <!-- Wrapper for slides --> |
| − | <p>It inspired us to propose some specific applications of our synthetic organelles, including organization hub, sensor, and metabolism regulator. We have verified the feasibility of them by loading GFP-nanobody module, NAD+ sensor module and carotene production module to the whole system.</p> | + | <div class=" carousel-inner" role="listbox"> |
| | + | </div> |
| | + | |
| | + | </div> |
| | + | <div class="info"> |
| | + | <div class="ordi">03</div> |
| | + | <div> |
| | + | <ul> |
| | + | <li class="iGEM"><a href="https://2018.igem.org/Team:Peking">副标题3</a></li> |
| | + | </ul> |
| | + | </div> |
| | + | </div> |
| | + | <div class="content"> |
| | + | <h4 href="https://2018.igem.org/Team:Peking">副标题3</h4> |
| | + | <p>段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3</p> |
| | + | <a class="moreinfo" href="https://2018.igem.org/Team:Peking">Learn more...</a> |
| | + | </div> |
| | </div> | | </div> |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | </div> | | </div> |
| − | <div class="coll"> | + | |
| | + | <div class=" one columns" > |
| | + | |
| | | | |
| − | <div class="content">
| |
| − | <p>We believe that our work has reached the medal requirements of demonstration as we have confirmed that our synthetic organelles can be formed in vivo and deliver a range of functions both for engineering and research due to their amazing properties. The concrete demonstration of the whole platform is shown below. You can see more details of experiments and modeling in our <a href="https://2018.igem.org/Team:Peking/Results"/>Data Page</a> and <a href="https://2018.igem.org/Team:Peking/Model"/>Modeling</a></p><br/><br/><br/>
| |
| − | </div>
| |
| | </div> | | </div> |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| | | | |
| − | </div><!--9 columns end--> | + | |
| − |
| + | |
| − | </div>
| + | |
| − |
| + | </div> <!-- row End --> |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | </div><!--row end-->
| + | |
| − | </section>
| + | </div> <!-- page-content End--> |
| − | </div><!--12 columes end--> | + | </div> <!-- Content End--> |
| − | </div><!--page-content end--> | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | | | |
| | | | |
| Line 400: |
Line 278: |
| | <ul class="copyright"> | | <ul class="copyright"> |
| | <!--<li>© 2014 Sparrow</li> --> | | <!--<li>© 2014 Sparrow</li> --> |
| − | <li><a href=" https://2018.igem.org/Team:Peking">Home</a> <a href="mailto: indigomad@ pku.edu. cn">Contact</a></li> | + | <li><a href="2018.igem.org/Team:Peking">Home</a> <a href="mailto:pkuigem2016@126.com">Contact</a></li> |
| | <span> ©2018 PEKING IGEM. All Rights Reserved.</span> | | <span> ©2018 PEKING IGEM. All Rights Reserved.</span> |
| | <li><a href="http://getbootstrap.com/2.3.2/">Based on Bootstrap</a></li> | | <li><a href="http://getbootstrap.com/2.3.2/">Based on Bootstrap</a></li> |
| Line 434: |
Line 312: |
| | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/scripts?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--> | | <!--quotations from black: end--> |
| | + | |
| | + | |
| | </body> | | </body> |
| | </html> | | </html> |
