Difference between revisions of "Team:HZAU-China"

Line 1: Line 1:
−
{{HZAU-China}}
+
<!DOCTYPE html>
 +
 
 
<html>
 
<html>
  
 +
    <head>
 +
        <title>Team:HZAU-China</title>
 +
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
 +
        <!-- navigation's style -->
 +
        <style type="text/css">
 +
            ul#navigation {
 +
                position: fixed;
 +
                margin: 0px;
 +
                padding: 0px;
 +
                top: 0px;
 +
                right: 22px;
 +
                list-style: none;
 +
                z-index:999999;
 +
                width:824px;
 +
            }
 +
            ul#navigation li {
 +
                width: 103px;
 +
                display:inline;
 +
                float:left; 
 +
            }
 +
            ul#navigation li a {
 +
                display: block;
 +
                float:left;
 +
                margin-top: -2px;
 +
                width: 100px;
 +
                height: 25px;
 +
                background-color:#E7F2F9;
 +
                background-repeat:no-repeat;
 +
                background-position:50% 10px;
 +
                background-size:100px 100px;
 +
                border:1px solid #BDDCEF;
 +
                -moz-border-radius:0px 0px 10px 10px;
 +
                -webkit-border-bottom-right-radius: 10px;
 +
                -webkit-border-bottom-left-radius: 10px;
 +
                -khtml-border-bottom-right-radius: 10px;
 +
                -khtml-border-bottom-left-radius: 10px;
 +
                text-decoration:none;
 +
                text-align:center;
 +
                padding-top:80px;
 +
                opacity: 0.7;
 +
                filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); 
 +
            }
 +
            ul#navigation li a:hover{
 +
                background-color:#CAE3F2;
 +
            }
 +
            ul#navigation li a span{
 +
                letter-spacing:2px;
 +
                font-size:11px;
 +
                color:#60ACD8;
 +
                text-shadow: 0 -1px 1px #fff;     
 +
            }
 +
            ul#navigation .Home a{
 +
                background-image: url(https://static.igem.org/mediawiki/2016/8/8b/T--HZAU-China--home.png);
 +
            }
 +
            ul#navigation .Project a{
 +
                background-image: url(https://static.igem.org/mediawiki/2016/c/c9/T--HZAU-China--project.png);
 +
            }
 +
            ul#navigation .Wetlab a      {
 +
                background-image: url(https://static.igem.org/mediawiki/2016/1/10/T--HZAU-China--wetlab.png);
 +
            }
 +
            ul#navigation .Drylab a      {
 +
                background-image: url(https://static.igem.org/mediawiki/2016/a/ac/T--HZAU-China--drylab.png);
 +
            }
 +
            ul#navigation .HP a      {
 +
                background-image: url(https://static.igem.org/mediawiki/2016/4/4a/T--HZAU-China--hp.png);
 +
            }
 +
            ul#navigation .Parts a  {
 +
                background-image: url(https://static.igem.org/mediawiki/2016/1/1c/T--HZAU-China--parts.png);
 +
            }
 +
            ul#navigation .Safety a    {
 +
                background-image: url(https://static.igem.org/mediawiki/2016/4/4a/T--HZAU-China--safety.png);
 +
            }
 +
            ul#navigation .Team a    {
 +
                background-image: url(https://static.igem.org/mediawiki/2016/6/6d/T--HZAU-China--team.png);
 +
            }
 +
            a.dry{
 +
                position:absolute;
 +
                bottom:15px;
 +
                left:15px;
 +
                text-align:left;
 +
                font-size:12px;
 +
                color:#ccc;
 +
                text-transform:uppercase;
 +
                text-decoration:none;
 +
            }
 +
        </style>
 +
        <!-- go to top'style -->
 +
        <style type="text/css">
 +
            .Go_Top {
 +
                position:fixed;
 +
                bottom: 20px;
 +
                right: 20px;
 +
            }
 +
            body{
 +
                height: 1000px;
 +
            }
 +
            .logo{
 +
                position:fixed;
 +
                top:5px;
 +
                left:5px;
 +
            }
 +
            ul.content li{
 +
                list-style:none;
 +
            }
 +
            ul.content{
 +
                position:absolute;
 +
                top:100px;
 +
                left:100px;
 +
            }
 +
        </style> 
 +
        <!-- content of body'style -->
 +
        <style type="text/css">
 +
            body{
 +
                height: 1000px;
 +
            }
 +
            .logo{
 +
                position:fixed;
 +
                top:5px;
 +
                left:5px;
 +
            }
 +
            h1{
 +
                font-size: 200%;
 +
                color:#3399ff;
 +
                position:absolute;
 +
                top:50px;
 +
                left:140px;
 +
            }
  
 +
            ul.content li{
 +
                list-style:none;
 +
            }
 +
            ul.content{
 +
                position:absolute;
 +
                top:100px;
 +
                left:100px;
 +
            }
 +
        </style>         
 +
    </head>
  
