Difference between revisions of "Team:Tianjin"

 
(38 intermediate revisions by 6 users not shown)
Line 1: Line 1:
 
{{Tianjin}}
 
{{Tianjin}}
 +
<!DOCTYPE html>
 
<html>
 
<html>
<meta charset="utf-8">
+
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
+
<!--loading-->
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0;" name="viewport">
+
<style type="text/css">
 +
    body{margin: 0px;}
 +
    .loading{
 +
        width:100%;height:100%;z-index:99999999;position:fixed;text-align:center;margin-top:-24px;
 +
        background-color: #79acdd;background: url(https://static.igem.org/mediawiki/2018/0/0e/T--Tianjin--loading.gif);
 +
    }
 +
    </style>
 +
 
 +
    <div class="loading">
 +
    </div>
 +
    <script type="text/javascript">
 +
        $(document).ready(function(){
 +
          setTimeout(function(){
 +
            $(".loading").remove();
 +
        },0);
 +
 
 +
    })
 +
    </script>
 +
 
 +
<script src="https://2018.igem.org/Team:Tianjin/js/jquery?action=raw&ctype=text/javascript"></script>
 +
        <meta charset="utf-8">
 +
        <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
 +
        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0;" name="viewport">
 +
        <meta name="renderer" content="webkit">
 +
        <meta name="author" content="773715181 Jiaxiao Han">
 +
        <meta content="2018iGEM Team:Tianjin Kai System to control biological clock" name="description">
 +
        <meta content="Team:Tianjin,iGEM:Tianjin,iGEM,2018iGEM" name="keywords">
 +
        <meta content="biological clock,clock,Kai,Kai A,Kai B,KaiC" name="keywords">
 
<title>Team:Tianjin - 2018.igem.org</title>
 
<title>Team:Tianjin - 2018.igem.org</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
+
        <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Tianjin/css/bootstrap?action=raw&ctype=text/css">
<script src="https://2016.igem.org/wiki/index.php?title=Team:Tianjin/js/material/jquery&action=raw&ctype=text/javascript"></script>
+
        <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Tianjin/css/base?action=raw&ctype=text/css">
<script src="https://2017.igem.org/Team:Tianjin/Resources/JS:leftbarbootstrap?action=raw&ctype=text/javascript"></script>
+
        <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Tianjin/css/font-awesome?action=raw&ctype=text/css">
 +
        <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Tianjin/css/text?action=raw&ctype=text/css">
 +
        <script src="https://2018.igem.org/Team:Tianjin/js/bootstrap?action=raw&ctype=text/javascript"></script>
 +
        <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Tianjin/css/timeline?action=raw&ctype=text/css">
 
<!-- delete.css  -->
 
<!-- delete.css  -->
 
<style>
 
<style>
 
#globalWrapper,#content{background-color:transparent;border:0;border-bottom:0;float:none;margin:0;padding:0;width:100%;list-style-image:none}#top_title{margin:0}#HQ_page th{background-color:transparent;padding:0;color:black;border:0;border-collapse:collapse;vertical-align:text-top;text-transform:uppercase;text-align:center}#HQ_page td{padding:0;border:0;vertical-align:text-top;text-align:center;line-height:35px}#HQ_page .jumbotron p{text-align:center;margin-bottom:15px;font-weight:200}#HQ_page p{text-align:center}body{margin-bottom:-10px}#top_title,#sideMenu{display:none}a:hover{text-decoration:none}.mw-content-ltr ul{padding-top:0;padding-right:0;margin:auto}body{margin-top:0}#wrapper{padding-left:0}#page-wrapper{width:100%;padding:0}.intro{background-size:cover;width:100%;position:relative}.huge{font-size:50px;line-height:normal}
 
#globalWrapper,#content{background-color:transparent;border:0;border-bottom:0;float:none;margin:0;padding:0;width:100%;list-style-image:none}#top_title{margin:0}#HQ_page th{background-color:transparent;padding:0;color:black;border:0;border-collapse:collapse;vertical-align:text-top;text-transform:uppercase;text-align:center}#HQ_page td{padding:0;border:0;vertical-align:text-top;text-align:center;line-height:35px}#HQ_page .jumbotron p{text-align:center;margin-bottom:15px;font-weight:200}#HQ_page p{text-align:center}body{margin-bottom:-10px}#top_title,#sideMenu{display:none}a:hover{text-decoration:none}.mw-content-ltr ul{padding-top:0;padding-right:0;margin:auto}body{margin-top:0}#wrapper{padding-left:0}#page-wrapper{width:100%;padding:0}.intro{background-size:cover;width:100%;position:relative}.huge{font-size:50px;line-height:normal}
 
</style>
 
</style>
 
<!-- base.css -->
 
<style>
 
