Difference between revisions of "Team:OUC-China"

 
(246 intermediate revisions by 7 users not shown)
Line 1: Line 1:
−
<!doctype html>
+
<!DOCTYPE html>
−
<html>
+
<html lang="zh-CN">
−
<meta charset="utf-8">
+
−
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
+
−
<meta name="renderer" content="webkit">
+
−
<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>
+
−
<style>
+
−
#page{
+
−
-webkit-text-size-adjust:none;
+
−
margin:0px;}
+
−
h1,h2,h3,h4,h5,h6{
+
−
font-size:62.5%;
+
−
}
+
−
body,button,input,select,textarea {
+
−
font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self;
+
−
font-size:62.5%;
+
−
line-height:1.5;
+
−
}
+
−
ol,ul{
+
−
list-style:none;
+
−
}
+
−
html,body{
+
−
    width:100%;
+
−
height:100%;
+
−
overflow:hidden;
+
−
}
+
−
+
−
.indexNavBox{ width:80%; height:110px; margin-left:10%; margin-top:-50px; border:#3fb8ab solid 1px; position:relative; color:#FFF;}
+
−
.indexNavLogo{width:9%; height:45px; margin-left:10%; margin-top:28px ;background-image:url(images/OUC-China-logo.png); }
+
−
.indexNavTxt{ font-size:1.1rem; width:64%; height:45px; right:6%;top:25px; position:absolute;}
+
−
.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;}
+
−
.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;}
+
<head>
−
.sectionTxt3{width:70%; height:45px; font-size:1.1rem; position:absolute; margin-top:30px; padding-left:10px;}
+
    <meta charset="UTF-8">