−
<div class="column full_size">
+
    <body>
−
<h1>Description</h1>
+
        <a href="file:///C:/Users/hp/Desktop/%E5%AF%BC%E8%88%AA%E6%A0%8F%EF%BC%88%E4%B8%8A%E8%BE%B9%E7%95%8C%E6%82%AC%E6%B5%AE%E5%BC%8F%EF%BC%89/%E4%B8%8B%E6%8B%89%E5%BC%8F%E5%AF%BC%E8%88%AA%E6%A0%8F%EF%BC%88%E5%BE%85%E5%AE%9A%EF%BC%89.html" class="logo" title="logo"><img src="https://static.igem.org/mediawiki/2017/3/3d/HZAU-logo.png" width="10%"></a>
−
 
+
        <a href="#" class="Go_Top" title="Go_Top"><img src="https://static.igem.org/mediawiki/2015/2/2a/Igemlogo_banner.jpg" width="100px" height="100px"></a>
−
<p>This year our project is about using light to control the reproduction of E.coli.</br>
+
        <div class="filter"></div>
−
We decide to block the replication of E.coli by using dCas9 targeting at OriC.</br>
+
        <ul id="navigation">
−
By splitting dCas9 into two parts, each separately fused with a light inducible dimer. </br>
+
            <li class="Home"><a href="https://2017.igem.org/Team:HZAU-China"><span></span></a></li>
−
Under the irradiation of light, the dimer will dimerize, promoting the function of dCas9.</br>
+
            <li class="Project"><a href=""><span></span></a></li>
−
Then the dCas9 will block the OriC, the replication origin of E.coli. </br>
+
            <li class="Wetlab"><a href=""><span></span></a></li>
−
After turning off the light, the dCas9 will split again, which causes the E.coli to reproduce again.</p>
+
            <li class="Drylab"><a href=""><span></span></a></li>
−
 
+
            <li class="Safety"><a href=""><span></span></a></li>
−
</div>
+
            <li class="Parts"><a href=""><span></span></a></li>
−
 
+
            <li class="HP"><a href=""><span></span></a></li>
−
 
+
            <li class="Team"><a href=""><span></span></a></li>
 +
        </ul>
 +
        <script type="text/javascript" src="http://www.jq22.com/demo/jQuery-nav-141209195314/js/jquery-1.3.2.js"></script>
 +
        <script type="text/javascript">
 +
                $(function() {
 +
                    var d=300;
 +
                    $('#navigation a').each(function(){
 +
                        $(this).stop().animate({
 +
                            'marginTop':'-80px'
 +
                        },d+=150);
 +
                    });
 +
                    $('#navigation > li').hover(
 +
                    function () {
 +
                        $('a',$(this)).stop().animate({
 +
                            'marginTop':'-2px'
 +
                        },200);
 +
                    },
 +
                    function () {
 +
                        $('a',$(this)).stop().animate({
 +
                            'marginTop':'-80px'
 +
                        },200);
 +
                    }
 +
                );
 +
                });
 +
        </script>
 +
        <h1>Discription</h1>
 +
        <ul class="content">
 +
            <li>This year our project is about using light to control the reproduction of E.coli.</li>
 +
            <li>We decide to block the replication of E.coli by using dCas9 targeting at OriC.</li>
 +
            <li>By splitting dCas9 into two parts, each separately fused with a light inducible dimer.</li>
 +
            <li>nder the irradiation of light, the dimer will dimerize, promoting the function of dCas9.</li>
 +
            <li>Then the dCas9 will block the OriC, the replication origin of E.coli.</li>
 +
            <li>After turning off the light, the dCas9 will split again, which causes the E.coli to reproduce again.
 +
        </ul>
 +
       
 +
    </body>
 
</html>
 
</html>

Revision as of 08:42, 10 August 2017

<!DOCTYPE html>

Team:HZAU-China

Discription

  • This year our project is about using light to control the reproduction of E.coli.
  • We decide to block the replication of E.coli by using dCas9 targeting at OriC.
  • By splitting dCas9 into two parts, each separately fused with a light inducible dimer.
  • nder the irradiation of light, the dimer will dimerize, promoting the function of dCas9.
  • Then the dCas9 will block the OriC, the replication origin of E.coli.
  • After turning off the light, the dCas9 will split again, which causes the E.coli to reproduce again.