|
|
Line 6: |
Line 6: |
| <head> | | <head> |
| <!--- Basic Page Needs========================================================================= --> | | <!--- Basic Page Needs========================================================================= --> |
− | <meta charset="utf-8"/> | + | <meta charset="utf-8"> |
− | <title></title>
| + | <title>Team</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 2018" />
| + | <meta name="description" content="Wiki of Peking iGEM 2018" /> |
− | <meta name="author" content="Peking iGEM"/>
| + | <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://2018.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://2018.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://2018.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======================================================================================= -->
| + | <!-- flexslider================================================================================ --> |
− | <link rel="stylesheet" href="https://2018.igem.org/Template:Peking/css/default?action=raw&ctype=text/css"/>
| + | <link rel="stylesheet" type="text/css" media="all" href="https://2018.igem.org/Template:Peking/css/t2?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' id='responsive-css' href='https://2018.igem.org/Template:Peking/css/responsive?action=raw&ctype=text/css' type='text/css' media='all' /> |
− | <link rel="stylesheet" href="https://2018.igem.org/Template:Peking/css/media-queries?action=raw&ctype=text/css"/>
| + | <link rel='stylesheet' id='polaroid-slider-css' href='https://2018.igem.org/Template:Peking/css/t1?action=raw&ctype=text/css' type='text/css' media='all' /> |
− | <link rel="stylesheet" href="https://2018.igem.org/Template:Peking/css/notebook_panel?action=raw&ctype=text/css"/>
| + | <script type='text/javascript' src='https://2018.igem.org/Template:Peking/Javascript/fjquery?action=raw&ctype=text/javascript'></script> |
− | <style>
| + | <!-- CSS======================================================================================= --> |
| + | <link rel="stylesheet" href="https://2018.igem.org/Template:Peking/css/default?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://2018.igem.org/Template:Peking/css/media-queries?action=raw&ctype=text/css"> |
| + | </head> |
| + | |
| + | <style> |
| body { background: #D2D8D8 url(https://static.igem.org/mediawiki/2018/7/78/T--Peking--images_bodyBackground.jpeg); background-attachment:fixed;} | | 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: #11abb0; |
− | font-size: 38px;
| + | font-size: 38px; |
− | line-height: 48px;
| + | line-height: 48px; |
− | margin-bottom: 12px;
| + | margin-bottom: 12px; |
− | font-family: raleway-bold, sans-serif !important;
| + | font-family: raleway-bold, sans-serif !important; |
− | background: transparent;
| + | background: transparent; |
− | letter-spacing: 3px;
| + | letter-spacing: 3px; |
− | text-transform: uppercase;
| + | text-transform: uppercase; |
− | font-weight: 350;
| + | font-weight: 350; |
− | text-align: center;
| + | text-align: center; |
− | padding-top:40px;
| + | 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;padding-top:30px;} |
− | .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; |
− | }
| + | } |
− | figure{margin-top:40px;margin-bottom:40px;height:auto;}
| + | figure{margin-top:40px;margin-bottom:40px;height:auto;} |
− | .anchor{padding-top:100px;margin-top:-100px;}
| + | .anchor{padding-top:100px;margin-top:-100px;} |
− | </style>
| + | </style> |
| + | |
| | | |
| </head> | | </head> |
Line 219: |
Line 226: |
| <!--panel 引用 end ==================--> | | <!--panel 引用 end ==================--> |
| | | |
− | <!-- Navigation -->
| + | <!-- Navigation --> |
| <div id="navigation" class="navbar navbar-fixed-top"> | | <div id="navigation" class="navbar navbar-fixed-top"> |
| <div class="navbar-inner "> | | <div class="navbar-inner "> |
Line 239: |
Line 246: |
| <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/Project_Perspective" class="barfont1">Perspective</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-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Modeling</a> |
| <ul class="dropdown-menu"> | | <ul class="dropdown-menu"> |
− | <li><a href="https://2018.igem.org/Team:Peking/Modeling_overview">Overview</a></li> | + | <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/SPOT_Formation" class="barfont1">SPOT Formation</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/Application" class="barfont1">Application</a></li> |
Line 252: |
Line 258: |
| <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> |
| </li> | | </li> |
− | <div class="three columns">
| |
− |
| |
− | </div>
| |
| | | |
− | <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 class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Achievement</a> |
− | <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="#" >Achevement</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/Judging_Form" class="barfont1">Judging Form</a></li> |
Line 280: |
Line 277: |
| <li><a href="https://2018.igem.org/Team:Peking/Collaborations" class="barfont1">Collaborations</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/Safety" class="barfont1">Safety</a></li> | | <li><a href="https://2018.igem.org/Team:Peking/Safety" class="barfont1">Safety</a></li> |
− | </ul>
| + | <li><a href="https://2018.igem.org/Team:Peking/Acknowledgement" class="barfont1">Acknowledgement</a></li></ul> |
| </li> | | </li> |
| </div> | | </div> |
Line 287: |
Line 284: |
| </div> | | </div> |
| <!--/Navigation --> | | <!--/Navigation --> |
| + | |
| | | |
| | | |
Line 311: |
Line 309: |
| <div id="page-wrap"> | | <div id="page-wrap"> |
| <div id="sidebar" style="color:#000000"> | | <div id="sidebar" style="color:#000000"> |
− | <h4><a href="https://2018.igem.org/Team:Peking/Project_overview">Description</a></h4> | + | <h4><a href="https://2018.igem.org/Team:Peking/Project_Overview">Description</a></h4> |
| <h4><a href="https://2018.igem.org/Team:Peking/Design">Design</a></h4> | | <h4><a href="https://2018.igem.org/Team:Peking/Design">Design</a></h4> |
| <h4><a href="https://2018.igem.org/Team:Peking/Demonstration">Demonstration</a></h4> | | <h4><a href="https://2018.igem.org/Team:Peking/Demonstration">Demonstration</a></h4> |
Line 335: |
Line 333: |
| <p>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, catalyzed by, 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>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, catalyzed by, 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. |
| <br /><br /> | | <br /><br /> |
− | 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 higher cells, compartmentalization is mainly achieved by different organelles, i.e. mitochondria, chloroplasts, lysosomes, etc. They play three major roles: A, B, C. | + | 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 higher cells, compartmentalization is mainly achieved by different organelles, i.e. mitochondria, chloroplasts, lysosomes, etc. They play three major roles: isolation, special environment, localization. |
| <br /><br /> | | <br /><br /> |
| Intuitively, for an organelle to remain a stable compartment, it must acquire a material boundary, or more precisely, a membrane. Membrane-bound organelles are indeed common and stable, but from the perspective of synthesis, they are too complicated for primordial conditions. 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. Membrane-less organelles and phase separation. Next came the question how can we synthase membrane-less organelles. | | Intuitively, for an organelle to remain a stable compartment, it must acquire a material boundary, or more precisely, a membrane. Membrane-bound organelles are indeed common and stable, but from the perspective of synthesis, they are too complicated for primordial conditions. 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. Membrane-less organelles and phase separation. Next came the question how can we synthase membrane-less organelles. |
| <br /><br /> | | <br /><br /> |
| According to physical chemistry, the process where materials self-assemble into organelles is described as ‘phase separation’, which is the conversion of a single-phase system into a multiphase system, much like how oil and water will spontaneously separate from each other. In general, materials flow to regions with low chemical potential instead of low concentration(Figure. 1). Finally, the components are no longer distributed uniformly but locally form granules, which are organelles in the cell(Figure. 2). | | According to physical chemistry, the process where materials self-assemble into organelles is described as ‘phase separation’, which is the conversion of a single-phase system into a multiphase system, much like how oil and water will spontaneously separate from each other. In general, materials flow to regions with low chemical potential instead of low concentration(Figure. 1). Finally, the components are no longer distributed uniformly but locally form granules, which are organelles in the cell(Figure. 2). |
− | <div align="center"><br /><br /><img src="https://static.igem.org/mediawiki/2018/8/80/T--Peking--project_overview2.png", width="280 px" "height="280 px"> <img src="https://static.igem.org/mediawiki/2018/3/3e/T--Peking--project_overview3.gif" width="250 px" "height="250 px"></div> | + | <div align="center"><br /><br /><img src="https://static.igem.org/mediawiki/2018/8/80/T--Peking--project_overview2.png", width="300 px" "height="300 px"><br/> |
− | <p style="text-align:center;"> Figure. 1 Figure. 2</p> | + | <p style="text-align:center;"> Figure. 1: Materials flow to regions with low chemical potential<sup>[1]</sup>. </p> |
| + | <img src="https://static.igem.org/mediawiki/2018/3/3e/T--Peking--project_overview3.gif" width="300px" "height="300 px"></div> |
| + | <p style="text-align:center;">Figure. 2: The components are no longer distributed uniformly but locally form granules</p> |
| <br/> | | <br/> |
| <p style="style="text-align:justify; text-justify:inter-ideograph;"> | | <p style="style="text-align:justify; text-justify:inter-ideograph;"> |
Line 347: |
Line 347: |
| <br /><br /> | | <br /><br /> |
| <div align="center"><img src="https://static.igem.org/mediawiki/2018/8/8b/T--Peking--project_overview4.png" width="600 px" "height="350 px"><br /><br /> | | <div align="center"><img src="https://static.igem.org/mediawiki/2018/8/8b/T--Peking--project_overview4.png" width="600 px" "height="350 px"><br /><br /> |
− | <p style="text-align:center;">Figure. 3: Both natural and artificial have manifested multivalence<sup>[1]<sup>.</p> | + | <p style="text-align:center;">Figure. 3: Both natural and artificial have manifested multivalence<sup>[1]</sup>.</p> |
| </div> | | </div> |
| <p style="text-align:justify; text-justify:inter-ideograph;"> | | <p style="text-align:justify; text-justify:inter-ideograph;"> |
| Summarizing these examples and according to physical principles, interaction between modules and multivalency are essential for phase separation. In general, interaction binds the parts together and multivalency results in larger assemblies, which are two guiding principles of our design(Figure. 4).</p><br /><br /> | | Summarizing these examples and according to physical principles, interaction between modules and multivalency are essential for phase separation. In general, interaction binds the parts together and multivalency results in larger assemblies, which are two guiding principles of our design(Figure. 4).</p><br /><br /> |
| <div align="center"><img src="https://static.igem.org/mediawiki/2018/a/ab/T--Peking--project_overview5.png" width="600 px" "height="350 px"> | | <div align="center"><img src="https://static.igem.org/mediawiki/2018/a/ab/T--Peking--project_overview5.png" width="600 px" "height="350 px"> |
− | <p style="text-align:center;"> Figure. 4 <p> | + | <p style="text-align:center;"> Figure. 4: Interaction and multivalence are essential for phase separation. <p> |
| </div> | | </div> |
| </p> | | </p> |
Line 373: |
Line 373: |
| <div class="content"> | | <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/> | | <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/> |
| + | |
| + | |
| + | [1] Banani, S. F., Lee, H. O., Hyman, A. A., & Rosen, M. K. (2017). Biomolecular condensates: organizers of cellular biochemistry. Nature reviews Molecular cell biology, 18(5), 285. |
| + | |
| </div> | | </div> |
| </div> | | </div> |
Line 480: |
Line 484: |
| <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/scripts?action=raw&ctype=text/javascript "></script> | | <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/scripts?action=raw&ctype=text/javascript "></script> |
| <!--quotations from black: end--> | | <!--quotations from black: end--> |
− |
| + | |
− | </body> | + | |
− | | + | </body> |
| </html> | | </html> |