Difference between revisions of "Team:Tsinghua/Description"

 
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/9/95/T--Tsinghua--subpage1_project.jpg);"> </div>
 
<div class="background-holder overlay overlay-2 parallax" style="background-image:url(https://static.igem.org/mediawiki/2019/9/95/T--Tsinghua--subpage1_project.jpg);"> </div>
Line 240: Line 245:
 
<!--/.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/Experiments">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:13, 22 October 2019

iGEM Tsinghua

Project Inspiration and Description

Our group developed a system named PhASE, or Photo-Activated Switch in E.coli as an approach to manipulating cellular activities. Our system is based on liquid-liquid phase separation (LLPS) and the light-induced protein-protein interaction (PPI) pairs, through which we can redistribute biomolecules into artificially-induced subcellular liquid-phase micro-compartments in a spatio-temporal and reversible manner, and thus regulate enzymatic catalysis and induce cell heterogeneity.

When we were going through the previous iGEM projects trying to devise our own, we noticed that almost all the previous projects focused on engineering at molecular scale, namely nanoscale, where gene expression circuits and signal transduction pathways were modified and regulated. In this way tissues and individuals at macro scale could be adjusted. However, there were rarely any projects targeting engineering at mesoscale, or subcellular scale, a scale that includes different kinds of organelles such as mitochondria and lysosomes. Few such projects as there were, mesoscale engineering is too important to be ignored because of the importance of these organelles to compartmentalize the intracellular environment, make it well-organized, and maximize the overall efficiency of cellular activities. We immediately agreed that it would be truly awesome if we could engineer at mesoscale to manipulate cellular activities and would probably provide a novel approach to previous iGEM obstacles, and even to solutions of ever unsolved synthetic biological problems.

We decided to try this idea in E. coli first for two reasons. Firstly, E. coli is such a simple model organism that it would be easier to engineer than eukaryotic cell. Besides, the fact that E. coli has no mesoscale organelles could make it more obvious to test the effect of mesoscale engineering. Thinking about a specific plan for such engineering, we were inspired by the polymer physical conception of LLPS that has been extensively studied in biological researches in the past ten years, especially by Clifford P. Brangwynne’s work on the development of technologies for light-activated control of intracellular phase transitions. Phase separation condensate was found to be a great platform of mesoscale engineering and optical induction was a great tool for spatio-temporal and reversible regulation. This is how the idea of PhASE was conceived.

We saw a broad application prospect of PhASE, among which we finally selected two that matter the most to cells to put into practice: the control of cellular reaction efficiency and induction of cell heterogeneity. The enzymatic reaction is the main way cells perform their functions and compartmentalization makes it possible for numerous reactions to be carried out simultaneously. Cell heterogeneity is the key to cell differentiation and biological development, as well as a critical step taken by unicellular organisms towards multicellular organisms in evolution. With these two crucial biological processes successfully engineered at mesoscale in E. Coli, we anticipate our work to be a novel approach to cellular activity modification in E.coli and a starting point for more sophisticated cellular manipulation in a wealth of organisms.

References:

Li, P., Banjade, S., Cheng, H. C., Kim, S., Chen, B., Guo, L., ... & Russo, P. S. (2012). Phase transitions in the assembly of multivalent signalling proteins. Nature, 483(7389), 336.

Shin, Y., Berry, J., Pannucci, N., Haataja, M. P., Toettcher, J. E., & Brangwynne, C. P. (2017). Spatiotemporal control of intracellular phase transitions using light-activated optoDroplets. Cell, 168(1-2), 159-171.

Shin, Y., Chang, Y. C., Lee, D. S., Berry, J., Sanders, D. W., Ronceray, P., ... & Brangwynne, C. P. (2018). Liquid nuclear condensates mechanically sense and restructure the genome. Cell, 175(6), 1481-1491.

Thanks for your support !

1