body{background-color:#f7f5e6}.navbar-default{background-color:white;border:solid transparent;padding-top:16px}.navbar-nav>li{margin-right:5px;margin-left:5px}.navbar-brand{height:auto!important;padding:0!important;line-height:25px!important;*/}.navbar-toggle{margin-top:25px!important;border-color:rgba(1,1,1,0)!important}.navbar-toggle:hover,.navbar-toggle:focus{background-color:rgba(1,1,1,0)!important}.navbar-default .navbar-nav>.open>a{background-color:white!important;color:green!important}.dropdown-menu>li>a{background-color:white!important}.dropdown-menu>li>a:hover{background-color:white!important;color:green!important}.open{opacity:1!important;z-index:1998;background-color:white}#footer h4{color:white;font-size:25px!important;padding-top:10px;padding-bottom:10px}#footer p{color:grey;padding-top:10px;padding-bottom:10px}.footer-part{padding-bottom:15px;padding-top:15px}#footer a{color:grey;padding-bottom:10px!important;padding-top:10px!important}#footer a:hover,#footer a:focus{color:white;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}#footer{margin-top:200px}
 
</style>
 
 
<!--  home1-0.css  -->
 
 
<style>
 
#MainPic{position:relative;z-index:0;background-size:contain;background-repeat:no-repeat}#bannercontent{height:75%;box-sizing:border-box;margin:auto}#bannercontent img{background-size:cover;width:100%;height:auto}.mask{margin-top:20px;margin-bottom:20px;margin-left:auto;margin-right:auto}.mask img{width:200px;height:200px;cursor:pointer;transition:all .6s}.mask img:hover{transform:scale(1.1)}.texta{position:fixed;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:10000}.textChange{position:absolute;margin:auto;top:10%;bottom:10%;left:0;right:0;background:#FFF;border-radius:.4rem .4rem .4rem .4rem;text-align:center;box-shadow:0 0 20px rgba(0,0,0,0.2)}.textChange img{width:200px;height:200px;margin-top:20px;margin-bottom:20px}.textforchange{padding-bottom:50px;margin-left:auto;padding-top:50px;margin-right:auto;width:300px;border:1px solid rgba(0,0,0,0.5);box-shadow:2px 2px 3px #aaa}.textAnimation{-webkit-animation-name:textscale;-webkit-animation-duration:.5s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-webkit-animation-iteration-count:1}@keyframes textscale{0%{transform:scale(0,0)}50%{transform:scale(1.2,1.2)}100%{transform:scale(1,1)}}.vi{visibility:visible!important;display:block!important;width:20px;height:20px;top:0;position:absolute;right:0;background-repeat:no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-image:url(https://static.igem.org/mediawiki/2018/3/31/T--Tianjin--close.jpg)}
 
</style>
 
 
<!--  text.css  -->
 
<style>
 
.titleBox{padding-top:200px}.textCon{padding-left:100px;padding-right:100px}.title{text-align:center;font-weight:400;font-family:'Quicksand',sans-serif;text-align:center;border-bottom:0}.title-big{font-size:3em}.title-normal{font-size:2em;margin-bottom:25px;color:#5265f0}.title-small{font-size:1.8em;color:#222;font-family:'Mysteries of Passion Personal Use',sans-serif}.partition{padding-top:130px}.text{margin-top:25px;margin-bottom:50px;font-weight:400!important;font-size:18px!important;line-height:1.5}.picture{margin-top:25px}.navbar-collapse{font-family:'Rounded Rough',sans-serif!important;font-size:20px!important}
 
</style>
 
 
<!-- load.css  -->
 
#loading{width:100%;height:100%;z-index:999999;position:fixed;text-align:center;}.loadingClock{width:150px;height:150px;position:relative;background:url(https://static.igem.org/mediawiki/2018/5/5a/T--Tianjin--backClock.png);top:50%;left:50%;margin-left:-75px;margin-top:-75px;background-size:100% 100%;-moz-background-size:100% 100%;z-index:999999;}.loadh,.loadm,.loads{width:100%;height:100%;position:absolute;}.loadh{transform:rotate(-60deg);animation:loadh 4.8s linear infinite;}.loadm{transform:rotate(60deg);animation:loadm 0.8s linear infinite;}.loads{transform:rotate(120deg);animation:loads 0.16s linear infinite;}.loadingPoint{position:relative;width:50%;margin:auto;}.loadingPoint span{display:block;width:9px;height:5px;position:absolute;animation:loadingPoint 1.5s infinite ease-in-out;}.loadingPoint span:nth-child(1){left:47%;}.loadingPoint span:nth-child(2){left:50%;animation-delay:.2s;}.loadingPoint span:nth-child(3){left:53%;animation-delay:.4s}@keyframes loadh{from{transform:rotate(-60deg);}to{transform:rotate(300deg);}}@keyframes loadm{from{transform:rotate(60deg);}to{transform:rotate(420deg);}}@keyframes loads{from{transform:rotate(120deg);}to{transform:rotate(480deg);}}@keyframes loadingPoint{0%{transform:translateY(0px);}25%{transform:translateY(15px);}50%{transform:translateY(0px);}100%{transform:translateY(0px);}}.handh{width:0px;height:0px;position:relative;margin-left:auto;margin-right:auto;border-style:solid;border-color:transparent transparent white transparent;}.handm{width:0px;height:0px;position:relative;margin-left:auto;margin-right:auto;top:0;border-style:solid;border-color:transparent transparent white transparent;}.hands{width:0px;height:0px;position:relative;margin-left:auto;margin-right:auto;border-style:solid;border-color:transparent transparent white transparent;}.loadingP{color:white;position:relative;top:70%;font-size:40px;z-index:999999;}.loadingMask{width:50%;position:fixed;top:0px;height:100%;background:black;}.moveLeft{animation:moveLeft 1s ease-in;}.moveRight{animation:moveRight 1s ease-in;}@keyframes moveLeft{0%{transform:translateX(0);}100%{transform:translateX(-100%);}}@keyframes moveRight{0%{transform:translateX(0);}100%{transform:translateX(100%);}}
 
  
 
<style>
 
<style>
Line 36: Line 48:
 
.igem_2018_team_menu{display:none !important;}
 
.igem_2018_team_menu{display:none !important;}
 
</style>
 
</style>
<script src="https://use.fontawesome.com/597ba5ca72.js"></script>
+
 
 
<script>
 
<script>
/*$('#top_title').remove();$("#globalWrapper").removeAttr("id");$("#content").removeAttr("id");$("#HQ_page").removeAttr("id");$('.mw-body').removeClass('mw-body');$('.igem_2018_team_mobile_bar').remove();
+
$('#top_title').remove();$("#globalWrapper").removeAttr("id");$("#content").removeAttr("id");$("#HQ_page").removeAttr("id");$('.mw-body').removeClass('mw-body');$('.igem_2018_team_mobile_bar').remove();
 
$('#bodyContent').removeAttr("id");
 
$('#bodyContent').removeAttr("id");
 
$('#mw-content-text').removeAttr("id");
 
$('#mw-content-text').removeAttr("id");
Line 45: Line 57:
 
$('.igem_2018_team_content').removeAttr("class");
 
$('.igem_2018_team_content').removeAttr("class");
 
$('.igem_2018_team_column_wrapper').removeAttr("class");
 
$('.igem_2018_team_column_wrapper').removeAttr("class");
$('.igem_2018_team_menu').remove();*/
+
$('.igem_2018_team_menu').remove();
 
</script>
 
</script>
<script type="text/javascript">$(document).ready(function({$('.loadingLeft').addClass("moveLeft");$('.loadingRight').addClass("moveRight");setTimeout(function(){ $('#loading').remove();},1000);})</script>
 
 
</head>
 
</head>
 
<body>
 
<body>
     <nav class="navbar navbar-default navbar-fixed-top" role="navigation" style="box-shadow: grey 0em -0.7em 2.1em 0.1em;padding-top:16px;">
+
     <nav class="navbar navbar-default navbar-fixed-top" role="navigation" style="background-color:#79acdd;margin-top:14px;">
 
     <div class="container-fluid">
 
     <div class="container-fluid">
 
         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-main-collapse">
 
         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-main-collapse">
Line 56: Line 67:
 
         </button>
 
         </button>
 
     <div class="navbar-header">
 
     <div class="navbar-header">
         <a class="navbar-brand" href="https://2018.igem.org/Team:Tianjin">
+
         <div class="navbar-brand" href="https://2018.igem.org/Team:Tianjin">
             <img class="img-responsive" style="float: left;" src="https://static.igem.org/mediawiki/2018/4/45/T--Tianjin--logo.png" height="80" width="80">
+
             <a href="https://2018.igem.org/Team:Tianjin">
            <div class="navbar-header" style="float:right;padding-top: 25px;margin-right: 5px;">
+
            <div class="circle" style="background-image:url(https://static.igem.org/mediawiki/2018/4/45/T--Tianjin--logo.png);left: 50px;">
        <span style="color: black; font-size: 30px;font-weight: 550;padding-left: 20px;font-family: Cyborg,sans-serif !important"> iGEM</span><br>
+
            </div>
        <span style="color: black; font-size: 15px;font-weight: 600;">Tianjin University</span>
+
            </a>
    </div>
+
         </div>
         </a>
+
 
     </div>
 
     </div>
 
         <div class="navbar-collapse navbar-right navbar-main-collapse collapse">
 
         <div class="navbar-collapse navbar-right navbar-main-collapse collapse">
         <ul class="nav navbar-nav navbar-right" style="margin-top: 15px;">
+
         <ul class="nav navbar-nav navbar-right" style="margin: 15px;">
 
             <li class="dropdown">
 
             <li class="dropdown">
 
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                     Project
+
                     PROJECT
 
                     <b class="caret"></b>
 
                     <b class="caret"></b>
 
                 </a>
 
                 </a>
                 <ul class="dropdown-menu">
+
                 <ul class="dropdown-menu" style="left: -14px;">
                     <li><a href="https://2018.igem.org/Team:Tianjin/Description">Background</a></li>
+
                     <li><a href="https://2018.igem.org/Team:Tianjin/Description">BACKGROUND</a></li>
                     <li><a href="#">Design</a></li>
+
                     <li><a href="https://2018.igem.org/Team:Tianjin/Design">DESIGN</a></li>
                     <li><a href="#">Perspective</a></li>
+
                     <li><a href="https://2018.igem.org/Team:Tianjin/Experiments">EXPERIMENTS</a></li>
 +
                    <li><a href="https://2018.igem.org/Team:Tianjin/Notebook">NOTEBOOK</a></li>
 +
                    <li><a href="https://2018.igem.org/Team:Tianjin/Model">MODEL</a></li>
 +
                    <li><a href="https://2018.igem.org/Team:Tianjin/Measurement">MEASUREMENT</a></li>
 +
                    <li><a href="https://2018.igem.org/Team:Tianjin/Demonstrate">DEMONSTRATE</a></li>
 
                 </ul>
 
                 </ul>
            </li>
 
            <li>
 
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 
                    Experiment             
 
                </a>
 
 
             </li>
 
             </li>
 
             <li class="dropdown">
 
             <li class="dropdown">
 
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                     Modeling
+
                     PARTS
 
                     <b class="caret"></b>
 
                     <b class="caret"></b>
 
                 </a>
 
                 </a>
                 <ul class="dropdown-menu">
+
                 <ul class="dropdown-menu" style="left: -26px;">
                     <li><a href="#">Overview</a></li>
+
                     <li><a href="https://2018.igem.org/Team:Tianjin/Parts">PARTS OVERVIEW</a></li>
                     <li><a href="#">Model | One</a></li>
+
                     <li><a href="https://2018.igem.org/Team:Tianjin/Basic_Part">BASIC PARTS</a></li>
                     <li><a href="#">Model | Two</a></li>
+
                     <li><a href="https://2018.igem.org/Team:Tianjin/Composite_Part">COMPOSITE PARTS</a></li>
                     <li><a href="#">Integration</a></li>
+
                     <li><a href="https://2018.igem.org/Team:Tianjin/Part_Collection">PART COLLECTION</a></li>
 +
                    <li><a href="https://2018.igem.org/Team:Tianjin/Improve">IMPROVED PART</a></li>
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
             <li class="dropdown">
+
             <li>
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+
                 <a href="https://2018.igem.org/Team:Tianjin/Safety">
                     Human Practice
+
                     SAFETY             
                    <b class="caret"></b>
+
 
                 </a>
 
                 </a>
                <ul class="dropdown-menu">
 
                    <li><a href="#">Outreach</a></li>
 
                    <li><a href="#">Consultation</a></li>
 
                    <li><a href="#">Public Invesitigation</a></li>
 
                    <li><a href="#">Colaboration</a></li>
 
                </ul>
 
 
             </li>
 
             </li>
 
             <li class="dropdown">
 
             <li class="dropdown">
 
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                     Safety
+
                     HUMAN PRACTICES
 
                     <b class="caret"></b>
 
                     <b class="caret"></b>
 
                 </a>
 
                 </a>
 
                 <ul class="dropdown-menu">
 
                 <ul class="dropdown-menu">
                     <li><a href="#">Biosafety</a></li>
+
                     <li><a href="https://2018.igem.org/Team:Tianjin/Human_Practices">INTEGRATED</a></li>
                     <li><a href="#">Labsafety</a></li>
+
                     <li><a href="https://2018.igem.org/Team:Tianjin/Collaborations">COLLABORATION</a></li>
 +
                    <li><a href="https://2018.igem.org/Team:Tianjin/Public_Engagement">PUBLIC ENGAGEMENT</a></li>
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
 
             <li class="dropdown">
 
             <li class="dropdown">
 
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                     About US
+
                     TEAM
 
                     <b class="caret"></b>
 
                     <b class="caret"></b>
 
                 </a>
 
                 </a>
                 <ul class="dropdown-menu">
+
                 <ul class="dropdown-menu" style="left: -29px;">
                     <li><a href="#">Members</a></li>
+
                     <li><a href="https://2018.igem.org/Team:Tianjin/Team">MEMBERS</a></li>
                     <li><a href="#">Labs</a></li>
+
                     <li><a href="https://2018.igem.org/Team:Tianjin/Attributions">ATTRIBUTIONS</a></li>
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
             <li class="dropdown">
+
             <li>
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+
                 <a href="https://2018.igem.org/Team:Tianjin/Judging">
                     Attribution
+
                     FOR JUDGES             
                    <b class="caret"></b>
+
 
                 </a>
 
                 </a>
                <ul class="dropdown-menu">
 
                    <li><a href="#">Teamwork</a></li>
 
                    <li><a href="#">Project Support</a></li>
 
                </ul>
 
 
             </li>
 
             </li>
 
         </ul>
 
         </ul>
 
     </div>
 
     </div>
 
    <script type="text/javascript">
 
    $(document).ready(function(){dropdownOpen();navhide()});function dropdownOpen(){var $dropdownLi=$("li.dropdown");$dropdownLi.mouseover(function(){$(this).addClass("open")}).mouseout(function(){$(this).removeClass("open")})}function navhide(){var $navhideul=$("li.dropdown");var $navul=$("nav.navbar");$navhideul.mouseover(function(){$navul.css({"height":"100%","opacity":"0.87"})}).mouseout(function(){$navul.css({"height":"","opacity":"1"})})};
 
    </script>
 
 
 
 
     </div>
 
     </div>
 
     </nav>
 
     </nav>
 +
    <script type="text/javascript" src="https://2018.igem.org/Team:Tianjin/js/navigation?action=raw&ctype=text/javascript"></script>
 +
 +
    <div id="fill" style="width: 100%;margin-top:-16px;"></div>
  
<div id="MainPic">
+
    <div id="MainPic">
 
     <div id="bannercontent">
 
     <div id="bannercontent">
 
             <div id="BgChange">
 
             <div id="BgChange">
                 <img src="https://static.igem.org/mediawiki/2018/b/ba/T--Tianjin--2.jpg">
+
                 <img src="https://static.igem.org/mediawiki/2018/3/35/T--Tianjin--Day.jpg" alt="https://static.igem.org/mediawiki/2018/8/8f/T--Tianjin--Night.jpg" style="width: 100%;">
 
             </div>
 
             </div>
    </div>
+
             <div class="bulbBox">
    </div>
+
                 <div id="change" class="bulb">
 
+
                      
    <div class="texta text1 closeMask" style="visibility: hidden;
+
    display: none;">
+
        <div class="textChange container">
+
             <div class="row">
+
                 <img src="https://static.igem.org/mediawiki/2018/a/ac/T--Tianjin--project.jpg" class="img-circle center-block img-thumbnail">
+
                <div class="textforchange">
+
                     <p>
+
                        project<br>
+
                        输入文本内容1<br>
+
                        输入文本内容<br>
+
                        输入文本内容<br>
+
                        输入文本内容<br>
+
                    </p>
+
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
     <div class="texta text2 closeMask" style="visibility: hidden;
+
     <div class="timeline">
    display: none;">
+
         <div class="toolate">
         <div class="textChange container">
+
             <div class="timeline-text fo">
             <div class="row">
+
                 <p>
                <img src="https://static.igem.org/mediawiki/2018/9/9f/T--Tianjin--part.jpg" class="img-circle center-block img-thumbnail">
+
                     Circadian rhythm control over biological processes is pervasive among multicellular eukaryotes and cyanobacteria, suggesting a common evolved network motif and a strong evolutionary advantage for anticipating regular fluctuations in the environment.<br> To uncover the mysteries of the biological evolution of the circadian rhythm system, our project combines non-circadian single-cell eukaryotic <em>Saccharomyces cerevisiae</em> with the circadian clock of autotrophic circadian cyanobacteria. According to the concept of “understanding by creating (creating is understanding)” in synthetic biology, a new biological clock system has been established in <em>Saccharomyces cerevisiae</em>, which has inspired a series of follow-up studies and novel applications of our project.
                 <div class="textforchange">
+
                 </p>
                     <p>
+
                        输入文本内容2<br>
+
                        简介一下parts<br>
+
                        输入文本内容<br>
+
                        输入文本内容<br>
+
                    </p>
+
                 </div>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
    </div>
+
    <span class="timeline-bar timeline-center">
    <div class="texta text3 closeMask" style="visibility: hidden;
+
    <span class="timeline-bar-fill">
    display: none;">
+
   
        <div class="textChange container">
+
    </span>
            <div class="row">
+
    </span>
                <img src="https://static.igem.org/mediawiki/2018/0/06/T--Tianjin--safety.jpg" class="img-circle center-block img-thumbnail">
+
    <div class="timeline-states">
                <div class="textforchange">
+
    <div class="timeline-state">
 +
    <div class="timeline-content">
 +
    <div class="timeline-title right">Project</div>
 +
    <div class="timeline-text">
 
                     <p>
 
                     <p>
                         输入文本内容3<br>
+
                         We successfully reconstructed the KaiABC circadian clock in Saccharomyces cerevisiae, predicting by modeling, regulating by expression control and characterizing its oscillation by yeast two-hybrid system. A bold attempt is made to explore how the oscillator can impact chromatin structure in yeast. These results demonstrate that the heterologous circadian oscillator is transplantable for metabolic pathway study as well as wide-ranging applications.
                        简介一下model<br>
+
                        输入文本内容<br>
+
                        输入文本内容<br>
+
 
                     </p>
 
                     </p>
                </div>
+
                    </div>
            </div>
+
    </div>
        </div>
+
    <div class="timeline-content">
    </div>
+
                    <div class="timeline-title left">Safety</div>
    <div class="texta text4 closeMask" style="visibility: hidden;
+
                    <div class="timeline-text">
    display: none;">
+
        <div class="textChange container">
+
            <div class="row">
+
                <img src="https://static.igem.org/mediawiki/2018/3/36/T--Tianjin--HP.jpg" class="img-circle center-block img-thumbnail">
+
                <div class="textforchange">
+
 
                     <p>
 
                     <p>
                        输入文本内容4<br>
+
                      Although the project barely involves genetic pollution or the use of toxic reagents, our instructor still attaches great importance to the lab safety during the experiment. Before entering the lab, every operator must accept comprehensive training and have a deep understanding of equipment and reagents. All wastes are divided and gathered into special bottles, later get handled by professionals in a unified manner.
                        简介HP<br>
+
                        输入文本内容<br>
+
                        输入文本内容<br>
+
 
                     </p>
 
                     </p>
 +
                    </div>
 
                 </div>
 
                 </div>
            </div>
+
    <div class="timeline-icon timeline-center"></div>
        </div>
+
                <div class="timeline-icon timeline-center"></div>
    </div>
+
    </div>
    <div class="texta text5 closeMask" style="visibility: hidden;
+
    <div class="timeline-state">
    display: none;">
+
    <div class="timeline-content">
        <div class="textChange container">
+
    <div class="timeline-title right">Human Practice</div>
            <div class="row">
+
    <div class="timeline-text">
                <img src="http://211.81.63.130/cache/11/04/2018.igem.org/5eea9c447b4253a0e3c163a6644ceaef/T--Tianjin--award.jpg" class="img-circle center-block img-thumbnail">
+
                <div class="textforchange">
+
 
                     <p>
 
                     <p>
                        输入文本内容5<br>
+
                      We made a survey about the circadian clock to investigate the potential impact to society and conducted follow-up market research on possible application. Furthermore, we were devoted to spreading iGEM idea to every age group. We made a picture book and performed a TV show for children, invited teenagers and parents to our lab and displayed biology to hundreds of tourists on the Begonia Festival. Synthetic biology can be a popular science by our actual action.
                        award<br>
+
                        输入文本内容<br>
+
                        输入文本内容<br>
+
                        输入文本内容<br>
+
 
                     </p>
 
                     </p>
 +
                    </div>
 +
    </div>
 +
    <div class="timeline-content">
 +
                    <div class="timeline-title left">Team</div>
 +
                    <div class="timeline-text">
 +
                    <p>
 +
                        Twelve years have passed since Professor Yingjin Yuan worked with MIT and successfully promoted the iGEM in Asia. iGEM has been all the rage in Tianjin University. This year, a group of dynastic teenagers have gone through a series of tough tests and eventually set up a united family. The wonderful summer will be kept in everyone’s mind. Thanks for everyone who once reached out to us.
 +
                    </p>
 +
                    </div>
 
                 </div>
 
                 </div>
            </div>
+
    <div class="timeline-icon timeline-center"></div>
        </div>
+
                <div class="timeline-icon timeline-center"></div>
    </div>
+
    </div>
    <div class="texta text6 closeMask" style="visibility: hidden;
+
    <div class="timeline-state">
    display: none;">
+
    <div class="timeline-content">
        <div class="textChange container">
+
    <div class="timeline-title right">Parts</div>
            <div class="row">
+
    <div class="timeline-text">
                <img src="https://static.igem.org/mediawiki/2018/b/b6/T--Tianjin--judging.png" class="img-circle center-block img-thumbnail">
+
                <div class="textforchange">
+
 
                     <p>
 
                     <p>
                         输入文本内容6<br>
+
                         We attach great importance to the construction and appliance of BioBrick Part. We submitted a variety of parts centering on core KaiABC oscillator, from single genes to cassettes with fusion proteins in yeast two-hybrid system. Effective cassettes about reporter genes and downstream application were also constructed and submitted. Besides, we redesign previous Nanoluc to serve our project better.
                        judge<br>
+
                        输入文本内容<br>
+
                        输入文本内容<br>
+
                        输入文本内容<br>
+
 
                     </p>
 
                     </p>
 +
                    </div>
 +
    </div>
 +
    <div class="timeline-content">
 +
                    <div class="timeline-title left">Model</div>
 +
                    <div class="timeline-text">
 +
                    <p>
 +
                        The models include four parts. First, we established a fluorescent protein model using grayscale analysis to screen out the most suitable fluorescent proteins. Then, we drew the growth curve of yeasts and it fitted logistic model. It described the growth situation of the yeasts after plasmid introduction and it also offers the best measuring point and the best measuring interval. What’s more, we drew the degradation curve of the fluorescent protein, which helped us know different characteristics of the two chosen fluorescent proteins better. Finally, we constructed a model to illustrate the oscillation of KaiA, KaiB and KaiC protein called Mars Model, it also explained nicely the reason why the cycle reduced in yeasts.                    </p>
 +
                    </div>
 
                 </div>
 
                 </div>
            </div>
+
    <div class="timeline-icon timeline-center"></div>
        </div>
+
                <div class="timeline-icon timeline-center"></div>
 +
    </div>
 +
   
 +
    </div>
 
     </div>
 
     </div>
  
 +
    <script type="text/javascript" src="https://2018.igem.org/Team:Tianjin/js/timeline?action=raw&ctype=text/javascript"></script>
  
     <div class="container">
+
     <!--<div style="text-align:center;color:#000;font-size:50px;margin-top: 200px;">
    <div class="row">
+
         <p>Click</p>
         <div class="col-xs-5">
+
        <a style="color:darkorange" href="#" id="change">me</a>
            <div class="mask" class="maskPic1">
+
        <p>to change</p>
                <a href="javascript:0;" class="maska mask1">
+
        <p style="font-size:70px;color:papayawhip">TIME</p>
                <img src="https://static.igem.org/mediawiki/2018/a/ac/T--Tianjin--project.jpg" class="img-circle center-block">
+
    </div>
                </a>
+
 
            </div>
+
    <div class="clock" id="clo">
            <div class="mask" class="maskPic2">
+
        <div class="h" style="transform: rotate(634.233deg);">
                <a href="javascript:0;" class="maska mask2">
+
            <div style=" width: 0px; height: 0px; position: relative; margin-left: auto; margin-right: auto; top: 33.3px; border-width: 0px 3px 66.7px 3px; border-style: solid; border-color: transparent transparent    white transparent; ">
                <img src="https://static.igem.org/mediawiki/2018/9/9f/T--Tianjin--part.jpg" class="img-circle center-block">
+
                </a>
+
            </div>
+
            <div class="mask" class="maskPic3">
+
                <a href="javascript:0;" class="maska mask3">
+
                <img src="https://static.igem.org/mediawiki/2018/0/06/T--Tianjin--safety.jpg" class="img-circle center-block">
+
                </a>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
         <div class="col-xs-2">
+
         <div class="m" style="transform: rotate(50.8deg);">
            <img src="">
+
             <div style=" width: 0px; height: 0px; position: relative; margin-left: auto; margin-right: auto; top: 0; border-width: 0px 2px 100px 2px; border-style: solid; border-color: transparent transparent white    transparent; ">
        </div>
+
        <div class="col-xs-5" class="maskPic1">
+
             <div class="mask" class="maskPic4">
+
                <a href="javascript:0;" class="maska mask4">
+
                <img src="https://static.igem.org/mediawiki/2018/3/36/T--Tianjin--HP.jpg" class="img-circle center-block">
+
                </a>
+
            </div>
+
            <div class="mask" class="maskPic5">
+
                <a href="javascript:0;" class="maska mask5">
+
                <img src="http://211.81.63.130/cache/11/04/2018.igem.org/5eea9c447b4253a0e3c163a6644ceaef/T--Tianjin--award.jpg" class="img-circle center-block">
+
                </a>
+
            </div>
+
            <div class="mask" class="maskPic6">
+
                <a href="javascript:0;" class="maska mask6">
+
                <img src="https://static.igem.org/mediawiki/2018/b/b6/T--Tianjin--judging.png" class="img-circle center-block">
+
                </a>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
     </div>
+
     </div>-->
 
+
 
+
    <script type="text/javascript">
+
$(document).ready(function(){maskMouseOver()});function maskMouseOver(){$(".texta").each(function(){$(this).on("click",function(event){if($(event.target).is(".closeMask")){event.preventDefault();$(this).css({"visibility":"hidden","display":"none"});$("div.textChange").removeClass("textAnimation");$(document).unbind("mousewheel")}})});var QAQ="I don't want to write like this, but if I use 'for', there is always something wrong.Excuse me.";var mask1=$("a.mask1");var text1=$("div.text1");mask1.on("click",function(event){event.preventDefault();text1.css({"visibility":"visible","display":""});$("div.textChange").addClass("textAnimation");$(document).bind("mousewheel",function(event,delta){return false})});var mask2=$("a.mask2");var text2=$("div.text2");mask2.on("click",function(event){event.preventDefault();text2.css({"visibility":"visible","display":""});$("div.textChange").addClass("textAnimation");$(document).bind("mousewheel",function(event,delta){return false})});var mask3=$("a.mask3");var text3=$("div.text3");mask3.on("click",function(event){event.preventDefault();text3.css({"visibility":"visible","display":""});$("div.textChange").addClass("textAnimation");$(document).bind("mousewheel",function(event,delta){return false})});var mask4=$("a.mask4");var text4=$("div.text4");mask4.on("click",function(event){event.preventDefault();text4.css({"visibility":"visible","display":""});$("div.textChange").addClass("textAnimation");$(document).bind("mousewheel",function(event,delta){return false})});var mask5=$("a.mask5");var text5=$("div.text5");mask5.on("click",function(event){event.preventDefault();text5.css({"visibility":"visible","display":""});$("div.textChange").addClass("textAnimation");$(document).bind("mousewheel",function(event,delta){return false})});var mask6=$("a.mask6");var text6=$("div.text6");mask6.on("click",function(event){event.preventDefault();text6.css({"visibility":"visible","display":""});$("div.textChange").addClass("textAnimation");$(document).bind("mousewheel",function(event,delta){return false})})};
+
    </script>
+
    <script>
+
    var $close ='<div class="texta closeMask vi"></div>';
+
    $('.textChange').append($close); 
+
    </script>
+
    <div></div>
+
  
</div>
+
    <div id="footer" style="background-color: #79acdd;text-align: center;margin-top: 0;">
<div id="footer" style="background-color: #111;text-align: center;">
+
 
         <div class="container">
 
         <div class="container">
 
             <div class="row">
 
             <div class="row">
                 <div class="col-sm-4 footer-part">
+
                 <div class="col-sm-3 footer-part">
                     <h4>
+
                     <p>
                         Email
+
                         <i class="fa fa-weixin fa-lg"></i>
                     </h4>
+
                        IGEMTIANJIN
 +
                     </p>
 +
                </div>
 +
                <div class="col-sm-3 footer-part">
 +
                    <p>
 +
                        <i class="fa fa-twitter fa-lg"></i>
 +
                        IGEMTIANJIN2018
 +
                    </p>
 +
                </div>
 +
                <div class="col-sm-3 footer-part">
 
                     <p>
 
                     <p>
 
                         <i class="fa fa-envelope fa-lg"></i>
 
                         <i class="fa fa-envelope fa-lg"></i>
                        hebo@tju.edu.cn
+
                        HEBO@TJU.EDU.CN
 
                     </p>
 
                     </p>
 
                 </div>
 
                 </div>
                 <div class="col-sm-4 footer-part">
+
                 <div class="col-sm-3 footer-part">
                    <h4>
+
                        Follow us
+
                    </h4>
+
                    <a href="https://twitter.com/iGEMTianjin2017" target="blank" id="facebook" style="padding: 0 0.5em 0 0;">
+
                        <i class="fa fa-facebook-square fa-3x"></i>
+
                    </a>
+
                    <span></span>
+
                    <a href="https://twitter.com/iGEMTianjin2017" target="blank" id="twitter" style="padding: 0 0 0 0.5em;">
+
                        <i class="fa fa-twitter-square fa-3x"></i>
+
                    </a>
+
                </div>
+
                <div class="col-sm-4 footer-part">
+
                    <h4>
+
                        Contact us
+
                    </h4>
+
 
                     <p>
 
                     <p>
                         <i class="fa fa-map-marker fa-lg"></i>
+
                         <i class="fa fa-institution fa-lg"></i>
                        Tianjin University
+
                        BEIYANG CAMPUS,TIANJIN UNIVERSITY,TIANJIN
 
                     </p>
 
                     </p>
 
                 </div>
 
                 </div>
Line 344: Line 282:
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 +
    <script type="text/javascript" src="https://2018.igem.org/Team:Tianjin/js/DayNight?action=raw&ctype=text/javascript"></script>
 +
    <!--<script type="text/javascript">
 +
    $(document).ready(function(){clock()});function clock(){setInterval(function(){var ms=new Date().getMilliseconds();var second=new Date().getSeconds();var minute=new Date().getMinutes()+second/60;var hour=new Date().getHours()+minute/60;var secondDegree=second*6;var minuteDegree=minute*6;var hourDegree=hour*30;var secondRotate="rotate("+secondDegree+"deg)";var minuteRotate="rotate("+minuteDegree+"deg)";var hourRotate="rotate("+hourDegree+"deg)";$("div.s").css({"transform":secondRotate,"-ms-transform":secondRotate,"-o-transform":secondRotate,"-moz-transform":secondRotate,"-webkit-transform":secondRotate});$("div.m").css({"transform":minuteRotate,"-ms-transform":minuteRotate,"-o-transform":minuteRotate,"-moz-transform":minuteRotate,"-webkit-transform":minuteRotate});$("div.h").css({"transform":hourRotate,"-ms-transform":hourRotate,"-o-transform":hourRotate,"-moz-transform":hourRotate,"-webkit-transform":hourRotate})},1000)};
 +
    </script>-->
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 12:59, 6 December 2018

<!DOCTYPE html>

Team:Tianjin - 2018.igem.org
https://static.igem.org/mediawiki/2018/8/8f/T--Tianjin--Night.jpg

Circadian rhythm control over biological processes is pervasive among multicellular eukaryotes and cyanobacteria, suggesting a common evolved network motif and a strong evolutionary advantage for anticipating regular fluctuations in the environment.
To uncover the mysteries of the biological evolution of the circadian rhythm system, our project combines non-circadian single-cell eukaryotic Saccharomyces cerevisiae with the circadian clock of autotrophic circadian cyanobacteria. According to the concept of “understanding by creating (creating is understanding)” in synthetic biology, a new biological clock system has been established in Saccharomyces cerevisiae, which has inspired a series of follow-up studies and novel applications of our project.

Project

We successfully reconstructed the KaiABC circadian clock in Saccharomyces cerevisiae, predicting by modeling, regulating by expression control and characterizing its oscillation by yeast two-hybrid system. A bold attempt is made to explore how the oscillator can impact chromatin structure in yeast. These results demonstrate that the heterologous circadian oscillator is transplantable for metabolic pathway study as well as wide-ranging applications.

Safety

Although the project barely involves genetic pollution or the use of toxic reagents, our instructor still attaches great importance to the lab safety during the experiment. Before entering the lab, every operator must accept comprehensive training and have a deep understanding of equipment and reagents. All wastes are divided and gathered into special bottles, later get handled by professionals in a unified manner.

Human Practice

We made a survey about the circadian clock to investigate the potential impact to society and conducted follow-up market research on possible application. Furthermore, we were devoted to spreading iGEM idea to every age group. We made a picture book and performed a TV show for children, invited teenagers and parents to our lab and displayed biology to hundreds of tourists on the Begonia Festival. Synthetic biology can be a popular science by our actual action.

Team

Twelve years have passed since Professor Yingjin Yuan worked with MIT and successfully promoted the iGEM in Asia. iGEM has been all the rage in Tianjin University. This year, a group of dynastic teenagers have gone through a series of tough tests and eventually set up a united family. The wonderful summer will be kept in everyone’s mind. Thanks for everyone who once reached out to us.

Parts

We attach great importance to the construction and appliance of BioBrick Part. We submitted a variety of parts centering on core KaiABC oscillator, from single genes to cassettes with fusion proteins in yeast two-hybrid system. Effective cassettes about reporter genes and downstream application were also constructed and submitted. Besides, we redesign previous Nanoluc to serve our project better.

Model

The models include four parts. First, we established a fluorescent protein model using grayscale analysis to screen out the most suitable fluorescent proteins. Then, we drew the growth curve of yeasts and it fitted logistic model. It described the growth situation of the yeasts after plasmid introduction and it also offers the best measuring point and the best measuring interval. What’s more, we drew the degradation curve of the fluorescent protein, which helped us know different characteristics of the two chosen fluorescent proteins better. Finally, we constructed a model to illustrate the oscillation of KaiA, KaiB and KaiC protein called Mars Model, it also explained nicely the reason why the cycle reduced in yeasts.