−
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
.sectionTxtBox4{ width:70%; height:450px; border:#00C 2px solid; position:absolute; margin-left:15%; top:60px; color:#FFF;}
+
    <!-- 使IE用最高模式渲染页面 -->
−
.sectionTxt4{width:70%; height:45px; font-size:1.1rem; position:absolute; margin-top:30px; padding-left:10px;}
+
    <meta name="renderer" content="webkit">
 +
    <!-- 极速模式 -->
 +
    <title>Team:OUC-China</title>
 +
    <link rel="stylesheet" href="https://2015.igem.org/Team:OUC-China/css/bootstrap-theme?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" href="https://2015.igem.org/Team:OUC-China/css/bootstrap?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" href="https://2015.igem.org/Team:OUC-China/css/nav?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" href="https://2015.igem.org/Team:OUC-China/css/index?action=raw&ctype=text/css">
 +
    <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>
 +
    <script type="text/javascript" src="https://2015.igem.org/Team:OUC-China/js/bootstrap?action=raw&ctype=text/javascript"></script>
 +
    <script>
 +
      if($('.firstHeading'))$('.firstHeading').remove();
 +
    </script>
 +
    <style>
 +
        .banner-top{
 +
            margin-left: 12%;
 +
        }
 +
        @media (min-width: 992px){
 +
            .work-content .col-md-4{
 +
                  width:25%;
 +
                  margin-right: 8%;
 +
            }
 +
        }
 +
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
  
−
.sectionTxtBox5{ width:70%; height:450px; border:#00C 2px solid; position:absolute; margin-left:15%; top:60px; color:#FFF;}
+
#globalWrapper, #content { /*-- changes default wiki settings --*/
−
.sectionTxt5{width:70%; height:45px; font-size:1.1rem; position:absolute; margin-top:30px; padding-left:10px;}
+
width: 100%;  
−
.bottom{ height:10%; width:45%; margin-left:30%;top:50px;background-image:url(images/OUC-China-sponsor.png); background-size:100% 100%; position:absolute;}
+
height: 100%;
−
.bottomTxt{ height:10%; width:30%; margin-left:40%;top:120px; position:absolute;}
+
border: 0px;
−
.bottomTxt i { font-size:14px; color:#3fb8ab; text-align:center; font-style:inherit;}
+
background-color: transparent;
−
.bottomFb{ height:34px; width:34px; position:absolute; top:115px; margin-left:60%; }
+
margin: 0px;
−
.section-wrap{
+
padding: 0px;
−
    width:100%;
+
}
−
height:100%;
+
/* disable IGEM's style */
−
overflow:visible;
+
/*#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6 {
−
transition:transform 1s cubic-bezier(0.05,0,0.005,1);
+
border-bottom: none;
−
-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);
+
padding-top: 0;
−
}
+
padding-bottom: 0;
−
.section-wrap .section{
+
margin-bottom: 0;
−
    position:relative;  
+
}
−
width:100%; height:100%;
+
#bodyContent p {
−
background-position:center center;
+
font-size: 100%;
−
background-repeat:no-repeat;
+
line-height: 1em;
−
}
+
}
−
.section-wrap .section .title{
+
#bodyContent li {
−
width:100%;position:absolute;
+
margin-bottom: 0;
−
top:10%;color:#CF0;
+
}
−
font-size:2.4em;
+
#bodyContent a {
−
text-align:center;
+
font-size: 100%;
−
}
+
}*/
−
.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(images/OUC-China-home1.jpg); background-size:100% 100%;}
+
    </style>
−
.section-wrap .section-2{ background-image:url(images/OUC-China-home2.jpg); background-size:100% 100%;}
+
</head>
−
.section-wrap .section-3{ background-image:url(images/OUC-China-home3.jpg); background-size:100% 100%;}
+
−
.section-wrap .section-4{ background-image:url(images/OUC-China-home4.jpg); background-size:100% 100%;}
+
−
.section-wrap .section-5{ background-image:url(images/OUC-China-home5.jpg); background-size:100% 100%;}
+
−
.section-wrap .section-6{ background-image:url(images/OUC-China-home6.jpg); background-size:100% 100%;}
+
−
.put-section-0{
+
−
    transform:translateY(0);
+
−
-webkit-transform:translateY(0);
+
−
}
+
−
.put-section-1{
+
−
    transform:translateY(-100%);
+
−
-webkit-transform:translateY(-100%);
+
−
}
+
−
.put-section-2{
+
−
    transform:translateY(-200%);
+
−
-webkit-transform:translateY(-200%);
+
−
}
+
−
.put-section-3{
+
−
    transform:translateY(-300%);
+
−
-webkit-transform:translateY(-300%);
+
−
}
+
−
.put-section-4{
+
−
    transform:translateY(-400%);
+
−
-webkit-transform:translateY(-400%);
+
−
}
+
−
.put-section-5{
+
−
    transform:translateY(-430%);
+
−
-webkit-transform:translateY(-430%);
+
−
}
+
  
−
.section-btn{
+
<body>
−
     width:14px;
+
     <header class="header">
−
position:fixed;
+
        <nav class="navbar navbar-default">
−
right:4%;
+
            <div class="container">
−
top:60%;}
+
                <span class="menu"> Menu</span>
−
.section-btn li{
+
                <div class="banner-top">
−
    width:20px;
+
                    <ul class="nav banner-nav">
−
height:20px;
+
                        <li><a href="https://2015.igem.org/Team:OUC-China">HOME</a></li>
−
cursor:pointer;
+
                        <li class="dropdown1"><a class="down-scroll" href="#">PROJECT</a>
−
border-radius:50%;
+
                            <ul class="dropdown2">
−
-webkit-border-radius:50%;
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Project/Overview">Overview</a></li>
−
margin-bottom:15px;
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Project/Magnetic_Receiver">Magnetic Receiver</a></li>
−
    background-image:url(images/OUC-China-home-dot1.png);
+
                                <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>
−
}
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Project/Results">Results</a></li>
−
.section-btn li.on{
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Parts">Parts</a></li>
−
background-image:url(images/OUC-China-home-dot2.png);
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Project/Achievements">Achievements</a></li>
−
    border:none;
+
                            </ul>
−
}
+
                        </li>
−
+
                        <li class="dropdown1"><a href="https://2015.igem.org/Team:OUC-China/Interlab">INTERLAB</a>
−
</style>
+
                        </li>
−
<div id="page">
+
                        <li class="dropdown1"><a class="down-scroll" href="#">MODELING</a>
−
<section class="section-wrap">
+
                            <ul class="dropdown2">
−
  <div class="section section-1">
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Modeling">Overview</a></li>
−
    <div class="title active">
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Modeling/Magnetic_Receiver">Magnetic Receiver</a></li>
−
      <div class="indexNavBox"> <a href="#" title="home">
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Modeling/Heating">Heating</a></li>
−
        <div class="indexNavLogo bg100"></div>
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Modeling/Thermosensitive_Regulator">Thermosensitive Regulator</a></li>
−
        </a>
+
                            </ul>
−
        <div class="indexNavTxt">
+
                        </li>
−
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
+
                        <li class="dropdown1"><a class="down-scroll"  href="#">HUMAN PRACTISE</a>
−
           
+
                            <ul class="dropdown2">
−
              <td><a href="#">home</a></td>
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Practices">Overview</a></li>
−
              <td><a href="#">project</a></td>
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Human_Practice/Safety">Safety</a></li>
−
              <td><a href="#">measurement</a></td>
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Human_Practice/Education">Education</a></li>
−
              <td><a href="#">modeling</a></td>
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Human_Practice/Transportation">Transportation</a></li>
−
              <td><a href="#">human practice</a></td>
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Human_Practice/Communication">Communication</a></li>
−
              <td><a href="#">notebook</a></td>
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Human_Practice/Guide_Of_Logo_Design">Guide of Logo Design</a></li>
−
              <td><a href="#">team</a></td>
+
                            </ul>
−
          </table>
+
                        </li>
 +
                        <li class="dropdown1"><a class="down-scroll" href="#">NOTE BOOK</a>
 +
                            <ul class="dropdown2">
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Note_Book/Lab_Journal">Lab Journal</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Note_Book/Protocol">Protocol</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown1"><a class="down-scroll" href="#">TEAM</a>
 +
                            <ul class="dropdown2">
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Team/Member">Member</a></li>
 +
                                <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>
 +
                    </ul>
 +
                    <script>
 +
                    $("span.menu").click(function() {
 +
                        $(" ul.nav").slideToggle("slow", function() {});
 +
                    });
 +
                    </script>
 +
                </div>
 +
                <div class="clearfix"> </div>
 +
            </div>
 +
            <!-- /.container-fluid -->
 +
        </nav>
 +
    </header>
 +
    <div class="banner-container">
 +
        <div class="banner-content">
 +
            <img src="https://static.igem.org/mediawiki/2015/4/4b/OUC-China-Team_Logo.png" width="400" alt="" class="img-responsive center-block">
 +
            <h2>Magthermo coli</h2>
 
         </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="images/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>
−
  </div>
+
    <div class="returnTop">
−
</section>
+
        <img src="https://static.igem.org/mediawiki/2015/a/a4/ReturnTop.png" alt="">
−
<ul class="section-btn">
+
    </div>
−
  <li class="on"></li>
+
    <footer>
−
  <li></li>
+
        <div class="container">
−
  <li></li>
+
            <address class="center-block">
−
  <li></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>
−
</ul>
+
            <center><ul class="footer-img">
−
<script type="text/javascript" src="js/jquery.min.js"></script>
+
                <li>
−
<script type="text/javascript">
+
                    <img src="https://static.igem.org/mediawiki/2015/2/27/OUC-China_footer1.png" alt="" class="img-responsive">
−
//Here reference: mouse wheel mousewheel plugin
+
                </li>
−
!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)}})});
+
                <li>
