Difference between revisions of "Team:Tsinghua/Improvement"

 
Line 2: Line 2:
 
<html lang="en-US">
 
<html lang="en-US">
 
<head>
 
<head>
<meta charset="utf-8">
+
    <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
<!--  -->
+
    <!--  -->
<!--    Document Title-->
+
    <!--    Document Title-->
<!-- =============================================-->
+
    <!-- =============================================-->
<title>iGEM Tsinghua</title>
+
    <title>iGEM Tsinghua</title>
<!--  -->
+
    <!--  -->
<!--    Favicons-->
+
    <!--    Favicons-->
<!--    =============================================-->
+
    <!--    =============================================-->
<!-- <link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-touch-icon.png">
+
    <!-- <link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicons/favicon-32x32.png">
+
        <link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png">
+
        <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png">
<link rel="shortcut icon" type="image/x-icon" href="assets/images/favicons/favicon.ico">
+
        <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicons/favicon.ico">
<link rel="manifest" href="assets/images/favicons/manifest.json">
+
        <link rel="manifest" href="assets/images/favicons/manifest.json">
<link rel="mask-icon" href="assets/images/favicons/safari-pinned-tab.svg" color="#5bbad5">
+
        <link rel="mask-icon" href="assets/images/favicons/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileImage" content="assets/images/favicons/mstile-150x150.png">
+
        <meta name="msapplication-TileImage" content="assets/images/favicons/mstile-150x150.png">
<meta name="theme-color" content="#ffffff">
+
        <meta name="theme-color" content="#ffffff">
-->
+
    -->
<!--    Stylesheets-->
+
    <!--    Stylesheets-->
<!--    =============================================-->
+
    <!--    =============================================-->
<!-- Default stylesheets-->
+
    <!-- Default stylesheets-->
<!-- <link href="assets/lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> -->
+
    <!-- <link href="assets/lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> -->
<link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/bootstrap.min.css&action=raw&ctype=text/css" >
+
    <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/bootstrap.min.css&action=raw&ctype=text/css" >
+
   
<!-- Template specific stylesheets-->
+
    <!-- Template specific stylesheets-->
<!-- <link href="assets/lib/loaders.css/loaders.min.css" rel="stylesheet"> -->
+
    <!-- <link href="assets/lib/loaders.css/loaders.min.css" rel="stylesheet"> -->
<link href="https://fonts.googleapis.com/css?family=Hind+Madurai:300,400,500,600,700|Playfair+Display:400,400i,700,700i,900,900i" rel="stylesheet">
+
    <link href="https://fonts.googleapis.com/css?family=Hind+Madurai:300,400,500,600,700|Playfair+Display:400,400i,700,700i,900,900i" rel="stylesheet">
<!-- <link href="assets/lib/hamburgers/dist/hamburgers.min.css" rel="stylesheet"> -->
+
    <!-- <link href="assets/lib/hamburgers/dist/hamburgers.min.css" rel="stylesheet"> -->
<!-- <link href="assets/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet"> -->
+
    <!-- <link href="assets/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet"> -->
<!-- <link href="assets/lib/lightbox2/dist/css/lightbox.css" rel="stylesheet"> -->
+
    <!-- <link href="assets/lib/lightbox2/dist/css/lightbox.css" rel="stylesheet"> -->
<!-- <link href="assets/lib/flexslider/flexslider.css" rel="stylesheet"> -->
+
    <!-- <link href="assets/lib/flexslider/flexslider.css" rel="stylesheet"> -->
<link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/flexslider2.css&action=raw&ctype=text/css" >
+
    <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/flexslider2.css&action=raw&ctype=text/css" >
+
   
<!-- Main stylesheet and color file-->
+
    <!-- Main stylesheet and color file-->
<!-- <link href="assets/css/style.css" rel="stylesheet"> -->
+
    <!-- <link href="assets/css/style.css" rel="stylesheet"> -->
<link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/font-awesome.min.css&action=raw&ctype=text/css">
+
    <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/font-awesome.min.css&action=raw&ctype=text/css">
<link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/style.css&action=raw&ctype=text/css" >
+
    <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/style.css&action=raw&ctype=text/css" >
+
   
