Difference between revisions of "Team:OUC-China"

 
(221 intermediate revisions by 7 users not shown)
Line 1: Line 1:
−
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
<!DOCTYPE html>
−
<html xmlns="http://www.w3.org/1999/xhtml">
+
<html lang="zh-CN">
−
<script src="https://2015.igem.org/common/jquery-latest.min.js？action=raw&ctype=text/javascript"></script>  
+
  
−
<style type="text/css">
+
<head>
−
#page {left:0px;top:0px;  width:100%; height:100%; position:fixed; background-color:#fff;}
+
    <meta charset="UTF-8">
−
body{
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
-webkit-text-size-adjust:none;
+
    <!-- 使IE用最高模式渲染页面 -->
−
margin:0px;}
+
    <meta name="renderer" content="webkit">
−
h1,h2,h3,h4,h5,h6{
+
    <!-- 极速模式 -->
−
font-size:62.5%;
+
    <title>Team:OUC-China</title>
−
}
+
     <link rel="stylesheet" href="https://2015.igem.org/Team:OUC-China/css/bootstrap-theme?action=raw&ctype=text/css">
−
body,button,input,select,textarea {
+
    <link rel="stylesheet" href="https://2015.igem.org/Team:OUC-China/css/bootstrap?action=raw&ctype=text/css">
−
font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self;
+
    <link rel="stylesheet" href="https://2015.igem.org/Team:OUC-China/css/nav?action=raw&ctype=text/css">
−
font-size:62.5%;
+
    <link rel="stylesheet" href="https://2015.igem.org/Team:OUC-China/css/index?action=raw&ctype=text/css">
−
line-height:1.5;
+
    <script src="https://2015.igem.org/Team:OUC-China/js/jquery-1-11-1-min?action=raw&ctype=text/javascript"></script>
−
}
+
    <script type="text/javascript" src="https://2015.igem.org/Team:OUC-China/js/index?action=raw&ctype=text/javascript"></script>
−
ol,ul{
+
    <script type="text/javascript" src="https://2015.igem.org/Team:OUC-China/js/bootstrap?action=raw&ctype=text/javascript"></script>
−
list-style:none;
+
    <script>
−
}
+
      if($('.firstHeading'))$('.firstHeading').remove();
−
html,body{
+
    </script>
−
     width:100%;
+
    <style>
−
height:100%;
+
        .banner-top{
−
overflow:hidden;
+
            margin-left: 12%;
−
}
+
        }