−
+
                    <img src="https://static.igem.org/mediawiki/2015/7/7c/OUC-China_footer2.png" alt="" class="img-responsive">
−
$(function(){
+
                </li>
−
var i=0;
+
                <li>
−
var $btn = $('.section-btn 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>
−
$wrap = $('.section-wrap'),
+
                </li>
−
$arrow = $('.arrow');
+
                <li>
−
+
                    <img src="https://static.igem.org/mediawiki/2015/2/26/OUC-China_footer4.png" alt="" class="img-responsive">
−
/*Current page assignment*/
+
                </li>
−
function up(){i++;if(i==$btn.length){i=0};}
+
                <li>
−
function down(){i--;if(i<0){i=$btn.length-1};}
+
                    <img src="https://static.igem.org/mediawiki/2015/3/3e/OUC-China_footer5.png" alt="" class="img-responsive">
−
+
                </li>
−
/*Page slide*/
+
                <div class="clr"></div>
−
function run(){
+
            </ul></center>
−
$btn.eq(i).addClass('on').siblings().removeClass('on');
+
        </div> 
−
$wrap.attr("class","section-wrap").addClass(function() { return "put-section-"+i; }).find('.section').eq(i).find('.title').addClass('active');
+
    </footer>
−
};
+
 
−
+
</body>
−
/*Right button click*/
+
 
−
$btn.each(function(index) {
+
</html>
−
$(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>
+
−
</div>
+
−
<html>
+

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