<!-- <link href="assets/css/custom.css" rel="stylesheet"> </head> -->
+
    <!-- <link href="assets/css/custom.css" rel="stylesheet"> </head> -->
<link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/custom.css&action=raw&ctype=text/css" >
+
    <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/custom.css&action=raw&ctype=text/css" >
+
   
<link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/remodal.css&action=raw&ctype=text/css" >
+
    <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/remodal.css&action=raw&ctype=text/css" >
+
   
<link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/remodal-default-theme.css&action=raw&ctype=text/css" >
+
    <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/remodal-default-theme.css&action=raw&ctype=text/css" >
 +
    <style>
 +
        *{margin:0;padding:0;}
 +
        .box{height:1px;width:1%;background:#ccc;}
 +
        .progress{position:fixed;top:1rem; z-index:9999;height:5px;background-image: linear-gradient(to right, rgb(252, 141, 15),rgb(14, 178, 243));}
 +
    </style>
 
</head>  
 
</head>  
 
<body data-spy="scroll" data-target=".inner-link" data-offset="60">
 
<body data-spy="scroll" data-target=".inner-link" data-offset="60">
<main>
+
    <main>
+
       
<div class="loading" id="preloader">
+
        <div class="loading" id="preloader">
<div class="h-100vh d-flex align-items-center justify-content-center background-white">
+
            <div class="h-100vh d-flex align-items-center justify-content-center background-white">
<div>                         
+
                <div>                         
<img src="https://static.igem.org/mediawiki/2019/1/15/T--Tsinghua--loading.gif" style="width:5%;  position:absolute; left: 46%; top: 43%">
+
                    <img src="https://static.igem.org/mediawiki/2019/1/15/T--Tsinghua--loading.gif" style="width:5%;  position:absolute; left: 46%; top: 43%">
</div>
+
                </div>
</div>
+
            </div>
</div>
+
        </div>
<div class="sticky-lg-top pt-4" style="z-index: 1000;">
+
        <div class="sticky-lg-top pt-4" style="z-index: 1000;">
<div style="background: rgba(30, 30, 30, 0.936);position: absolute; width: 100%; height: 10rem;top:-3.2rem;"></div>
+
            <div style="background: rgba(30, 30, 30, 0.936);position: absolute; width: 100%; height: 10rem;top:-3.2rem;"></div>
<div class="znav-container znav-transparent sticky-lg-top pt-4 mt-0" id="znav-container" style="left:10%">
+
            <div class="znav-container znav-transparent sticky-lg-top pt-4 mt-0" id="znav-container" style="left:10%">
+
               
<div class="container">
+
                <div class="container">
<img src="https://static.igem.org/mediawiki/2019/b/be/T--Tsinghua--logo.png" style="width: 8%;position: absolute;left: -6%;">
+
                    <img src="https://static.igem.org/mediawiki/2019/b/be/T--Tsinghua--logo.png" style="width: 8%;position: absolute;left: -6%;">
<nav class="navbar navbar-expand-lg">
+
                    <nav class="navbar navbar-expand-lg">
+
                       
<a class="navbar-brand overflow-hidden pr-3 fs-3" href="https://2019.igem.org/Team:Tsinghua">
+
                        <a class="navbar-brand overflow-hidden pr-3 fs-3" href="https://2019.igem.org/Team:Tsinghua">
+
                           
iGEM
+
                            iGEM
<span class="d-none d-lg-inline-block">Tsinghua</span>
+
                            <span class="d-none d-lg-inline-block">Tsinghua</span>
</a>
+
                        </a>
<!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+
                        <!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<div class="hamburger hamburger--emphatic">
+
                            <div class="hamburger hamburger--emphatic">
<div class="hamburger-box">
+
                                <div class="hamburger-box">
<div class="hamburger-inner"></div>
+
                                    <div class="hamburger-inner"></div>
+
                                   
</div>
+
                                </div>
</div>
+
                            </div>
</button> -->
+
                        </button> -->
<div class="collapse navbar-collapse" id="navbarNavDropdown">
+
                        <div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav font-2 fs-1">
+
                            <ul class="navbar-nav font-2 fs-1">
<li>
+
                                <li>
<a href="https://2019.igem.org/Team:Tsinghua"><span class="fa fa-home"></span> Home</a>
+
                                    <a href="https://2019.igem.org/Team:Tsinghua"><span class="fa fa-home"></span> Home</a>
+
                                   
</li>
+
                                </li>
<li>
+
                                <li>
<a href="JavaScript:void(0)"><span class="fa fa-group"></span> Team</a>
+
                                    <a href="JavaScript:void(0)"><span class="fa fa-group"></span> Team</a>
<ul class="dropdown fs-0">
+
                                    <ul class="dropdown fs-0">
<li>
+
                                        <li>
<a href="https://2019.igem.org/Team:Tsinghua/Team">Members</a>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Team">Members</a>
</li>   
+
                                        </li>   
<li>
+
                                        <li>
<a href="https://2019.igem.org/Team:Tsinghua/Collaborations">Collaborations</a>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Collaborations">Collaborations</a>
</li>
+
                                        </li>
<li>
+
                                        <li>
<a href="https://2019.igem.org/Team:Tsinghua/Notebook">Notebook</a>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Notebook">Notebook</a>
</li>
+
                                        </li>
+
                                       
<li>
+
                                        <li>
<a href="https://2019.igem.org/Team:Tsinghua/Attributions">Attributions</a>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Attributions">Attributions</a>
</li>
+
                                        </li>
<li>
+
                                        <li>
<a href="https://2019.igem.org/Team:Tsinghua/Design">Design</a>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Design">Design</a>
</li>
+
                                        </li>
</ul>
+
                                    </ul>
</li>
+
                                </li>
<li>
+
                                <li>
<a href="JavaScript:void(0)"><span class="fa fa-flask"></span> Project</a>
+
                                    <a href="JavaScript:void(0)"><span class="fa fa-flask"></span> Project</a>
<ul class="dropdown fs-0">
+
                                    <ul class="dropdown fs-0">
<li>
+
                                        <li>
<a href="https://2019.igem.org/Team:Tsinghua/Description">Description</a>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Description">Description</a>
</li>
+
                                        </li>
<li>
+
                                        <li>
<a href="https://2019.igem.org/Team:Tsinghua/Experiments">Experiments</a>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Experiments">Experiments</a>
</li>
+
                                        </li>
<li>
+
                                        <li>
<a href="https://2019.igem.org/Team:Tsinghua/Demonstrate">Results</a>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Demonstrate">Results</a>
</li>
+
                                        </li>
+
                                        <li>
</ul>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Measurement">Measurement</a>
</li>
+
                                        </li>
<li>
+
                                       
<a href="JavaScript:void(0)"><span class="fa fa-cube"></span> Model</a>
+
                                    </ul>
<ul class="dropdown fs-0">
+
                                </li>
<li>
+
                                <li>
<a href="https://2019.igem.org/Team:Tsinghua/Model">Part I</a>
+
                                    <a href="JavaScript:void(0)"><span class="fa fa-cube"></span> Model</a>
</li>
+
                                    <ul class="dropdown fs-0">
<li>
+
                                        <li>
<a href="https://2019.igem.org/Team:Tsinghua/Model2">Part II</a>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Model">Part I</a>
</li>
+
                                        </li>
<li>
+
                                        <li>
<a href="https://2019.igem.org/Team:Tsinghua/Model3">Part III</a>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Model2">Part II</a>
</li>
+
                                        </li>
</ul>
+
                                        <li>
</li>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Model3">Part III</a>
<li>
+
                                        </li>
<a href="JavaScript:void(0)"><span class="fa fa-gears"></span> Parts</a>
+
                                    </ul>
<ul class="dropdown fs-0">
+
                                </li>
<li>
+
                                <li>
<a href="https://2019.igem.org/Team:Tsinghua/Improvement">Improvement</a>
+
                                    <a href="JavaScript:void(0)"><span class="fa fa-gears"></span> Parts</a>
</li>
+
                                    <ul class="dropdown fs-0">
<li>
+
                                        <li>
<a href="https://2019.igem.org/Team:Tsinghua/Composite">Composite</a>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Improvement">Improvement</a>
</li>
+
                                        </li>
+
                                        <li>
<li>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Characterization">Characterization</a>
<a href="https://2019.igem.org/Team:Tsinghua/Basic">Basic Part</a>
+
                                        </li>
</li>
+
                                       
</ul>
+
                                        <li>
</li>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Chart">Chart Form</a>
+
                                        </li>
<li>
+
                                    </ul>
<a href="JavaScript:void(0)"><span class="fa fa-male"></span> Human Practices</a>
+
                                </li>
<ul class="dropdown fs-0">
+
                               
<li>
+
                                <li>
<a href="https://2019.igem.org/Team:Tsinghua/Human_Practices">Overview</a>
+
                                    <a href="JavaScript:void(0)"><span class="fa fa-male"></span> Human Practices</a>
</li>
+
                                    <ul class="dropdown fs-0">
<li>
+
                                        <li>
<a href="https://2019.igem.org/Team:Tsinghua/General">General</a>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Human_Practices">General</a>
</li>
+
                                        </li>
<li>
+
                                       
<a href="https://2019.igem.org/Team:Tsinghua/Integrated">Integrated</a>
+
                                        <li>
</li>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Integrated">Integrated</a>
<li>
+
                                        </li>
<a href="https://2019.igem.org/Team:Tsinghua/Safety">Safety</a>
+
                                        <li>
</li>
+
                                            <a href="https://2019.igem.org/Team:Tsinghua/Safety">Safety</a>
+
                                        </li>
</ul>
+
                                       
</li>
+
                                    </ul>
</ul>
+
                                </li>
+
                            </ul>
</div>
+
                           
+
                        </div>
</nav>
+
                       
+
                    </nav>
</div>
+
                   
</div>
+
                </div>
</div>
+
            </div>
+
        </div>
 +
 
 +
 
 
<section class="py-0 overflow-hidden">
 
<section class="py-0 overflow-hidden">
 
<div class="background-holder overlay overlay-2 parallax" style="background-image:url(https://static.igem.org/mediawiki/2019/c/ca/T--Tsinghua--subpage3_parts.jpg);"> </div>
 
<div class="background-holder overlay overlay-2 parallax" style="background-image:url(https://static.igem.org/mediawiki/2019/c/ca/T--Tsinghua--subpage3_parts.jpg);"> </div>
Line 353: Line 360:
 
<!--/.container-->
 
<!--/.container-->
 
</section>
 
</section>
<section class="text-center pb-3">
+
            <section class="text-center pb-3">
<div class="background-holder overlay overlay-2" style="background-image:url(https://static.igem.org/mediawiki/2019/f/fb/T--Tsinghua--footimg.png);background-position: top;"> </div>
+
                    <div class="background-holder overlay overlay-2" style="background-image:url(https://static.igem.org/mediawiki/2019/f/fb/T--Tsinghua--footimg.png);background-position: top;"> </div>
<!--/.background-holder-->
+
                    <!--/.background-holder-->
<div class="container">
+
                    <div class="container">
<div class="row justify-content-center">
+
                        <div class="row justify-content-center">
<div class="col-12">
+
                            <div class="col-12">
<h4 class="mb-4 color-white">Thanks for your support !</h4>
+
                                <h4 class="mb-4 color-white">Thanks for your support !</h4>
+
                               
</div>
+
                            </div>
<div style="height: 30px;"></div>
+
                            <div style="height: 30px;"></div>
<div class ="row">
+
                            <div class ="row">
+
                               
<div class="col-2">
+
                                <div class="col-2">
</div>
+
                                </div>
<div class="col-2">
+
                                <div class="col-2">
<img src="https://static.igem.org/mediawiki/2019/f/f2/T--Tsinghua--colab_bitlogo2.png" style="width: 50%;">
+
                                    <a href="https://2019.igem.org/Team:BIT-China/Collaborations" target="_blank">
+
                                        <img src="https://static.igem.org/mediawiki/2019/f/f2/T--Tsinghua--colab_bitlogo2.png" style="width: 50%;">
</div>
+
                                    </a>
<div class="col-2">
+
                                   
<img src="https://static.igem.org/mediawiki/2019/b/bf/T--Tsinghua--colab_pkulogo3.png" style="width:50%;">
+
                                </div>
</div>
+
                                <div class="col-2">
<div class="col-2">
+
                                    <a href="https://2019.igem.org/Team:Peking/Collaborations" target="_blank">
<img src="https://static.igem.org/mediawiki/2019/1/16/T--Tsinghua--colab_bitlogo3.png" style="width:50%;">
+
                                        <img src="https://static.igem.org/mediawiki/2019/b/bf/T--Tsinghua--colab_pkulogo3.png" style="width:50%;">
</div>
+
                                    </a>
+
                                </div>
<div class="col-2">
+
                                <div class="col-2">
<img src="https://static.igem.org/mediawiki/2019/1/12/T--Tsinghua--sj3.jpg" style="width: 50%;">
+
                                    <a href="https://2019.igem.org/Team:BIT-China/Collaborations" target="_blank">
+
                                        <img src="https://static.igem.org/mediawiki/2019/1/16/T--Tsinghua--colab_bitlogo3.png" style="width:50%;">
</div>
+
                                    </a>
<div class="col-2">
+
                                </div>
</div>
+
                               
+
                                <div class="col-2">
</div>
+
                                    <a href="https://2019.igem.org/Team:SJTU-BioX-Shanghai/Collaborations#section4" target="_blank">
<div style="height: 1cm;"></div>
+
                                        <img src="https://static.igem.org/mediawiki/2019/1/12/T--Tsinghua--sj3.jpg" style="width: 50%;">
<div class="row">
+
                                    </a>
<div class="col-3"></div>
+
                                </div>
<div class="col-2">
+
                                <div class="col-2">
<img src="https://static.igem.org/mediawiki/2019/2/2e/T--Tsinghua--colab_pkulogo.png">
+
                                </div>
</div>
+
                               
<div class="col-2">
+
                            </div>
<img src="https://static.igem.org/mediawiki/2019/4/4a/T--Tsinghua--colab_bitlogo.png">
+
                            <div style="height: 1cm;"></div>
</div>
+
                            <div class="row">
<div class="col-2">
+
                                <div class="col-3"></div>
<img src="https://static.igem.org/mediawiki/2019/5/5b/T--Tsinghua--Colab_sj2.png">
+
                                <div class="col-2">
</div>
+
                                    <a href="https://2019.igem.org/Team:Peking/Collaborations" target="_blank">
<div class="col-3">
+
                                        <img src="https://static.igem.org/mediawiki/2019/2/2e/T--Tsinghua--colab_pkulogo.png">
</div>
+
                                    </a>
</div>
+
                                </div>
</div>
+
                                <div class="col-2">
<div class="row mt-8 fs--1">
+
                                    <a href="https://2019.igem.org/Team:BIT-China/Collaborations" target="_blank">
<div class="col-lg-auto ml-lg-auto order-lg-2 mb-2 mb-lg-0">
+
                                        <img src="https://static.igem.org/mediawiki/2019/4/4a/T--Tsinghua--colab_bitlogo.png">
<a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua">Home</a>
+
                                    </a>
<a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Team">Team</a>
+
                                </div>
<a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Description">Project</a>
+
                                <div class="col-2">
<a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Model">Model</a>
+
                                    <a href="https://2019.igem.org/Team:SJTU-BioX-Shanghai/Collaborations#section4" target="_blank">
<a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Improvement">Parts</a>
+
                                        <img src="https://static.igem.org/mediawiki/2019/5/5b/T--Tsinghua--Colab_sj2.png">
<a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Human_Practices">HP</a>
+
                                    </a>
<a class="d-inline-block mx-2 color-8" href="mailto:igem.thu@outlook.com"><span class="fa fa-envelope"></span> Contact Us</a>
+
                                </div>
<a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Notebook">Next Page <span class="fa fa-chevron-right"></span></a>
+
                                <div class="col-3">
</div>
+
                                </div>
<div class="col-lg text-lg-left">
+
                            </div>
<div class="color-8">&copy; Tsinghua iGEM 2019
+
                        </div>
</div>
+
                        <div class="row mt-8 fs--1">
</div>
+
                            <div class="col-lg-auto ml-lg-auto order-lg-2 mb-2 mb-lg-0">
</div>
+
                                <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua">Home</a>
</div>
+
                                <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Team">Team</a>
<!--/.row-->
+
                                <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Description">Project</a>
+
                                <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Model">Model</a>
<!--/.container-->
+
                                <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Improvement">Parts</a>
</section>
+
                                <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Human_Practices">HP</a>
</main>
+
                                <a class="d-inline-block mx-2 color-8" href="mailto:igem.thu@outlook.com"><span class="fa fa-envelope"></span> Contact Us</a>
<!--  -->
+
                                <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Characterization">Next Page <span class="fa fa-chevron-right"></span></span></a>
<!--    JavaScripts-->
+
                            </div>
<!--    =============================================-->
+
                            <div class="col-lg text-lg-left">
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> -->
+
                                <div class="color-8">&copy; Tsinghua iGEM 2019
<script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/modernizr.min.js&action=raw&ctype=text/javascript"></script>
+
                                </div>
+
                            </div>
<!--<script src="assets/lib/jquery/dist/jquery.min.js"></script> -->  
+
                        </div>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script> -->
+
                    </div>
<!-- <script src="assets/lib/bootstrap/dist/js/bootstrap.min.js"></script> -->
+
                    <!--/.row-->
<!-- <script src="assets/js/googlemap.js"></script> -->  
+
                   
+
                    <!--/.container-->
<!-- <script src="assets/lib/imagesloaded/imagesloaded.pkgd.min.js"></script> -->
+
                </section>
<script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/imagesloaded.pkgd.min.js&action=raw&ctype=text/javascript"></script>
+
            </main>
<!-- <script src="assets/lib/jquery-menu-aim/jquery.menu-aim.js"></script> -->
+
            <!--  -->
<!-- <script src="assets/lib/gsap/src/minified/TweenMax.min.js"></script> -->
+
            <!--    JavaScripts-->
<script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/TweenMax.min.js&action=raw&ctype=text/javascript"></script>
+
            <!--    =============================================-->
+
            <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> -->
<!-- <script src="assets/lib/gsap/src/minified/plugins/ScrollToPlugin.min.js"></script> -->
+
            <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/modernizr.min.js&action=raw&ctype=text/javascript"></script>
<!-- <script src="assets/lib/CustomEase.min.js"></script> -->
+
           
<script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/CustomEase.min.js&action=raw&ctype=text/javascript"></script>
+
            <!-- <script src="assets/lib/jquery/dist/jquery.min.js"></script> -->
+
            <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script> -->
<!-- <script src="assets/js/config.js"></script> -->
+
            <!-- <script src="assets/lib/bootstrap/dist/js/bootstrap.min.js"></script> -->
<script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/config.js&action=raw&ctype=text/javascript"></script>
+
            <!-- <script src="assets/js/googlemap.js"></script> -->
+
           
<!-- <script src="assets/lib/rellax/rellax.min.js"></script> -->
+
            <!-- <script src="assets/lib/imagesloaded/imagesloaded.pkgd.min.js"></script> -->
<script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/rellax.min.js&action=raw&ctype=text/javascript"></script>
+
            <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/imagesloaded.pkgd.min.js&action=raw&ctype=text/javascript"></script>
+
            <!-- <script src="assets/lib/jquery-menu-aim/jquery.menu-aim.js"></script> -->
<!-- <script src="assets/js/zanimation.js"></script> -->
+
            <!-- <script src="assets/lib/gsap/src/minified/TweenMax.min.js"></script> -->
<script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/zanimation.js&action=raw&ctype=text/javascript"></script>
+
            <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/TweenMax.min.js&action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/inertia.js&action=raw&ctype=text/javascript"></script>
+
           
+
            <!-- <script src="assets/lib/gsap/src/minified/plugins/ScrollToPlugin.min.js"></script> -->
<!-- <script src="assets/js/inertia.js"></script> -->
+
            <!-- <script src="assets/lib/CustomEase.min.js"></script> -->
<!-- <script src="assets/lib/lightbox2/dist/js/lightbox.js"></script> -->
+
            <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/CustomEase.min.js&action=raw&ctype=text/javascript"></script>
<!-- <script src="assets/lib/flexslider/jquery.flexslider-min.js"></script> -->
+
           
<script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/jquery.flexslider-min.js&action=raw&ctype=text/javascript"></script>
+
            <!-- <script src="assets/js/config.js"></script> -->
+
            <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/config.js&action=raw&ctype=text/javascript"></script>
<!-- <script src="assets/js/core.js"></script> -->
+
           
<!-- <script src="assets/js/main.js"></script> -->
+
            <!-- <script src="assets/lib/rellax/rellax.min.js"></script> -->
<script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/main.js&action=raw&ctype=text/javascript"></script>
+
            <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/rellax.min.js&action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/core.js&action=raw&ctype=text/javascript"></script>
+
           
<!-- <script src="assets/js/particleanimate.js"></script> -->
+
            <!-- <script src="assets/js/zanimation.js"></script> -->
<!-- <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/particleanimate.js&action=raw&ctype=text/javascript"></script> -->
+
            <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/zanimation.js&action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/remodal.js&action=raw&ctype=text/javascript"></script>
+
            <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/inertia.js&action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/remodal.min.js&action=raw&ctype=text/javascript"></script>
+
           
</body>
+
            <!-- <script src="assets/js/inertia.js"></script> -->
</html>
+
            <!-- <script src="assets/lib/lightbox2/dist/js/lightbox.js"></script> -->
 +
            <!-- <script src="assets/lib/flexslider/jquery.flexslider-min.js"></script> -->
 +
            <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/jquery.flexslider-min.js&action=raw&ctype=text/javascript"></script>
 +
           
 +
            <!-- <script src="assets/js/core.js"></script> -->
 +
            <!-- <script src="assets/js/main.js"></script> -->
 +
            <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/main.js&action=raw&ctype=text/javascript"></script>
 +
            <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/core.js&action=raw&ctype=text/javascript"></script>
 +
            <!-- <script src="assets/js/particleanimate.js"></script> -->
 +
            <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/particleanimate.js&action=raw&ctype=text/javascript"></script>
 +
            <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/remodal.js&action=raw&ctype=text/javascript"></script>
 +
            <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/remodal.min.js&action=raw&ctype=text/javascript"></script>
 +
            <script>
 +
                (function(){
 +
                    let pageHeight = document.body.scrollHeight || document.documentElement.scrollHeight; // 页面总高度
 +
                    let windowHeight = document.documentElement.clientHeight || document.body.clientHeight; // 浏览器视口高度
 +
                    let scrollAvail = pageHeight - windowHeight; // 可滚动的高度
 +
                    console.log('可滚动的高度:', scrollAvail);
 +
                    window.onscroll = function () {
 +
                        let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;  // 获取滚动条的高度
 +
                        console.log('滚动条的高度:', scrollTop);
 +
                        document.querySelector('.progress').style.width = (scrollTop/scrollAvail)*100 + '%';    // 计算占比
 +
                    };
 +
                }());
 +
            </script>
 +
        </body>
 +
        <body>
 +
            <div class="progress"></div>
 +
            <div>
 +
                <div class="box">1</div>
 +
            </div>
 +
        </body>
 +
        </html>

Latest revision as of 02:36, 22 October 2019

iGEM Tsinghua

Parts(Cry2) Improvement

Background

 

In our system, phases are formed by CIB1-GCN(4)-FUS-GFP, while the recruitment of downstream proteins fused with mCherry-CRY2 into the phase is presented via the interaction between mCherry-CRY2 and CIB1-GCN(4)-FUS-GFP when stimulated. Therefore, without stimulation of 488nm laser, we anticipate that mCherry-CRY2 is smear in E.coli. Once stimulated, with strong interaction of CRY2-CIB1, mCherry-CRY2 is pulled into the phase. However, CRY2 homo-oligomerization is also stimulated by light 488nm, observed in our control experiment, which might alter the function of our system.

Design

To solve the problem, we introduce mutations on C terminal of CRY2, charges on which is probably reasonable for its oligomerization. According to theoretical postulation, positive charge on C terminal facilitates oligomerization while negative charge inhibits. Upon knowing that, the arginine on 489 is mutated to glutamate (R489E) and aspartate (R489D), or amino acids from 489 to 498 are completely deleted(Δ489-498), making the mutant C terminal more negative than wild type. Mutants and its principle is shown in Table1. CRY2wt and its mutants are all tagged with mCherry, in order to show the distribution of CRY2 in cells. Meanwhile, charge of N terminal is critical for CRY2-CIB1 interaction. We also change the N terminal charge of CRY2 to weak its interaction with CIB1 and increase light threshold of the system.

Mutants Principle
CRY2(R489E) Change arginine on 489 to glutamate, making charge of C terminal negative.
CRY2(R489D) Change arginine on 489 to aspartate, making charge of C terminal negative.
CRY2(Δ489-498) Delete amino acids from 489-498, making charge of C terminal negative.

Result

 

After observing under confocal, we found the extent of homo-oligomerization of CRY2 (R489E) is the lowest. Figure 1 shows confocal images of CRY2wt and CRY2(R489E).

Figure 1A Confocal image of CRY2wt (Zoom 1), most E.coli form phases. Figure 1B Confocal image of CRY2 (R489E)(Zoom 1), mCherry in E.coli are smear, showing low extent of oligomerization. All samples are induced with 0.05mM IPTG for 2 h at 16 degrees.

Figure 2 shows homo-oligomerization details of CRY2wt and CRY2(R489E).

Figure 2A Confocal image of CRY2wt(Zoom 3), CRY2wt forms 2 phases on both ends of E.coli. Figure 2B Confocal image of CRY2(R489E)(Zoom 3), CRY2(R489E) is almost smear in E.coli. Although in some cells phase is formed, the phase is much more smaller and darker than the phase formed by CRY2wt. All samples are induced with 0.05mM IPTG for 2 h at 16℃.

We carried out statistical analysis after acquiring merge images (mCherry channel and TD). Three kinds of objects are count in our observation: bacteria with phase separation, bacteria without phase separation, bacteria whose state was unclear (probably because of low expression level for unknown reason or too young to accumulate enough proteins). The examples of captured pictures were given in Figure 3. Then, the total number of bacteria was added up. Finally, we used the ratio of group “phase” to sum to indicate the ability of CRY2 oligomerization under the same condition. The distributions of the data are showed in Figure 4.

Figure 3A example of E.coli with phase separation. Figure 3B example of E.coli without phase separation. Figure 3C example of unclear situation E.coli.

Figure 4 Ratio of E.coli with separation to total number of E.coli

We utilized statistical analysis to assess if the ratio of “phase” showed significant difference between CRY2wt and CRY2(R489E). Student's T test showed that there is a significant difference, as the p-value equals , much less than 0.05.

Significance

In our project, the core objection is to construct a Phase-separation controlled Downstream enzymatic reaction system, so maximizing the impact caused by the different manipulation is necessary to ensure the high efficiency of the system. The smear distribution inhibits the chance of the contact between enzyme and substrate, compared to aggregated distribution in the phase. As a result, the higher possibility of that smear distribution in the bacteria appear, the lower rate will the overall enzymatic reaction be in the macrograph.

As interaction between mCherry-CRY2 and CIB1-GCN(4)-FUS-GFP is the key of phase formation leading to downstream proteins recruitment, excluding any other influence factors that impedes this hetero-oligomerization should be inhibited. Since CRY2 homo-oligomerization decreases the chance for CRY2 to interact with CIB1 presented in the phase, our improvement is valid.

Further improvement

To promote the efficiency of the system, excluding any other influence factors or regulating hetero-oligomerization are both available ways. One of the most instinctive attempts is to regulate the hetero-oligomerization by mutating the interaction site. The CIB1-binding site of CRY2 locates on the N-terminal of the peptide, ordered as MKMDKKTIV…… Obviously, several acid or basic residues consecutively presents, which contribute to the interaction between CIB1 an CRY2. Further mutation can be exerted to these sites.

Future Application

As widely used parts in light-controlled system, CRY2 and CIB1 are in the need of improvement. Our improvement eliminates an impede against the smooth manipulation to light-control systems, thus is potentially valuable in various scientific researches and bioengineering. For instance, it can be used to research on pathways, protein functions, or even testing new Phase Separation Components.

References

Duan, L., et al., Understanding CRY2 interactions for optical control of intracellular signaling. Nat Commun, 2017. 8(1): p. 547.

Thanks for your support !

1