−
+
        @media (min-width: 992px){
−
.indexNavBox{ width:80%; height:110px; margin-left:10%; margin-top:-50px; border:#3fb8ab solid 1px; position:relative; color:#FFF;}
+
            .work-content .col-md-4{
−
.indexNavLogo{width:9%; height:45px; margin-left:10%; margin-top:28px ;background-image:url(https://static.igem.org/mediawiki/2015/f/fd/OUC-China-logo.png); }
+
                  width:25%;
−
.indexNavTxt{ font-size:1.1rem; width:64%; height:45px; right:6%;top:25px; position:absolute;}
+
                  margin-right: 8%;
−
.indexNavBox a{ color:#FFF; text-decoration:none;}
+
            }
−
.indexNavBox a:hover{color:#f4dc76;}
+
        }
−
#indexFlash{ width:50%; height:300px; margin-left:25%; margin-top:205px; position:absolute;}
+
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
−
.sectionTxtBox2{ width:70%; height:450px; border:#00C 2px solid; position:absolute; margin-left:15%; margin-top:60px;}
+
−
.bg100{ background-size:100% 100%;}
+
−
.sectionTittle{ width:70%; height:45px; font-size:1.8rem; position:relative; color:#FFF;}
+
−
.sectionTxt2{width:70%; height:45px; font-size:1.1rem; position:absolute; margin-top:30px; padding-left:10px; color:#FFF;}
+
  
−
.sectionTxtBox3{ width:70%; height:450px; border:#00C 2px solid; position:absolute; margin-left:15%; top:60px; color:#FFF;}
+
#globalWrapper, #content { /*-- changes default wiki settings --*/
−
.sectionTxt3{width:70%; height:45px; font-size:1.1rem; position:absolute; margin-top:30px; padding-left:10px;}
+
width: 100%;  
−
+
height: 100%;
−
.sectionTxtBox4{ width:70%; height:450px; border:#00C 2px solid; position:absolute; margin-left:15%; top:60px; color:#FFF;}
+
border: 0px;
−
.sectionTxt4{width:70%; height:45px; font-size:1.1rem; position:absolute; margin-top:30px; padding-left:10px;}
+
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
/* disable IGEM's style */
 +
/*#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6 {
 +
border-bottom: none;
 +
padding-top: 0;
 +
padding-bottom: 0;
 +
margin-bottom: 0;
 +
}
 +
#bodyContent p {
 +
font-size: 100%;
 +
line-height: 1em;
 +
}
 +
#bodyContent li {
 +
margin-bottom: 0;
 +
}
 +
#bodyContent a {
 +
font-size: 100%;
 +
}*/
  
−
.sectionTxtBox5{ width:70%; height:450px; border:#00C 2px solid; position:absolute; margin-left:15%; top:60px; color:#FFF;}
+
    </style>
−
.sectionTxt5{width:70%; height:45px; font-size:1.1rem; position:absolute; margin-top:30px; padding-left:10px;}
+
</head>
−
.bottom{ height:10%; width:45%; margin-left:30%;top:50px;background-image:url(https://static.igem.org/mediawiki/2015/7/71/OUC-China-sponsor.png); background-size:100% 100%; position:absolute;}
+
−
.bottomTxt{ height:10%; width:30%; margin-left:40%;top:120px; position:absolute;}
+
−
.bottomTxt i { font-size:14px; color:#3fb8ab; text-align:center; font-style:inherit;}
+
−
.bottomFb{ height:34px; width:34px; position:absolute; top:115px; margin-left:60%; }
+
−
.section-wrap{
+
−
    width:100%;
+
−
height:100%;
+
−
overflow:visible;
+
−
transition:transform 1s cubic-bezier(0.05,0,0.005,1);
+
−
-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);
+
−
}
+
−
.section-wrap .section{
+
−
    position:relative;
+
−
width:100%; height:100%;
+
−
background-position:center center;
+
−
background-repeat:no-repeat;
+
−
}
+
−
.section-wrap .section .title{
+
−
width:100%;position:absolute;
+
−
top:10%;color:#CF0;
+
−
font-size:2.4em;
+
−
text-align:center;
+
−
}
+
−
.section-wrap .section .title p{
+
−
    padding:0 4%;
+
−
opacity:0
+
−
}
+
−
.section-wrap .section .title.active .tit{
+
−
    opacity:1;
+
−
transform:translateY(-60px);
+
−
-webkit-transform:translateY(-60px);
+
−
transition:all 2s cubic-bezier(0.86,0,0.8,1);
+
−
-webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);
+
−
}
+
  
−
.section-wrap .section-1{ background-image:url(https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg); background-size:100% 100%;}
+
<body>
−
.section-wrap .section-2{ background-image:url(https://static.igem.org/mediawiki/2015/e/e5/Team-OUC-China-home2.jpg); background-size:100% 100%;}
+
    <header class="header">
−
.section-wrap .section-3{ background-image:url(https://static.igem.org/mediawiki/2015/d/da/OUC-China-home3.jpg); background-size:100% 100%;}
+
        <nav class="navbar navbar-default">
−
.section-wrap .section-4{ background-image:url(https://static.igem.org/mediawiki/2015/a/a8/OUC-China-home4.jpg); background-size:100% 100%;}
+
            <div class="container">
−
.section-wrap .section-5{ background-image:url(https://static.igem.org/mediawiki/2015/b/bb/OUC-China-home5.jpg); background-size:100% 100%;}
+
                <span class="menu"> Menu</span>
−
.section-wrap .section-6{ background-image:url(https://static.igem.org/mediawiki/2015/d/d5/OUC-China-home6.jpg); background-size:100% 100%;}
+
                <div class="banner-top">
−
.put-section-0{
+
                    <ul class="nav banner-nav">
−
    transform:translateY(0);
+
                        <li><a href="https://2015.igem.org/Team:OUC-China">HOME</a></li>
−
-webkit-transform:translateY(0);
+
                        <li class="dropdown1"><a class="down-scroll" href="#">PROJECT</a>
−
}
+
                            <ul class="dropdown2">
−
.put-section-1{
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Project/Overview">Overview</a></li>
−
    transform:translateY(-100%);
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Project/Magnetic_Receiver">Magnetic Receiver</a></li>
−
-webkit-transform:translateY(-100%);
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Project/Thermosensitive_Regulator">Thermosensitive Regulator</a></li>
−
}
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Project/Captor">Captor</a></li>
−
.put-section-2{
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Project/Results">Results</a></li>
−
    transform:translateY(-200%);
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Parts">Parts</a></li>
−
-webkit-transform:translateY(-200%);
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Project/Achievements">Achievements</a></li>
−
}
+
                            </ul>
−
.put-section-3{
+
                        </li>
−
    transform:translateY(-300%);
+
                        <li class="dropdown1"><a href="https://2015.igem.org/Team:OUC-China/Interlab">INTERLAB</a>
−
-webkit-transform:translateY(-300%);
+
                        </li>
−
}
+
                        <li class="dropdown1"><a class="down-scroll" href="#">MODELING</a>
−
.put-section-4{
+
                            <ul class="dropdown2">
−
    transform:translateY(-400%);
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Modeling">Overview</a></li>
−
-webkit-transform:translateY(-400%);
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Modeling/Magnetic_Receiver">Magnetic Receiver</a></li>
−
}
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Modeling/Heating">Heating</a></li>
−
.put-section-5{
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Modeling/Thermosensitive_Regulator">Thermosensitive Regulator</a></li>
−
    transform:translateY(-430%);
+
                            </ul>
−
-webkit-transform:translateY(-430%);
+
                        </li>
−
}
+
                        <li class="dropdown1"><a class="down-scroll"  href="#">HUMAN PRACTISE</a>
−
 
+
                            <ul class="dropdown2">
−
.section-btn{
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Practices">Overview</a></li>
−
    width:14px;
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Human_Practice/Safety">Safety</a></li>
−
position:fixed;
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Human_Practice/Education">Education</a></li>
−
right:4%;
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Human_Practice/Transportation">Transportation</a></li>
−
top:60%;}
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Human_Practice/Communication">Communication</a></li>
−
.section-btn li{
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Human_Practice/Guide_Of_Logo_Design">Guide of Logo Design</a></li>
−
    width:20px;
+
                            </ul>
−
height:20px;
+
                        </li>
−
cursor:pointer;
+
                        <li class="dropdown1"><a class="down-scroll" href="#">NOTE BOOK</a>
−
border-radius:50%;
+
                            <ul class="dropdown2">
−
-webkit-border-radius:50%;
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Note_Book/Lab_Journal">Lab Journal</a></li>
−
margin-bottom:15px;
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Note_Book/Protocol">Protocol</a></li>
−
    background-image:url(https://static.igem.org/mediawiki/2015/7/77/OUC-China-home-dot1.png);
+
                            </ul>
−
+
                        </li>
−
}
+
                        <li class="dropdown1"><a class="down-scroll" href="#">TEAM</a>
−
.section-btn li.on{
+
                            <ul class="dropdown2">
−
background-image:url(https://static.igem.org/mediawiki/2015/7/72/OUC-China-home-dot2.png);
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Team/Member">Member</a></li>
−
    border:none;
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Attributions">Attribution</a></li>
−
}
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Collaborations">Collaboration</a></li>
−
+
                            </ul>
−
 
+
                        </li>
−
</style>
+
                    </ul>
−
 
+
                    <script>
−
<div id="page">
+
                    $("span.menu").click(function() {
−
<section class="section-wrap">
+
                        $(" ul.nav").slideToggle("slow", function() {});
−
  <div class="section section-1">
+
                    });
−
    <div class="title active">
+
                    </script>
−
      <div class="indexNavBox"> <a href="#" title="home">
+
                </div>
−
        <div class="indexNavLogo bg100"></div>
+
                <div class="clearfix"> </div>
−
        </a>
+
            </div>
−
        <div class="indexNavTxt">
+
            <!-- /.container-fluid -->
−
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
+
        </nav>
−
           
+
    </header>
−
              <td><a href="#">home</a></td>
+
    <div class="banner-container">
−
              <td><a href="#">project</a></td>
+
        <div class="banner-content">
−
              <td><a href="#">measurement</a></td>
+
            <img src="https://static.igem.org/mediawiki/2015/4/4b/OUC-China-Team_Logo.png" width="400" alt="" class="img-responsive center-block">
−
              <td><a href="#">modeling</a></td>
+
            <h2>Magthermo coli</h2>
−
              <td><a href="#">human practice</a></td>
+
−
              <td><a href="#">notebook</a></td>
+
−
              <td><a href="#">team</a></td>
+
−
          </table>
+
 
         </div>
 
         </div>
−
      </div>
 
 
     </div>
 
     </div>
−
     <div id="indexFlash" class="bg100"></div>
+
     <div class="container-fluid how-work">
−
   
+
        <div class="container">
−
  </div>
+
            <div class="work-header">
−
  <div class="section section-2">
+
                <h2 class="text-uppercase">
−
   
+
                    how does it <span>work?</span>
−
    <div class="sectionTxtBox2">
+
                </h2>
−
      <div class="sectionTittle">Abstract</div>
+
                <p>
−
        <div class="sectionTxt2">Gene regulation has typically employed chemically mediated expression systems, which are slow and could be limited by medium during drug diffusion. The development of remote regulation systems that could response to physical signals is in demand.
+
                    This summer we designed Magthermo coli——a platform for remote regulation of gene expression by electromagnetic signal.
−
This summer, we are trying to design a platform responsed to electromagnetic signal. This platform is composed of 2 sessions : magnetic receiver and thermosensitive regulator. </div>
+
                </p>
−
     
+
            </div>
−
   
+
            <div class="row work-content">
−
    </div>
+
                <div class="col-md-4">
−
 
+
                    <img src="https://static.igem.org/mediawiki/2015/e/e1/OUC-China-home_receiver_regulator1.png" alt="" class="img-responsive">
−
   
+
                    <h3 class="text-uppercase text-center">step 1</h3>
−
  </div>
+
                    <p>Our Magthermo coli contains 2 core components: <B>Magnetic Receiver & Thermosensitive Regulator.</B></p>
−
  <div class="section section-3">
+
                </div>
−
    <div class="sectionTxtBox3">
+
                <div class="col-md-4">
−
      <div class="sectionTittle">Receiver</div>
+
                    <img src="https://static.igem.org/mediawiki/2015/e/e7/OUC-China-home_receiver_regulator2.png" alt="" class="img-responsive">
−
        <div class="sectionTxt3">For magnetic receiver, we chose ferritin, the iron-storage protein in organisms, which could synthesize ferric oxihydroxide core in its hollow protein shell. When exposed to electromagnetic field, the ferric oxihydroxide core would be heated, which would trigger thermosensitive regulator. </div>
+
                    <h3 class="text-uppercase text-center">step 2</h3>
−
    </div>
+
                    <p>Inducing with electromagnetic field, magnetic receiver will heat, raising the ambient temperature.</p>
−
  </div>
+
                </div>
−
  <div class="section section-4">
+
                <div class="col-md-4">
−
    <div class="sectionTxtBox4">
+
                    <img src="https://static.igem.org/mediawiki/2015/6/6d/OUC-China_home_receiver_regulator3.png" alt="" class="img-responsive">
−
      <div class="sectionTittle">Regulator</div>
+
                    <h3 class="text-uppercase text-center">step 3</h3>
−
        <div class="sectionTxt4">For thermosensitive regulator, we chose RNA thermometer and constructed a thermosensitive T7 RNA polymerase. RNA thermometer is a structured RNA which could expose RBS only when heated. The thermosensitive T7 RNA polymerase is a normal T7 RNA polymerase at the selected locus of which was inserted by a temperature-sensitive intein, which could self-splice at specific temperature.</div>
+
                    <p>
−
    </div>
+
                        In response to the change of temperature, thermosensitive regulator will initiate downstream gene (GFP for example) expression.
 +
                    </p>
 +
                </div>
 +
            </div>
 +
        </div>
 
     </div>
 
     </div>
−
  </div>
+
    <div class="container-fluid index-details1 index-details">
−
  <div class="section section-5">
+
        <div class="container">
−
    <div class="sectionTxtBox5">
+
            <h3 class="text-center index-headline">Magnetic <span>Receiver</span></h3>
−
      <div class="sectionTittle">Achievement</div>
+
            <div class="row">
−
        <div class="sectionTxt5">123</div>
+
                <div class="col-md-7">
−
    </div>
+
                    <div class="caption">
 +
                        <p>
 +
                            For magnetic receiver,we chose <B>Ferritin</B>, the iron-storage protein in many organisms, which could synthesize ferric oxihydroxide core in its hollow protein shell. When exposed to electromagnetic field, the ferric oxihydroxide core will heat, raising the ambient temperature.
 +
                        </p>
 +
                        <p>
 +
                            In this section, we explored measurement techniques for the valuation of magnetism, biomineralization and protein concentration per cell.
 +
                        </p>
 +
                        <p><a href="https://2015.igem.org/Team:OUC-China/Project/Magnetic_Receiver" class="btn btn-primary" role="button">More details</a></p>
 +
                    </div>
 +
                </div>
 +
                <div class="col-md-5">
 +
                    <img src="https://static.igem.org/mediawiki/2015/1/17/OUC-China-home-frritin.png" alt="" class="img-responsive">
 +
                </div>
 +
            </div>
 +
        </div>
 
     </div>
 
     </div>
−
  </div>
+
    <div class="container-fluid index-details2 index-details">
−
  <div class="section section-6">
+
        <div class="container">
−
  <div class="bottom"></div>
+
            <h3 class="text-center index-headline index-headline2">Thermosensitive <span>Regulator</span></h3>
−
  <div class="bottomTxt"><i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;follow us on Facebook@IGEM OUC<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;mail to:oucigem@163.com</i>
+
            <p class="text-center">For thermosensitive regulator，we chose <B>RNA thermometer</B> and designed a <B>thermosensitive T7 RNA polymerase.</B>  </p>
−
  </div>
+
            <div class="row">
−
  <div class="bottomFb"><a href="https://www.facebook.com/oucigem" ><img  alt="https://www.facebook.com/oucigem" src="https://static.igem.org/mediawiki/2015/5/58/OUC-China-Facebook.png"></a></div>
+
                <div class="col-md-6">
 +
                    <img src="https://static.igem.org/mediawiki/2015/b/b8/OUC-China-home-RNA.png" alt="" class="img-responsive">
 +
                </div>
 +
                <div class="col-md-6">
 +
                    <div class="caption">
 +
                        <p>
 +
                            <B>RNA thermometer</B> is a structured RNA which can expose SD sequences only at appropriate temperature.  In this section, we explored the measurement method to identify the efficiency of thermosensitive regulator under heat stress.
 +
                        </p>
 +
                        <p><a href="https://2015.igem.org/Team:OUC-China/Project/Thermosensitive_Regulator" class="btn btn-primary" role="button">More details</a></p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col-md-6">
 +
                    <div class="caption">
 +
                        <p>
 +
                            <B>Thermosensitive T7 RNA polymerase</B> is a T7 RNA polymerase interrupted by a temperature-sensitive intein, which can self-splice at specific temperature and initiate the downstream signal.
 +
                        </p>
 +
                        <p><a href="https://2015.igem.org/Team:OUC-China/Project/Thermosensitive_Regulator" class="btn btn-primary" role="button">More details</a></p>
 +
                    </div>
 +
                </div>
 +
                <div class="col-md-6">
 +
                    <img src="https://static.igem.org/mediawiki/2015/4/4d/OUC-China-home-T7.png" alt="" class="img-responsive">
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <div class="returnTop">
 +
        <img src="https://static.igem.org/mediawiki/2015/a/a4/ReturnTop.png" alt="">
 
     </div>
 
     </div>
−
  </div>
+
    <footer>
−
</section>
+
        <div class="container">
−
<ul class="section-btn">
+
            <address class="center-block">
−
  <li class="on"></li>
+
                Follow us on Facebook@ <a href="https://www.facebook.com/oucigem">iGEM OUC</a>
−
  <li></li>
+
                <br>Mail to: <a href="mailto:#">oucigem@163.com</a>
−
  <li></li>
+
            </address>
−
  <li></li>
+
            <center><ul class="footer-img">
−
  <li></li>
+
                <li>
−
  <li></li>
+
                    <img src="https://static.igem.org/mediawiki/2015/2/27/OUC-China_footer1.png" alt="" class="img-responsive">
−
</ul>
+
                </li>
−
<script src="https://2015.igem.org/common/jquery-latest.min.js？action=raw&ctype=text/javascript"></script>  
+
                <li>
 +
                    <img src="https://static.igem.org/mediawiki/2015/7/7c/OUC-China_footer2.png" alt="" class="img-responsive">
 +
                </li>
 +
                <li>
 +
                    <a href="http://www.genewiz.com/"><img src="https://static.igem.org/mediawiki/2015/0/08/OUC-China_footer3.png" alt="" class="img-responsive"></a>
 +
                </li>
 +
                <li>
 +
                    <img src="https://static.igem.org/mediawiki/2015/2/26/OUC-China_footer4.png" alt="" class="img-responsive">
 +
                </li>
 +
                <li>
 +
                    <img src="https://static.igem.org/mediawiki/2015/3/3e/OUC-China_footer5.png" alt="" class="img-responsive">
 +
                </li>
 +
                <div class="clr"></div>
 +
            </ul></center>
 +
        </div> 
 +
    </footer>
  
−
<script type="text/javascript">
+
</body>
−
//Here reference: mouse wheel mousewheel plugin
+
 
−
!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof exports?module.exports=a:a(jQuery)}(function(a){function b(b){var g=b||window.event,h=i.call(arguments,1),j=0,l=0,m=0,n=0,o=0,p=0;if(b=a.event.fix(g),b.type="mousewheel","detail"in g&&(m=-1*g.detail),"wheelDelta"in g&&(m=g.wheelDelta),"wheelDeltaY"in g&&(m=g.wheelDeltaY),"wheelDeltaX"in g&&(l=-1*g.wheelDeltaX),"axis"in g&&g.axis===g.HORIZONTAL_AXIS&&(l=-1*m,m=0),j=0===m?l:m,"deltaY"in g&&(m=-1*g.deltaY,j=m),"deltaX"in g&&(l=g.deltaX,0===m&&(j=-1*l)),0!==m||0!==l){if(1===g.deltaMode){var q=a.data(this,"mousewheel-line-height");j*=q,m*=q,l*=q}else if(2===g.deltaMode){var r=a.data(this,"mousewheel-page-height");j*=r,m*=r,l*=r}if(n=Math.max(Math.abs(m),Math.abs(l)),(!f||f>n)&&(f=n,d(g,n)&&(f/=40)),d(g,n)&&(j/=40,l/=40,m/=40),j=Math[j>=1?"floor":"ceil"](j/f),l=Math[l>=1?"floor":"ceil"](l/f),m=Math[m>=1?"floor":"ceil"](m/f),k.settings.normalizeOffset&&this.getBoundingClientRect){var s=this.getBoundingClientRect();o=b.clientX-s.left,p=b.clientY-s.top}return b.deltaX=l,b.deltaY=m,b.deltaFactor=f,b.offsetX=o,b.offsetY=p,b.deltaMode=0,h.unshift(b,j,l,m),e&&clearTimeout(e),e=setTimeout(c,200),(a.event.dispatch||a.event.handle).apply(this,h)}}function c(){f=null}function d(a,b){return k.settings.adjustOldDeltas&&"mousewheel"===a.type&&b%120===0}var e,f,g=["wheel","mousewheel","DOMMouseScroll","MozMousePixelScroll"],h="onwheel"in document||document.documentMode>=9?["wheel"]:["mousewheel","DomMouseScroll","MozMousePixelScroll"],i=Array.prototype.slice;if(a.event.fixHooks)for(var j=g.length;j;)a.event.fixHooks[g[--j]]=a.event.mouseHooks;var k=a.event.special.mousewheel={version:"3.1.12",setup:function(){if(this.addEventListener)for(var c=h.length;c;)this.addEventListener(h[--c],b,!1);else this.onmousewheel=b;a.data(this,"mousewheel-line-height",k.getLineHeight(this)),a.data(this,"mousewheel-page-height",k.getPageHeight(this))},teardown:function(){if(this.removeEventListener)for(var c=h.length;c;)this.removeEventListener(h[--c],b,!1);else this.onmousewheel=null;a.removeData(this,"mousewheel-line-height"),a.removeData(this,"mousewheel-page-height")},getLineHeight:function(b){var c=a(b),d=c["offsetParent"in a.fn?"offsetParent":"parent"]();return d.length||(d=a("body")),parseInt(d.css("fontSize"),10)||parseInt(c.css("fontSize"),10)||16},getPageHeight:function(b){return a(b).height()},settings:{adjustOldDeltas:!0,normalizeOffset:!0}};a.fn.extend({mousewheel:function(a){return a?this.bind("mousewheel",a):this.trigger("mousewheel")},unmousewheel:function(a){return this.unbind("mousewheel",a)}})});
+
</html>
−
+
−
$(function(){
+
−
var i=0;
+
−
var $btn = $('.section-btn li'),
+
−
$wrap = $('.section-wrap'),
+
−
$arrow = $('.arrow');
+
−
+
−
/*Current page assignment*/
+
−
function up(){i++;if(i==$btn.length){i=0};}
+
−
function down(){i--;if(i<0){i=$btn.length-1};}
+
−
+
−
/*Page slide*/
+
−
function run(){
+
−
$btn.eq(i).addClass('on').siblings().removeClass('on');
+
−
$wrap.attr("class","section-wrap").addClass(function() { return "put-section-"+i; }).find('.section').eq(i).find('.title').addClass('active');
+
−
};
+
−
+
−
/*Right button click*/
+
−
$btn.each(function(index) {
+
−
$(this).click(function(){
+
−
i=index;
+
−
run();
+
−
})
+
−
});
+
−
+
−
/*Click the page button*/
+
−
$arrow.one('click',go);
+
−
function go(){
+
−
up();run();
+
−
setTimeout(function(){$arrow.one('click',go)},1000)
+
−
};
+
−
+
−
/*Response mouse*/
+
−
$wrap.one('mousewheel',mouse_);
+
−
function mouse_(event){
+
−
if(event.deltaY<0) {up()}
+
−
else{down()}
+
−
run();
+
−
setTimeout(function(){$wrap.one('mousewheel',mouse_)},1000)
+
−
};
+
−
+
−
/*Response keyboard keys*/
+
−
$(document).one('keydown',k);
+
−
function k(event){
+
−
var e=event||window.event;
+
−
var key=e.keyCode||e.which||e.charCode;
+
−
switch(key) {
+
−
case 38: down();run();
+
−
break;
+
−
case 40: up();run();
+
−
break;
+
−
};
+
−
setTimeout(function(){$(document).one('keydown',k)},1000);
+
−
}
+
−
});
+
−
</script>
+
−
<script type="text/javascript" src="js/jquery.min.js"></script>
+
−
<!--Home background map replacement-->
+
−
<script  language="javascript" type="text/javascript">
+
−
    var images_id= new Array("images/f1.jpg", "images/f2.jpg", "images/f3.jpg");
+
−
    var index = 0;
+
−
    function switch_background(){   
+
−
    if(index ==images_id.length-1)
+
−
    {       
+
−
        index = 0; 
+
−
    }else{ 
+
−
        index++;     
+
−
    } 
+
−
    document.getElementById("indexFlash").style.backgroundImage="url("+images_id[index]+")";
+
−
}
+
−
window.onload = function()
+
−
{
+
−
    setInterval(switch_background, 1000);
+
−
} </script>
+
−
</div>
+

Latest revision as of 01:50, 19 September 2015

<!DOCTYPE html> Team:OUC-China

how does it work?

This summer we designed Magthermo coli——a platform for remote regulation of gene expression by electromagnetic signal.

step 1

Our Magthermo coli contains 2 core components: Magnetic Receiver & Thermosensitive Regulator.

step 2

Inducing with electromagnetic field, magnetic receiver will heat, raising the ambient temperature.

step 3

In response to the change of temperature, thermosensitive regulator will initiate downstream gene (GFP for example) expression.

Magnetic Receiver

For magnetic receiver,we chose Ferritin, the iron-storage protein in many organisms, which could synthesize ferric oxihydroxide core in its hollow protein shell. When exposed to electromagnetic field, the ferric oxihydroxide core will heat, raising the ambient temperature.

In this section, we explored measurement techniques for the valuation of magnetism, biomineralization and protein concentration per cell.

More details

Thermosensitive Regulator

For thermosensitive regulator，we chose RNA thermometer and designed a thermosensitive T7 RNA polymerase.

RNA thermometer is a structured RNA which can expose SD sequences only at appropriate temperature. In this section, we explored the measurement method to identify the efficiency of thermosensitive regulator under heat stress.

More details

Thermosensitive T7 RNA polymerase is a T7 RNA polymerase interrupted by a temperature-sensitive intein, which can self-splice at specific temperature and initiate the downstream signal.

More details