|
|
(311 intermediate revisions by 6 users not shown) |
Line 6: |
Line 6: |
| <head> | | <head> |
| <!--- Basic Page Needs========================================================================= --> | | <!--- Basic Page Needs========================================================================= --> |
− | <meta charset="utf-8"> | + | <meta charset="utf-8"/> |
− | <title>Overview</title>
| + | <title></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/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> |
− | .home_img{
| + | body { background: #D2D8D8 url(https://static.igem.org/mediawiki/2018/7/78/T--Peking--images_bodyBackground.jpeg); background-attachment:fixed;} |
− | padding: 10px;
| + | .texttitle{ |
− | margin: 10px;
| + | color:#6495ED; |
− | width: 420px;
| + | font-size: 24px; |
− | float: left;
| + | line-height: 48px; |
− | height: 300px;
| + | margin-bottom: 12px; |
− | }
| + | font-family: raleway-bold, sans-serif !important; |
− | .home_text{
| + | background: transparent; |
− | padding-top: 20px;
| + | letter-spacing: 3px; |
− | margin: 10px;
| + | text-transform: uppercase; |
− | float: left;
| + | font-weight: 350; |
− | height: 300px;
| + | text-align: center; |
− | }
| + | padding-top:40px; |
− | .texttitle{
| + | } |
− | color: #11abb0;
| + | <!-- |
− | font-size: 38px;
| + | .texttitle1{ |
− | line-height: 48px;
| + | height: 100px; |
− | margin-bottom: 12px;
| + | color:#6495ED; |
− | font-family: raleway-bold, sans-serif;
| + | font-size: 24px; |
− | background: transparent;
| + | line-height: 48px; |
− | letter-spacing: 3px;
| + | margin-bottom: 12px; |
− | text-transform: uppercase;
| + | font-family: raleway-bold, sans-serif !important; |
− | font-weight: 350;
| + | background: transparent; |
− | text-align: center;
| + | letter-spacing: 3px; |
− | }
| + | text-transform: uppercase; |
− | sup{
| + | font-weight: 350; |
− | font-size:11px;
| + | text-align: center; |
− | }
| + | padding-top:40px; |
− | .references{margin-top:150px;margin-bottom:40px;}
| + | } |
− | .references p{font-size:14px !important; color:#666161 !important;}
| + | --> |
− |
| + | |
− | .classic-title {font-weight: 300;}
| + | sup{font-size:11px;} |
− | .classic-title span {
| + | .references{margin-top:150px;margin-bottom:40px;} |
− | padding-bottom: 8px;
| + | .references p{font-size:14px !important; color:#666161 !important;} |
− | border-bottom: 1px solid #383232;
| + | .classic-title {font-weight: 300;padding-top:30px;} |
− | font-weight: 400;
| + | .classic-title span { |
− | }
| + | padding-bottom: 8px; |
− | figure{margin-top:40px;margin-bottom:40px;height:auto;}
| + | border-bottom: 1px solid #383232; |
− | </style>
| + | font-weight: 400; |
− |
| + | } |
− | </head>
| + | figure{margin-top:40px;margin-bottom:40px;height:auto;} |
− |
| + | .anchor{padding-top:100px;margin-top:-100px;} |
| + | </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 75: |
Line 244: |
| </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/e/e2/T--Peking--_toolbar.jpeg" width="45%"></a></div> | + | src="https://static.igem.org/mediawiki/2018/3/36/T--Peking--Logo.png"></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">Project</a></li> | + | <li><a href="https://2018.igem.org/Team:Peking/Project" class="barfont1">Description</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/Future_Plan" class="barfont1">Future Plan</a></li> | + | <li><a href="https://2018.igem.org/Team:Peking/Perspective" class="barfont1">Perspective</a></li> |
| </ul> | | </ul> |
| </li> | | </li> |
− | <li class="dropdown menu-2"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Data Page</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/Results">Data Page</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/Functions_D" class="barfont1">Functions</a></li>
| + | |
− | </ul>
| + | |
| </li> | | </li> |
− | <li class="dropdown menu-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Model</a> | + | <li class="menu-4"><a class="colapse-menu1" href="https://2018.igem.org/Team:Peking/Software">Software</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 class="menu-6"><a class="colapse-menu1" href="https://2018.igem.org/Team:Peking/Human_Practices">Human Practices</a> |
| </li> | | </li> |
− | <li class="dropdown menu-5"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Human Practices</a>
| + | <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Achievement</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/Team_Members" class="barfont1">Team Members</a></li> | + | <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/Attributions" class="barfont1">Attributions</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/Safety" class="barfont1">Safety</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/Notebook" class="barfont1">Notebook</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-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Collaborations</a> | + | <li class="dropdown menu-8"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Lab</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/Attributions" class="barfont1">Attributions</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/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/Acknowledgement" class="barfont1">Acknowledgement</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> | | </ul> |
| </li> | | </li> |
Line 138: |
Line 293: |
| </div> | | </div> |
| <!--/Navigation --> | | <!--/Navigation --> |
− |
| |
| | | |
| | | |
| + | <!-- Page Title======================================================================== --> |
| + | <div id="page-title"> |
| + | <div class="row"> |
| + | <div class="twelve columns centered text-center"> |
| + | <h1>Demonstration</h1> |
| + | <p class="title1" style="text-align:center">In this section, you could see the demonstration.</p> |
| + | </div> |
| + | </div> |
| + | </div><!-- Page Title End--> |
| | | |
| | | |
− | <!-- Page | + | <div id="page-content" class="row page"> |
− |
| + | <div id="primary" class="twelve columns"> |
− |
| + | <section> |
− | <div class="content-outer">
| + | <div class="row"> |
− | <div id="page-content" class="row page">
| + | |
| + | |
| + | |
| + | |
| + | <div class="three columns"> |
| + | <div id="page-wrap"> |
| + | <div id="sidebar" style="color:#000000"> |
| + | <h4><a href="javascript:void(0);" onclick="naver('A')">•Overview</a></h4> |
| + | <h4><a href="javascript:void(0);" onclick="naver('B')">•SponSPOT</a></h4> |
| + | <ul> |
| + | <li><a href="javascript:void(0);" onclick="naver('B1')">Formation</a></li> |
| + | <li><a href="javascript:void(0);" onclick="naver('B2')">Liquid−like Properties</a></li> |
| + | <li><a href="javascript:void(0);" onclick="naver('B3')">Control Method</a></li> |
| + | </ul> |
| + | <h4><a href="javascript:void(0);" onclick="naver('C')">•RapaSPOT</a></h4> |
| + | <ul> |
| + | <li><a href="javascript:void(0);" onclick="naver('C1')">Formation</a></li> |
| + | <li><a href="javascript:void(0);" onclick="naver('C2')">Toxicity of Rapamycin</a></li> |
| + | <li><a href="javascript:void(0);" onclick="naver('C3')">Kinetics</a></li> |
| + | </ul> |
| + | <h4><a href="javascript:void(0);" onclick="naver('Z')">•Functions</a></h4> |
| + | <ul> |
| + | <li><a href="javascript:void(0);" onclick="naver('D1')">Organization</a></li> |
| + | <li><a href="javascript:void(0);" onclick="naver('D2')">Sensor</a></li> |
| + | <li><a href="javascript:void(0);" onclick="naver('D3')">Reaction Hub</a></li> |
| + | </ul> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | |
| + | |
| + | <div class="nine columns"> |
| + | |
| + | <div class="texttitle"><a id="A"></a>Overview |
| + | </div> |
| + | <hr style="border:2px dashed; height:2px" color="#666666"> |
| | | |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>The aim of our project is to build a synthetic organelle based on phase separation as a multifunctional platform. Based on the principle of multivalence and interaction, we fused interactional modules into homo-oligomeric tags (HOTags) to form granules in S. cerevisiae. (Click to see more about <a href="https://2018.igem.org/Team:Peking/Project_overview">Description</a> and <a href="https://2018.igem.org/Team:Peking/Design">Design</a>)</p> |
| + | </div> |
| + | </div> |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <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> |
| + | </div> |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <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, ABA sensor module and carotene production module to the whole system.</p> |
| + | </div> |
| + | </div> |
| + | <div class="coll"> |
| + | |
| + | <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/Notebook">Notebook</a> and <a href="https://2018.igem.org/Team:Peking/Model">Modeling</a></p> |
| + | </div> |
| + | </div> |
| + | |
| + | |
| | | |
| + | <div class="texttitle"><br/><a id="B"></a>Spontaneous SPOT(SUMO-SIM mediated) |
| + | </div> |
| + | <hr style="border:2px dashed; height:2px" color="#1E90FF"> |
| + | <div class="coll"> |
| | | |
− | Demonstrate
| |
− | Overview
| |
− | The aim of our project is to build a synthetic organelle based on phase separation as a multifunctional platform. Based on the principle of multivalence and interaction, we fused interactional modules into homo-oligomeric tags (HOtags) to form granules in S. cerevisiae. (Click to see more about Background and Design)
| |
− | 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.
| |
− | 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.
| |
− | 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 Data_Page and Modeling
| |
− | (这里或许需要一张总设计图)
| |
− | 二、 Phase Separation System
| |
− | (一) Spontaneous and induced synthetic organelles can be formed by phase separation
| |
− | Our basic system consists of two components of synthetic organelles. Either of them has a specific HOtag to form homo-oligomers. We expect that they are able to form synthetic organelles due to the principles of phase separation. To verify the feasibility of the design, we fused two fluorescence proteins with the two components of synthetic organelles (Figure1.a) so that we can observe the self-organization of components and the formation of granules under fluorescence microscope.
| |
− | We used SUMO-SIM interaction module to build a spontaneous organelle. When two components are expressed in yeasts, granules with the two fluorescence proteins can be observed in vivo (Figure1.b).
| |
− | Meanwhile, by rapamycin induced interaction module, FKBP-Frb, we have built an inducible organelle. We can see granules occurs in yeasts within minutes after adding the inducer.
| |
− | Figure1.a The basic design of synthetic organelles with florescence reporters. (这里可能需要一张cartoon的设计图)
| |
− | b, c fluorescence images of spontaneous organelles (SUMO-SIM based) and inducible synthetic organelles (FKBP-Frb based, after adding 10000 nM rapamycin)
| |
| | | |
− | (二) The formation of organelles has flexible but predictable properties and kinetics in different conditions
| + | <div class="content"> |
− | Then we combined modeling of phase separation and experiment to research the kinetics of the organelles formation process expecting that a well-characterized system can reach its whole potential in complex applications.
| + | <p>To achieve the aim of building a phase-separation based on synthetic organelle platform(SPOT), we must verify that granules can be formed by phase separation in our design. We have used several modules to build different phase separation based organelles and characterize their properties well so we believe that these organelles can perform functions well in proper situations.</p> |
− | As the model predicts, the concentration of components and the interaction strength affect the kinetics of phase separation. First we controlled the expression levels of components by using several stable or inducible promoters and observe the system's behavior. We found that the formation of organelles happened in specific promoter combinations and can be controlled by inducible promoters. The analysis result does not only fit well with the simulation, but provides potential methods to control the organelles in applications.
| + | </div> |
− | Figure2 (a) Phase diagram of a phase separation system with three components(simulation). To fit our system, the x-axis and the y-axis stands for the two components in the granules. The asymmetry comes from the assumption that the two components have different interactions with water.
| + | </div> |
− | (b) Fluorescence movies of different promoter combinations of FKBP-Frb mediated system after adding rapamycin. Only in specific combinations, synthetic organelles can be formed by phase separation.
| + | |
− | (c) The formation process of SUMO-SIM mediated synthetic organelles can be controlled by inducible promoters. While the expression of Tet07-SIM-mCherry-HoTag6 is induced by dox gradually, the granules will occur abruptly in some time.
| + | <div class="coll"> |
| | | |
− | The strength of interaction modules can be also controlled. In the rapamycin-induced organelle system, changing the concentration of rapamycin will affect the apparent value of K, a parameter reflecting the interaction strength in our model. In a gradient rapamycin-inducing experiment, the delay time from adding inducer to granules formation was found to be shorter when concentration of rapamycin increases. So we have confirmed the influence of two parameters in models and increased the flexibility of our synthetic organelles.
| + | <div class="content"> |
− | Figure3 (a) A simulation of organelle formation process in different interaction strength of components.
| + | <h3><a id="B1"></a>1.A spontaneous organelle can be formed with HOTags and SUMO-SIM interaction module</h3> |
− | (b) The speed of FKBP-Frb mediated organelle formation increases with the increasing concentration of rapamycin.
| + | </div> |
| + | </div> |
| + | |
| + | <div class="coll"> |
| | | |
− | We also tried to characterized other properties, like the liquid-like property of the synthetic organelles, as they may affect the functions. See more details about our characterizations in DataPage Phase separation. | + | <div class="content"> |
− | 三、 Functional Organelles
| + | <p>We designed a spontaneous phase separation system with SUMO-HOTag3 and SIM-HOTag6 to form synthetic organelles. Modification of proteins by SUMO are recognized by SUMO-interacting motifs termed SIMs (Fig .1A). So SUMO and SIM can combine spontaneously to drive the phase separation process. To verify this design, we constructed yeast strains, that were genomically transferred with SUMO-yEGFP-HOTag3 and SIM-mCherry-HOTag6 (Fig .1B). We observed that granules via the two fluorescence signals, which occurred spontaneously in most yeasts cells under microscope. The images of GFP and mCherry channels merged well, which confirms that the SPOT consists of the two components as we expect(Fig. 1C).</p> |
− | Since SPOT can form in the cell and be controlled, we go further to consider the functions of SPOT. The functions of SPOT can be descripted in three catalogs: Spatial segmentation, Sensor and metabolic regulation. We verified the spatial segmentation with the condensation of substrates, also we can load the protein we want by fusing it with nanobody. We then verified the sensor with detecting rapamycin and ABA, which shows strong relativity between the concentration and the proportion of yeasts with SPOT. To find the law behind metabolism in the SPOT, we fuse the enzymes that can produce β-carotene into SPOT and measure the difference between with or without SPOT in produce of β-carotene.
| + | |
− | Figure4 (organization hub)
| + | <div align="center"><img src="https://static.igem.org/mediawiki/2018/b/b0/T--Peking--Demof1.gif"> |
− | Design of GFP-nanobody based system
| + | </div> |
− | fluorescence images of GFP-nanobody based system
| + | <figcaption style="text-align:justify; text-justify:inter-ideograph;"> |
− | Figure5 (sensor)
| + | Figure. 1A Structure of SUMO3 and SIM. SIMs bind to a surface patch between the α-helix and a β-sheet of the SUMO protein and extend the β-sheet of SUMO by one additional strand. The SIM either attaches as a parallel or an antiparallel strand to the SUMO β-sheet. Binding is primarily mediated by a stretch of four residues containing 3–4 hydrophobic amino acids (I, V, or L). This core interaction motif is a common property of SIMs.<br/> |
− | (a)~(?) fluorescence images of sensor based system
| + | Figure. 1B Pattern diagram of SUMO-yEGFP and SIM-mCherry. yEGFP is fused to the C-terminus of SUMO and to the N-terminus of HOTag3, mCherry is fused to the C-terminus of SIM and to the N-terminus of HOTag6.<br/> |
− | Figure6 (metabolism)
| + | Figure. 1C Localization of SUMO-yEGFP and SIM-mCherry. yEGFP is fused to the C-terminus of SUMO and to the N-terminus of HOTag3, mCherry is fused to the C-terminus of SIM and to the N-terminus of HOTag6. Both are under the control of constitutive promoters. Localization of red granules and green granules can be detected under fluorescence microscope. Arrow points to localization of red and green granules. |
− | Characterization of carotene production system
| + | <br/> |
− | (phase内和phase外的胡萝卜素生产实验)
| + | <br/></div> |
− | 四、 Perspective
| + | </figcaption> |
− | SPOT has been well verified and has various functions. And in the future, this modular system will have great potential in science and practice using. SPOT can change the modules to gain more different properties like diverse inducing method, we can also use it as a platform and then load other protein with some interactions like the interaction between nanobody and GFP. What’s more, we might have the ability to form differernt SPOTs in the cell and regulate them respectively. The functions of SPOT can also diverse. We can build a real time sensor for molecule in living cells to monitoring the concentration changing in environment or in cells. More metabolism pathway can be test in SPOT and we will find some laws of the function of regulate the metabolism. To be summary, more achievement is coming true with SPOT.
| + | <br/> |
| + | <br/> |
| + | <br/> |
| + | <br/> |
| | | |
| + | <br/> |
| + | <br/> |
| | | |
| | | |
| + | |
| + | <div class="coll"> |
| + | <div class="content"> |
| + | <h3><a id="B2"></a>2.SPOT are spherical and liquid-like droplets </h3> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>We wondered whether our synthetic organelles are liquid-like or not. A liquid-like granule is in a more dynamic state, exchanges mass with cytoplasm frequently and then responses to environment rapidly. And the liquid-like property makes organelles more controllable. Moreover, potential function modules perform may perform normally only in a droplet. It’s necessary to find out whether our SPOT were liquid-like or not. </p> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>Due to surface tension, a liquid-like droplet should be spherical and can go through rapid rearrangement in FRAP (Fluorescence Recovery After Photo-bleaching).</p> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>The 3D-rendered shape of the granules was recorded using a confocal microscope, which showed that the granules are nearly spherical. (Fig .2A) Meanwhile, we used FRAP to measure the rearrangement properties the granule(Fig .2B). After fluorescence quenching, the fluorescence of granules showed a rapid mass exchange which indicates that the granules have rapid mass exchange with the cytoplasm and resemble liquid-like droplets(Fig .2C).</p> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="coll"> |
| + | <div class="content"> |
| + | <div align="center"><img src="https://static.igem.org/mediawiki/2018/d/de/T--Peking--Demof2.png"> |
| + | </div> |
| + | <figcaption style="text-align:justify; text-justify:inter-ideograph;"> |
| + | Figure. 2A Confocal microscopy images of SPOT consisting of SUMO-HOTag3 and SIM-HOTag6. The shape is nearly spherical. |
| + | <br/> |
| + | Figure. 2B The recovery of fluorescence in SPOT was monitored in FRAP (Fluorescence Recovery After Photo-bleaching). After photobleaching, fluorescence recoveries in eight seconds. Arrow points to photobleaching site. Images were taken for~1min.Scalebar is 1.70μm per unit. |
| + | <br/> |
| + | Figure. 3C Normalized intensity of FRAP. After photobleaching, the fluorescence of droplet1 recoveries about 80% and the fluorescence of droplet2 recoveries about 50%. They both recoveries in about 20 seconds. |
| + | <br/> |
| + | <br/> |
| + | </figcaption> |
| + | </div> |
| + | <div align="center"> |
| + | <img src="https://static.igem.org/mediawiki/2018/9/9d/T--Peking--DemoM1.gif"><br/> |
| + | <div class="content"> |
| + | <figcaption style="text-align:justify; text-justify:inter-ideograph;">Movie. 1 3D-rendered images of SPOT consisting of SUMO-HOTag3 and SIM-HOTag6. The shape is nearly spherical. |
| + | <br/> |
| + | <br/> |
| + | </figcaption > |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <div class="coll"> |
| + | <div class="content"> |
| + | <h3><a id="B3"></a>3.SPOT can be controlled by regulating the expression level of components</h3> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>Then we designed a dox-induced synthetic organelle by using Tet07 promoter. To design a dox-inducible SPOT, we constructed strains with SUMO-yEGFP-HOTag3 and SIM-mCherry-HOTag6, while only the later one was controlled by TetO7 promoter(Fig .3). In a dox-induction experiment, we observed that after adding dox, the concentration of SIM-mCherry-HOTag6 fusion proteins increased gradually and granules appeared relatively abruptly and became larger in the following time. Quantitative analysis of the fluorescence movie was in agreement with the result. Thus, the formation of our SPOT can be controlled at the transcription level, which made us wonder if our synthetic organelles can be coupled with a certain genetic circuit to perform complex functions in cells.</p> |
| + | </div> |
| + | </div> |
| + | |
| + | <div align="center"><img src="https://static.igem.org/mediawiki/2018/1/15/T--Peking--Demof3.png"> |
| + | </div> |
| + | <div class="coll"> |
| + | <div class="content"> |
| + | |
| + | <figcaption style="text-align:justify; text-justify:inter-ideograph;"> |
| + | Figure. 3A Construction of SUMO-yEGFP and SIM-mCherry to prove phase separation can be regulated at the level of gene expression. SUMO-yEGFP is under the control of a constitutive promoter and SIM-mCherry is under the control of Tet07 promoter, an inducible promoter, which can be induced by doxcycline(Dox). |
| + | <br/> |
| + | Figure. 3B Time-lapse fluorescence images of phase separation regulated at the level of gene expression. Before adding dox, only green fluorescence can be detected and it covers the entire cell. After adding dox for 5 hours, localization of red droplet and green droplet can be detected. Arrow points to localization of red and green droplets. Images were taken for ~ 7hr.Scalebar,30μm. |
| + | <br/> |
| + | Figure. 3C Fluorescence intensity of SUMO-yEGFP and SIM-mCherry, proportion of cells with SPOT. In a repeat experiment, after adding dox, red fluorescence intensity increases with time. What’s more, after the expression of SIM-mCherry, proportion of cells with SPOT increases well in about 3 hours. |
| + | </figcaption > |
| + | </div> |
| + | </div> |
| + | |
| + | <div align="center"> |
| + | <div class="texttitle"><a id="C"></a>Controllable Rapamycin-induced SPOT (FKBP-Frb mediated)</div> |
| + | </div> |
| + | <hr style="border:2px dashed; height:2px" color="#1E90FF"> |
| + | |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <h3><a id="C1"></a>1.Rapid control of organelles can be achieved by using chemical-induced module like FKBP and Frb</h3> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>Through the time-lapse fluorescence video results, we noticed there was a great time delay of gene expression, usually about several hours. To make our SPOT system response to environment rapidly, we designed an inducible SPOT which relies on FKBP-rapamycin-Frb system, short as RapaSPOT. FKBP and Frb can combine together in the presence of rapamycin(Fig .4A). We constructed strains with FKBP-mCherry-HOTag3 and Frb-yEGFP-HOTag6 and used 10 μM rapamycin to induce the RapaSPOT formation. Minutes after adding rapamycin, granules appeared and became larger gradually(Fig .4B,4C). The merge images of granules confirmed that the granules consisted of both components as we expect.</p> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="coll"> |
| + | <div class="content"> |
| + | <h3><a id="C2"></a>2.The toxicity of inducer will not affect SPOT much</h3> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>Rapamycin induced phase separation can make the synthetic organelles controllable at protein level. However, rapamycin is a typical antifungal which is toxic to yeast, since its complex with FKBP will activate the TOR pathway and the cell cycle will be arrested in G1. So what will happen when rapamycin is 'blocked' in our phase separation system? We assume that this effect is strong enough to prevent yeast cell death so that rapamycin induction can be applied in bioengineering.</p> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>We measured the cell growth curves with the two strains: yeasts with both FKBP-mCherry-HOTag3 and Frb-yEGFP-HOTag6 and wild type yeasts with different concentrations of rapamycin as control group(Fig .4D). The results show that wild-type yeast cannot grow and reproduce normally in the presence of rapamycin, while the yeast with both FKBP-mCherry-HOTag3 and Frb-yEGFP-HOTag6, which can form SPOT, could still grow, especially in a relatively low concentration of rapamycin. We then observed the cells that had been treated with rapamycin for 12 hours under the microscope and confirmed that the yeast cells are in good condition and the synthetic organelles didn’t disappear. Therefore, we believe that the design of RapaSPOT is feasible, and sequestration is a potential function for SPOT.</p> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <div align="center"> |
| + | <img src="https://static.igem.org/mediawiki/2018/9/97/T--Peking--Demof4.png"><br/> |
| + | <figcaption style="text-align:justify; text-justify:inter-ideograph;">Figure. 4 Chemical-induced SPOT can be formed by using rapamycin to induce FKBP-Frb interactions<br/> |
| + | Figure. 4A The structure of FKBP and Frb. Rapamycin can induce the interaction between them. |
| + | <br/> |
| + | Figure. 4B Design of RapaSPOT. FKBP is fused with mCherry and HOTag3 while Frb is fused with yEGFP and HOTag6. After adding rapamycin, they are expected to self-organize to form large assemblies, which will be an organelle in cells. |
| + | <br/> |
| + | Figure. 4C Granules in chemical-induced SPOT after adding rapamycin. Ura3-FKBP-HOTag3(mCherry) and PDH3-Frb-HOTag6 with yEGFP are transferred and expressed in S. cerevisiae. Fluorescence images in both GFP and mCherry channels of cells are taken after the addition of 10 μM rapamycin. Granules occurs in less than 20 minutes (see Movie2) and the two fluorescence channels merge well.<br/> |
| + | Figure. 4D Growth curves of wild-type yeasts (black curve) and yeast strains with Ura3-FKBP-HOTag3 and PDH3-Frb-HOTag6 (red curve). They are measured after adding different concentration of rapamycin for 24 hours. Wild-type yeasts cannot grow and reproduce normally while engineered yeasts with FKBP-HOTag3 and Frb-HOTag6 can survive when exposed to rapamycin. |
| + | |
| + | <br/> |
| + | <br/> |
| + | </figcaption > |
| + | </div> |
| + | <div align="center"> |
| + | <table border="0"> |
| + | <tr> |
| + | <th><img src="https://static.igem.org/mediawiki/2018/0/04/T--Peking--DemoM3c.gif"></th> |
| + | <th><img src="https://static.igem.org/mediawiki/2018/9/9b/T--Peking--DemoM2b.gif"></th> |
| + | </tr> |
| + | <tr> |
| + | <th>greyscale</td> |
| + | <th>GFP</td> |
| + | </tr> |
| + | <tr> |
| + | <th><img src="https://static.igem.org/mediawiki/2018/9/93/T--Peking--DemoM2c.gif"></th> |
| + | <th><img src="https://static.igem.org/mediawiki/2018/8/8b/T--Peking--DemoM2d.gif"></th> |
| + | </tr> |
| + | <tr> |
| + | <th>mCherry</td> |
| + | <th>merge</td> |
| + | </tr> |
| + | <tr> |
| + | <th colspan="2">Movie. 2 The formation process of chemical-induced SPOT after adding rapamycin. Granules occurs in less than 20 minutes and the two fluorescence channels merge well. |
| + | </td> |
| + | </tr> |
| + | </table> |
| + | <br/> |
| + | |
| + | </div> </div> |
| + | </div> |
| + | |
| + | <div class="coll"> |
| + | <div class="content"> |
| + | <h3><a id="C3"></a>3.Different concentration of components and rapamycin vary the kinetics of phase separation</h3> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>As our <a href="https://2018.igem.org/Team:Peking/Model">Modeling</a> work predicts, the kinetics of a system depends on the concentration of the components and the interaction strength(Fig .5A). By verifying these theoretical predictions by experiment, we have made our SPOT a more tunable and modularized system for applications.</p> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>The kinetics of SPOT system depend on the concentrations of components. The concentration can be regulated by controlling the gene expression level of components, so we design a 3*3 promoters combinations in our RapaSPOT to research some principles for engineering. Ura3, TEF1, and PDH3 were chosen to provide concentration gradient and their strength was measured by flow cytometry(Fig .5B). The interaction between FKBP and Frb was induced by 10μM rapamycin and observations of aggregates were conducted under fluorescence microscope since all the components are fused with yEGFP. We found that the aggregates appeared only when FKBP-HOTags were expressed at a low level of Frb-HOTags were at a high level, which fit our simulation well.</p> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>Another variable which could affect the SPOT formation significantly is the strength of interaction between two components. In RapaSPOT, it means the concentration of rapamycin, which will affect the apparent affinity of FKBP and Frb. We conducted a rapamycin gradient induction experiment to investigate the kinetics. Yeast Strains with FKBP-mCherry-HOTag3 and Frb-yEGFP-HOTag6 were induced by rapamycin from 0.01 to 100μM. We found that higher concentration of rapamycin could induce faster SPOT formation which fit our model well(Fig .5D). At the same time, we had to notice that if the concentration of rapamycin is too high, the SPOT formation process will be restrained.</p> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <div align="center"> |
| + | <img src="https://static.igem.org/mediawiki/2018/d/d8/T--Peking--Demof5.png"><br/> |
| + | <div> |
| + | <figcaption style="text-align:justify; text-justify:inter-ideograph;"> |
| + | Figure. 5A The formation of SPOT can be described as a phase separation process of three components. Two important variable, the concentration of components and the interaction strength are marked in the figure. |
| + | <br/> |
| + | Figure. 5B Flow Cytometry results of three promoters (Ura3, Tef2, and PDH3). The expression level of Ura3 is lowest while PDH3 is the strongest promoter. |
| + | <br/> |
| + | Figure. 5C RapaSPOT of different promoter combinations after 10 μM rapamycin induction. Two axes stand for the expression level of components. After 3 hours, Only SPOT system with high level of Frb can be observed. |
| + | <br/> |
| + | Figure. 5D Proportion of yeasts with granules after rapamycin induction. The rapamycin is from 1μM to 100 μM. |
| + | </figcaption> |
| + | <table border="0"> |
| + | <tr> |
| + | <th><img src="https://static.igem.org/mediawiki/2018/1/1f/T--Peking--DemoM3a.gif"></th> |
| + | <th><img src="https://static.igem.org/mediawiki/2018/5/58/T--Peking--DemoM3b.gif"></th> |
| + | <th><img src="https://static.igem.org/mediawiki/2018/0/04/T--Peking--DemoM3c.gif"></th> |
| + | <th><img src="https://static.igem.org/mediawiki/2018/6/6f/T--Peking--DemoM2.gif"></th> |
| + | </tr> |
| + | <tr> |
| + | <th>0μM</td> |
| + | <th>0.1μM</td> |
| + | <th>1μM</td> |
| + | <th>10μM</td> |
| + | </tr> |
| + | <tr> |
| + | <th colspan="4"><div align="center">Movie. 3 The formation process of SPOT in different concentration of rapamycin in one experiment. Higher concentration of rapamycin leads to faster formation of phase separation.</div></td> |
| + | </tr> |
| + | </table> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | <div class="texttitle"><a id="Z"></a>Functions |
| + | </div> |
| + | |
| + | <hr style="border:2px dashed; height:2px" color="#1E90FF"> |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <h3><a id="D1"></a>1.Spatial segregation and organization</h3> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>The most basic function of a synthetic organelle is to form a segregated space, changing the position of a substance, and thereby causing a corresponding effect.</p> |
| + | </div> |
| + | </div> |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>The most basic function of a synthetic organelle is to form a segregated space, changing the position of a substance, and thereby causing a corresponding effect.</p> |
| + | </div> |
| + | </div> |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <h4>(1)Aggregation of target substances</h4> |
| + | </div> |
| + | </div> |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>The components used to construct the synthetic organelles can condense via phase separation, resulting in different concentrations of their components in the synthetic organelles and the surrounding cytosol. If we control the expression of the SIM component (red fluorescence) in the synthetic organelle system composed of SUMO-SIM, we can regulate the distribution of the SUMO component (green fluorescence) in the cell. We used an inducible promoter to control the expression of the SIM component. When the SIM component was not expressed, the SUMO component was evenly distributed in the cells, and when the cells were treated with a sufficient concentration of doxorubicin, the SIM component was expressed. In that case, the expression is such that the SUMO components aggregate due to the formation of SPOT. |
| + | <br/> |
| + | <img src="https://static.igem.org/mediawiki/2018/1/15/T--Peking--Demof3.png"><div> |
| + | <figcaption style="text-align:justify; text-justify:inter-ideograph;"> |
| + | Figure. 6A Construction of SUMO-yEGFP and SIM-mCherry to prove phase separation can be regulated at the level of gene expression. SUMO-yEGFP is under the control of a constitutive promoter and SIM-mCherry is under the control of Tet07 promoter, an inducible promoter, which can be induced by doxcycline(Dox). |
| + | <br/> |
| + | Figure. 6B Time-lapse fluorescence images of phase separation regulated at the level of gene expression. Before adding dox, only green fluorescence can be detected and it covers the entire cell. After adding dox for 5 hours, localization of red droplet and green droplet can be detected. Arrow points to localization of red and green droplets. Images were taken for ~ 7hr.Scalebar,30μm. |
| + | <br/> |
| + | Figure. 6C Fluorescence intensity of SUMO-yEGFP and SIM-mCherry, proportion of cells with SPOT. In a repeat experiment, after adding dox, red fluorescence intensity increases with time. What’s more, after the expression of SIM-mCherry, proportion of cells with SPOT increases well. |
| + | </figcaption ></p></div> |
| + | </div> |
| + | </div> |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>Such condensation allows the components to perform their functions in a synthetic organelle without affecting the overall state of the cells, which allows some components that are toxic to the cells to function properly in the synthetic organelles without damaging the cells. As an example, high concentrations of rapamycin strongly inhibited the growth of yeast. However, in yeasts with synthetic organelles composed of FKBP/Frb, rapamycin can be used to induce the formation of synthetic organelles, and because of the presence of synthetic organelles, the yeast also gain the ability to resist rapamycin and grow normally in its presence.</p> |
| + | <img src="https://static.igem.org/mediawiki/2018/1/1a/T--Peking--DemoGrowth.png"> |
| + | |
| + | <figcaption style="text-align:justify; text-justify:inter-ideograph;"> |
| + | Figure. 7 Growth curves of wild-type yeasts (black curve) and yeast strains with Ura3-FKBP-HOTag3 and PDH3-Frb-HOTag6 (red curve). They are measured after adding different concentration of rapamycin for 24 hours. Wild-type yeasts cannot grow and reproduce normally while engineered yeasts with FKBP-HOTag3 and Frb-HOTag6 can survive when exposed to rapamycin. |
| + | <br/> |
| + | <br/> |
| + | |
| + | </figcaption > |
| + | </div> |
| + | </div> |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <h4>(2)Organization hub</h4> |
| + | </div> |
| + | </div> |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>A substance that does not participate in the construction of synthetic organelles can be aggregated within the synthetic organelles via diverse interactions.</p> |
| + | </div> |
| + | </div> |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>Using protein-protein interactions, the synthetic organelles can be treated as a platform for the organization of other substances, which makes the yeast with the synthetic organelles into a modular system for the regulation of the spatial distribution of substances. The anti-GFP nanobody is a protein that can specifically bind GFP with high affinity. We can fuse the protein to be controlled with the anti-GFP nanobody to aggregate it at the synthetic organelles.</p><img src="https://static.igem.org/mediawiki/2018/8/85/T--Peking--PS_2.png"><p> |
| + | <figcaption style="text-align:justify; text-justify:inter-ideograph;"> |
| + | Figure .8A Fused function module and recruited function module. When function modules are recruited to SPOT, they may function well. |
| + | <br/> |
| + | Figure .8B Demonstration of nanobody system. Anti-GFP nanobody can combine to GFP and recruit the function module (replaced by CFP). The images merged well and confirmed that the design of nanobody system is feasible. |
| + | </figcaption ></p> |
| + | </div> |
| + | </div> |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>We verified this function by fusing CFP with the nanobody, and we observed the co-localization of the blue and green fluorescence, as expected.</p> |
| + | </div> |
| + | </div> |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>This system is modular and flexible. We can fuse almost any protein with the nanobody so that it can aggregate within the synthetic organelles. What’s more, this strategy avoids fusing proteins with the large system, which might result in the loss of function because of structural change. This system also has the potential to aggregate endogenous proteins and even small molecules by fusing the ligand of the substance with the nanobody as mediator. |
| + | </p> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="coll"> |
| + | <div class="content"> |
| + | <h3><a id="D2"></a>2.Sensor</h3> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>Rapamycin can be used to induce the formation of the synthetic organelles. Thinking differently, rapamycin can be detected by the synthetic organelles. If the substance to be detected can bind with two proteins (homologous or heterologous) simultaneously, these proteins can be used as the interaction module to construct a synthetic organelle, and the presence of the detected molecule can consequently be shown by the formation of the synthetic organelles. As shown before, synthetic organelles arise when rapamycin is added, which means that the presence of synthetic organelles corresponds to the presence of rapamycin.</p> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>Thus, we first verified this function with rapamycin. We cultured the yeast cells with different concentrations of rapamycin to make sure that rapamycin has enough time to diffuse into the calls and the formation of SPOT can reach the equilibrium state. We then observed the yeast cells under a microscope and made statistics on the proportion of the yeast with SPOT formation. The formation of the SPOT reflected the concentration of rapamycin well.</p> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>Since rapamycin can be detected by SPOT, we went further and considered whether SPOT can also detect other molecules. Here we verified this potential by detecting ABA. Abscisic acid (ABA) is an important phytohormone that regulates plant stress responses. Proteins from the PYR-PYL-PCAR family were identified as ABA receptors. Upon binding to ABA, a PYL protein associates with type 2C protein phosphatases (PP2Cs) such as ABI1 and ABI2, inhibiting their activity.</p> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>In our design, if we use PYL1/ABI1 as interaction modules, we will see the SPOT forming in the cell after ABA administration. However, we found the green fluorescence, which shows the location of PYL1, condensed into a granule like the SPOT before ABA administration. </p> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>We then manage to work out the reason. Previous structural and biochemical observations have provided insights into PYL-mediated ABA signaling, which can be explained by an efficacious model. In the absence of ABA signaling, PP2Cs are fully active and PYLs exist as inactive homodimers in cells, unable to bind or inhibit PP2Cs, mainly due to the incompatible conformation of the CL2loop. In response to ABA binding, the CL2 loop undergoes a conformational rearrangement to close over the ABA-binding pocket, which enables the interaction between PYLs and PP2Cs. </p> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>This information explained this strange phenomenon, and also enabled a prediction. In the absence of ABA, SPOT formed only with PYL1 for the homodimers of PYL1. Thus, we can observe the green fluorescence in SPOT, but no red fluorescence colocalization. After we added ABA to the yeast, ABI1 entered the organelles through the interaction of ABI1 and PYL1, and we saw red aggregates colocalize with green aggregates in cells under the fluorescence microscope. We then verified this ABA sensor through the formation of red fluorescence. The pattern met the prediction perfectly and the system also detected ABA with a high sensitivity. .</p> |
| + | </div> |
| + | </div> |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>This experiment also inspired us to design a new regulation method: controlling the location of one of the component instead of controlling the formation of SPOT. As the experiment demonstrated, new components can enter the original organelles and the time of occurrence can be regulated as it is inducer-mediated. This gave our designs and functions more possibilities. |
| + | Figure removed due to file size |
| + | Figure 6 Interaction of PYL and PP2C |
| + | </p> |
| + | </div> |
| + | </div> |
| + | <div class="coll"> |
| + | |
| + | <div class="content"> |
| + | <p>As shown by the results, SPOT can be used to detect molecules in vivo. In contrast to traditional sensors, which rely on the expression of the reporter gene and have a delay of hours, this system has a much shorter reaction time of only minutes after the reagent is added to the yeast medium. The delay can be further shortened if the detected molecules are inside the cells. Thus, the synthetic organelles can function as a quick response sensor in vivo.</p> |
| + | <img src="https://static.igem.org/mediawiki/2018/9/90/T--Peking--demof4.png"> |
| + | <figcaption style="text-align:justify; text-justify:inter-ideograph;"> |
| + | Figure. 9A Design of rapaSPOT. Rapamycin can induce phase separation process to form granules. |
| + | <br/> |
| + | Figure. 9B Resonse curve of rapamycin. SPOT shows high sensitivity to rapamycin and has great potential in sensor. |
| + | <br/> |
| + | Figure. 9C Design of a ABA sensor. ABA is a kind of plant hormone. By specific interaction module, SPOT can sense the presence of ABA. |
| + | <br/> |
| + | Figure. 9D The sensor function test of ABA sensor. In the presence of ABA, granules can be observed in both fluorescence channels. |
| + | </figcaption s> |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | |
| + | <div class="coll"> |
| + | <div class="content"> |
| + | <br/> |
| + | <h3><a id="D3"></a>3.Reaction Hub</h3> |
| + | </div> |
| + | </div> |
| + | <div class="coll"> |
| + | <div class="content"> |
| + | <p>Our synthetic organelles are based on phase separation. Due to liquid-liquid phase separation inside cells, the synthetic organelles and the cytosol will form a boundary. This boundary has some special properties, such as absorbance effects. The synthetic organelles also condense many substances, which results in a different reaction environment and different concentration between the synthetic organelles and the cytosol. All these effects can affect the reaction rate and the direction of reaction in the synthetic organelles.</p> |
| + | </div> |
| + | </div> |
| + | <div class="coll"> |
| + | <div class="content"> |
| + | <p>Since the effects of the synthetic organelles on different reactions can be diverse due to all the factors referred to above, we develop a model to find out the key factors that effect this process. The model suggests that a higher solubility of the substrate or intermediate in the droplet phase and a relatively large KM lead to higher reaction rate. ( Please read the model for more details)</p> |
| + | </div> |
| + | </div> |
| + | <div class="coll"> |
| + | <div class="content"> |
| + | <p>According to the conclusion given by the model, we examined the production of β-carotene as a first step. The intermediates of this pathway are hydrophobic and the reaction have a large KM, we suppose SPOT might increase the produce of β-carotene. What’s more, the β-carotene production pathway is widely used in biology. It is robust and its activity is directly observable since β-carotene is orange. We fused the three enzymes that produce β-carotene into the synthetic organelles. In the presence of rapamycin, they can condense into aggregates.</p> |
| + | </div> |
| + | </div> |
| + | <div class="coll"> |
| + | <div class="content"> |
| + | <p>As the result shows, after adding rapamycin, the yeast accumulate more β-carotene and the color become redder.</p><div align="center"> |
| + | <p>To demonstrate this increasing quantitatively, we extract β-carotene from the yeast and measure the concentration with HPLC (High Performance Liquid Chromatography). HPLC result also show an increasing after adding rapamycin.</p></div> |
| + | </div> |
| + | </div> |
| + | <div class="coll"> |
| + | <div class="content"> |
| + | <p>Here we already demonstrate that SPOT can regulate the reaction rate and further regulate the produce of the pathway. However, there are still too many phenomes that we can not explain in a near future. Through more work on different metabolic pathway, we may one day can using SPOT to control the metabolism in cell.</p> |
| + | </div> |
| + | </div> |
| + | <div class="coll"> |
| + | <div class="content"> |
| + | <div align="center"> |
| + | <img src="https://static.igem.org/mediawiki/2018/4/45/T--Peking--figadd.png"> |
| + | </div> |
| + | <div class="coll"> |
| + | <figcaption style="text-align:justify; text-justify:inter-ideograph;"> |
| + | Fig. 10A β-carotene production pathway widely used in biology. <br/> |
| + | Fig. 10B Design of SPOT producing carotene. |
| + | <br/> |
| + | Fig. 10C fluorescence images and carotene production result after rendered by rapamycin for 36h. |
| + | <br/> |
| + | Fig. 10D HPLC result of carotene production after 48h. |
| + | <br/> |
| + | Fig. 10E β-carotene production for the same amount of yeasts after 48h. The results are calculated by dividing peak area over the mass of yeasts in each group and then normalized by the first group.</div> |
| + | <br/> |
| + | </div> |
| + | </figcaption > |
| + | </div> |
| | | |
| | | |
− | </div> <!-- page-content End-->
| + | |
− | </div> <!-- Content End--> | + | </div><!--9 columns end--> |
| + | |
| + | </div> |
| + | |
| + | |
| + | |
| + | |
| + | </div><!--row end--> |
| + | </section> |
| + | </div><!--12 columes end--> |
| + | </div><!--page-content end--> |
| | | |
| | | |
Line 205: |
Line 890: |
| | | |
| | | |
− |
| + | <!-- footer============================================================================== --> |
− |
| + | |
− |
| + | |
− |
| + | |
− |
| + | |
− | <!-- footer============================================================================== -->
| + | |
| <style> | | <style> |
| footer .copyright span:before { | | footer .copyright span:before { |
Line 226: |
Line 906: |
| </style> | | </style> |
| <footer id="page-footer"> | | <footer id="page-footer"> |
| + | <footer id="page-footer"> |
| + | <div class="row,row1"> |
| + | <ul class="footer-social"> |
| + | <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/2018/7/7a/T--Peking--images_PKU_Administration_logo.png"></a> |
| + | </li> |
| + | <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/2018/0/04/T--Peking--images_PKU_SLS_logo.png"></a> |
| + | </li> |
| + | |
| + | <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/2018/e/e1/T--Peking--images_PKU_CQB_logo.png"></a> |
| + | </li> |
| + | |
| + | </ul> |
| + | </div> |
| <div class="row"> | | <div class="row"> |
| <div class="twelve columns" > | | <div class="twelve columns" > |
| <ul class="copyright"> | | <ul class="copyright"> |
| <!--<li>© 2014 Sparrow</li> --> | | <!--<li>© 2014 Sparrow</li> --> |
− | <li><a href="2018.igem.org/Team:Peking">Home</a> <a href="mailto:pkuigem2016@126.com">Contact</a></li> | + | <li><a href="https://2018.igem.org/Team:Peking">Home</a> <a href="mailto:indigomad@pku.edu.cn">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 237: |
Line 933: |
| <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;"><a title="Back to Top" href="#">Go To Top</a></div> |
| </div> | | </div> |
− | </footer> <!-- Footer End-->
| + | |
− |
| + | |
− |
| + | <!-- 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>
| + | <!-- Java Script======================================================================= --> |
− |
| + | <script>window.jQuery || document.write('<script src="https://2018.igem.org/Template:Peking/Javascript/jquery_1_10_2_min?action=raw&ctype=text/javascript"><\/script>')</script> |
− | <script src="https://2016.igem.org/Template:Peking/Javascript/jquery_flexslider?action=raw&ctype=text/javascript"></script>
| + | <script type="text/javascript" src="https://2018.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/doubleaptogo?action=raw&ctype=text/javascript"></script>
| + | |
− | <script src="https://2016.igem.org/Template:Peking/Javascript/init?action=raw&ctype=text/javascript"></script>
| + | <script src="https://2018.igem.org/Template:Peking/Javascript/jquery_flexslider?action=raw&ctype=text/javascript"></script> |
− |
| + | <script src="https://2018.igem.org/Template:Peking/Javascript/doubleaptogo?action=raw&ctype=text/javascript"></script> |
− |
| + | <script src="https://2018.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>
| + | <!--quotations from flexslider: start--> |
− | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_sticky?action=raw&ctype=text/javascript"></script>
| + | <script src='https://2018.igem.org/Template:Peking/Javascript/modernizr_js?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://2018.igem.org/Template:Peking/Javascript/fjquery_polaroid?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://2018.igem.org/Template:Peking/Javascript/fjquery_easing?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://2018.igem.org/Template:Peking/Javascript/fjquery_transform_0_8_0_min?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://2018.igem.org/Template:Peking/Javascript/fjquery_preloader?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>
| + | <!--quotations from flexslider: end--> |
− | <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>
| + | <!--quotations from black: start--> |
− | <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://2018.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_cycle_all?action=raw&ctype=text/javascript" ></script>
| + | <script type='text/javascript' src="https://2018.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_maximage?action=raw&ctype=text/javascript"></script>
| + | <script type='text/javascript' src="https://2018.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/scripts?action=raw&ctype=text/javascript "></script>
| + | <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/bootstrap_min?action=raw&ctype=text/javascript"></script> |
− | <!--quotations from black: end-->
| + | <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery_patallax_1_1_3?action=raw&ctype=text/javascript"></script> |
− |
| + | <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/appear?action=raw&ctype=text/javascript"></script> |
− |
| + | <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/modernizr?action=raw&ctype=text/javascript"></script> |
− | </body>
| + | <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery_prettyPhoto?action=raw&ctype=text/javascript"></script> |
| + | <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/isotope?action=raw&ctype=text/javascript"></script> |
| + | <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery_bxslider_min?action=raw&ctype=text/javascript"></script> |
| + | <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery_cycle_all?action=raw&ctype=text/javascript" ></script> |
| + | <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery_maximage?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--> |
| + | |
| + | |
| + | </body> |
| </html> | | </html> |