Difference between revisions of "Team:OUC-China"

 
(207 intermediate revisions by 7 users not shown)
Line 1: Line 1:
 +
<!DOCTYPE html>
 +
<html lang="zh-CN">
  
−
<html><head>
+
<head>
−
<meta charset="utf-8">
+
    <meta charset="UTF-8">
−
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
<meta name="renderer" content="webkit">
+
    <!-- 使IE用最高模式渲染页面 -->
−
<title>indexdemo</title>
+
    <meta name="renderer" content="webkit">
−
<script type="text/javascript" src="https://2015.igem.org/common/jquery-latest.min.js"></script>  
+
    <!-- 极速模式 -->
−
 
+
    <title>Team:OUC-China</title>
−
<!--Home background msap replacement-->
+
    <link rel="stylesheet" href="https://2015.igem.org/Team:OUC-China/css/bootstrap-theme?action=raw&ctype=text/css">
−
<script language="javascript" type="text/javascript">
+
    <link rel="stylesheet" href="https://2015.igem.org/Team:OUC-China/css/bootstrap?action=raw&ctype=text/css">
−
     var images_id= new Array("images/f1.jpg", "images/f2.jpg", "images/f3.jpg");
+
    <link rel="stylesheet" href="https://2015.igem.org/Team:OUC-China/css/nav?action=raw&ctype=text/css">
−
     var index = 0;
+
    <link rel="stylesheet" href="https://2015.igem.org/Team:OUC-China/css/index?action=raw&ctype=text/css">
−
    function switch_background(){   
+
    <script src="https://2015.igem.org/Team:OUC-China/js/jquery-1-11-1-min?action=raw&ctype=text/javascript"></script>
−
    if(index ==images_id.length-1)
+
    <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>
−
        index = 0; 
+
     <script>
−
    }else{ 
+
      if($('.firstHeading'))$('.firstHeading').remove();
−
        index++;     
+
     </script>
−
    } 
+
    <style>
−
    document.getElementById("indexFlash").style.backgroundImage="url("+images_id[index]+")";
+
        .banner-top{
−
}
+
            margin-left: 12%;
−
window.onload = function()
+
        }
−
{
+
        @media (min-width: 992px){
−
     setInterval(switch_background, 1000);
+
            .work-content .col-md-4{
−
} </script>
+
                  width:25%;
−
<style>
+
                  margin-right: 8%;
−
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
            }
−
 
+
        }
−
.firstHeading {
+
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
−
width: 975px;
+
−
margin: 0px auto;
+
−
padding-top: 100px;
+
−
margin-bottom: 20px;
+
−
font-family: Georgia, Times, "Times New Roman", serif;
+
−
}
+
−
 
+
−
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
+
−
 
+
−
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
−
background-color: #383838;
+
−
border: 0 none;
+
−
height: 14px;
+
−
z-index: 100;
+
−
top: 0;
+
−
position: fixed;
+
−
width: 975px;
+
−
left: 50%;  
+
−
margin-left: -487px;
+
−
}
+
−
 
+
−
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
+
−
background-color: #383838;
+
−
height: 14px;
+
−
display: block;
+
−
z-index: 10;
+
−
position: fixed;
+
−
width: 100%;
+
−
top: 0;
+
−
}
+
−
 
+
−
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
+
−
color: #727272;
+
−
text-decoration: none;
+
−
background-color: transparent;
+
−
}
+
−
 
+
−
body {
+
−
background-color: #fff;
+
−
}
+
  
 
#globalWrapper, #content { /*-- changes default wiki settings --*/
 
#globalWrapper, #content { /*-- changes default wiki settings --*/
Line 77: Line 39:
 
padding: 0px;
 
padding: 0px;
 
}
 
}
−
 
+
/* disable IGEM's style */
−
html, body, .wrapper { /*-- changes default wiki settings --*/
+
/*#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6 {
−
width: 100%;  
+
border-bottom: none;
−
height: 100%;  
+
padding-top: 0;
−
background-color: transparent;
+
padding-bottom: 0;
 +
margin-bottom: 0;
 
}
 
}
−
 
+
#bodyContent p {
−
#contentcontainer { /*-- creates container for all content on page --*/
+
font-size: 100%;
−
font-family: Arial, Helvetica, sans-serif;
+
line-height: 1em;
−
font-weight: normal;
+
−
font-size: 14px;
+
−
color: #414141;
+
−
width: 960px;
+
−
margin-left: auto;
+
−
margin-right: auto;
+
−
background-color: #transparent;  
+
−
margin-top: 0px;  
+
 
}
 
}
−
 
+
#bodyContent li {
−
.sidemenu, .sidemenu li {  
+
margin-bottom: 0;
−
list-style-type: none;
+
−
list-style-image: none;
+
−
font-family: verdana;
+
−
text-decoration: none;
+
−
color:#000;
+
−
font-size: 14px;
+
 
}
 
}
 +
#bodyContent a {
 +
font-size: 100%;
 +
}*/
  
−
.sidemenu li {display: block;}
+
    </style>
 +
</head>
  
−
.sidemenu a {
 
−
text-decoration:none;
 
−
color: #000;
 
−
display: block;
 
−
width: 180px;
 
−
height: 100%;
 
−
padding: 3px 5px;
 
−
transition: .25s ease-in-out;
 
−
-moz-transition: .25s ease-in-out;
 
−
-webkit-transition: .25s ease-in-out;
 
−
}
 
−
 
−
.sidemenu a.greyout { color: #909090; }
 
−
 
−
.sidemenu a:hover {
 
−
color:#666;
 
−
background-color: #d9f5aa;
 
−
}
 
−
 
−
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
 
−
.sub-sidemenu a {color: #666;}
 
−
 
−
div.underconst
 
−
{
 
−
padding:10px;
 
−
border-radius:5px;
 
−
background-color:pink;
 
−
text-align:center;
 
−
}
 
−
 
−
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
 
−
 
−
.contentpara {margin-bottom: 30px;}
 
−
 
−
span.email{font-family: monospace; font-weight: normal;}
 
−
 
−
fieldset {border: 1px solid #337f53;}
 
−
 
−
.greyout {color: #A0A0A0;}
 
−
.highlightme {background-color: #FFFF00;}
 
−
 
−
#alertContainer { margin-bottom: 10px; width: 936px;}
 
−
#annContainer {margin-left: 8px;}
 
−
#newsContainer {border: 1px solid #ccc;}
 
−
 
−
.newsTitle {
 
−
display: block;
 
−
color: #414141;
 
−
font-size: 25px; 
 
−
        font-family: Georgia, Times, "Times New Roman", serif;
 
−
padding: 10px 15px 5px 10px;
 
−
border-bottom: 1px solid #ccc;
 
−
margin-bottom: 0px;
 
−
}
 
−
 
−
.newsItem {
 
−
border-bottom: 1px solid #ccc;
 
−
display: block;
 
−
padding: 5px 15px 0px 10px;
 
−
margin-bottom: 0px;
 
−
}
 
−
 
−
.newsItem h3 {
 
−
width: auto;
 
−
display: inline;
 
−
font-size: 14px;
 
−
font-family: Arial, Helvetica, sans-serif;
 
−
padding: 0px;
 
−
margin: 0px;
 
−
}
 
−
 
−
.newsItem img {
 
−
float: right;
 
−
clear: right;
 
−
width: 80px;
 
−
padding-left: 15px;
 
−
display: inline-block;
 
−
}
 
−
 
−
.newsItem .newsDate {
 
−
font-style: italic;
 
−
font-size: 14px;
 
−
display: inline-block;
 
−
color: #999;
 
−
float: right;
 
−
padding: 0px 0px 10px 15px;
 
−
}
 
−
 
−
.newsItem p, .newsItem ul, .newsItem li {
 
−
padding: 0px;
 
−
margin-left: 20px;
 
−
font-size: 12px;
 
−
line-height: 1.2;
 
−
}
 
−
 
−
.newsItem p {margin-top: 10px;}
 
−
 
−
.annItem {
 
−
border: 2px solid #414141;
 
−
display: block;
 
−
padding: 0px 15px 10px 10px;
 
−
margin-bottom: 18px;
 
−
position: relative;
 
−
height: 160px;
 
−
vertical-align: middle;
 
−
}
 
−
 
−
.annItem .annCentered {
 
−
display: table-cell;
 
−
vertical-align: middle;
 
−
height: 160px;
 
−
}
 
−
 
−
.annCentered h3 {
 
−
padding: 0px;
 
−
display: block;
 
−
margin-left: auto;
 
−
margin-right: auto;
 
−
text-align: center;
 
−
}
 
−
 
−
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
 
−
.annItem li {list-style: none; margin: 5px}
 
−
 
−
 
−
</style>
 
−
<script>
 
−
        if ($('.firstHeading')) $('.firstHeading').remove();
 
−
    </script>
 
−
<style>
 
−
 
−
body{
 
−
-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(https://static.igem.org/mediawiki/2015/f/fd/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;}
 
−
.sectionTxt3{width:70%; height:45px; font-size:1.1rem; position:absolute; margin-top:30px; padding-left:10px;}
 
−
 
−
.sectionTxtBox4{ width:70%; height:450px; border:#00C 2px solid; position:absolute; margin-left:15%; top:60px; color:#FFF;}
 
−
.sectionTxt4{width:70%; height:45px; font-size:1.1rem; position:absolute; margin-top:30px; padding-left:10px;}
 
−
 
−
.sectionTxtBox5{ width:70%; height:450px; border:#00C 2px solid; position:absolute; margin-left:15%; top:60px; color:#FFF;}
 
−
.sectionTxt5{width:70%; height:45px; font-size:1.1rem; position:absolute; margin-top:30px; padding-left:10px;}
 
−
.bottom{ height:10%; width:45%; margin-left:30%;top:50px;background-image:url(images/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%;}
 
−
.section-wrap .section-2{ background-image:url(https://static.igem.org/mediawiki/2015/e/e5/Team-OUC-China-home2.jpg); background-size:100% 100%;}
 
−
.section-wrap .section-3{ background-image:url(https://static.igem.org/mediawiki/2015/d/da/OUC-China-home3.jpg); background-size:100% 100%;}
 
−
.section-wrap .section-4{ background-image:url(https://static.igem.org/mediawiki/2015/a/a8/OUC-China-home4.jpg); background-size:100% 100%;}
 
−
.section-wrap .section-5{ background-image:url(https://static.igem.org/mediawiki/2015/b/bb/OUC-China-home5.jpg); background-size:100% 100%;}
 
−
.section-wrap .section-6{ background-image:url(https://static.igem.org/mediawiki/2015/d/d5/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{
 
−
    width:14px;
 
−
position:fixed;
 
−
right:4%;
 
−
top:60%;}
 
−
.section-btn li{
 
−
    width:20px;
 
−
height:20px;
 
−
cursor:pointer;
 
−
border-radius:50%;
 
−
-webkit-border-radius:50%;
 
−
margin-bottom:15px;
 
−
    background-image:url(https://static.igem.org/mediawiki/2015/7/77/OUC-China-home-dot1.png);
 
−
 
−
}
 
−
.section-btn li.on{
 
−
background-image:url(https://static.igem.org/mediawiki/2015/7/72/OUC-China-home-dot2.png);
 
−
    border:none;
 
−
}
 
−
 
−
</style>
 
−
</head>
 
 
<body>
 
<body>
−
<section class="section-wrap">
+
    <header class="header">
−
  <div class="section section-1">
+
        <nav class="navbar navbar-default">
−
    <div class="title active">
+
            <div class="container">
−
      <div class="indexNavBox"> <a href="#" title="home">
+
                <span class="menu"> Menu</span>
−
        <div class="indexNavLogo bg100"></div>
+
                <div class="banner-top">
−
        </a>
+
                    <ul class="nav banner-nav">
−
        <div class="indexNavTxt">
+
                        <li><a href="https://2015.igem.org/Team:OUC-China">HOME</a></li>
−
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
+
                        <li class="dropdown1"><a class="down-scroll" href="#">PROJECT</a>
−
           
+
                            <ul class="dropdown2">
−
              <td><a href="#">home</a></td>
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Project/Overview">Overview</a></li>
−
              <td><a href="#">project</a></td>
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Project/Magnetic_Receiver">Magnetic Receiver</a></li>
−
              <td><a href="#">measurement</a></td>
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Project/Thermosensitive_Regulator">Thermosensitive Regulator</a></li>
−
              <td><a href="#">modeling</a></td>
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Project/Captor">Captor</a></li>
−
              <td><a href="#">human practice</a></td>
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Project/Results">Results</a></li>
−
              <td><a href="#">notebook</a></td>
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Parts">Parts</a></li>
−
              <td><a href="#">team</a></td>
+
                                <li><a href="https://2015.igem.org/Team:OUC-China/Project/Achievements">Achievements</a></li>
−
          </table>
+
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown1"><a href="https://2015.igem.org/Team:OUC-China/Interlab">INTERLAB</a>
 +
                        </li>
 +
                        <li class="dropdown1"><a class="down-scroll" href="#">MODELING</a>
 +
                            <ul class="dropdown2">
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Modeling">Overview</a></li>
 +
                                <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>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Modeling/Thermosensitive_Regulator">Thermosensitive Regulator</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown1"><a class="down-scroll"  href="#">HUMAN PRACTISE</a>
 +
                            <ul class="dropdown2">
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Practices">Overview</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Human_Practice/Safety">Safety</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Human_Practice/Education">Education</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Human_Practice/Transportation">Transportation</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Human_Practice/Communication">Communication</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Human_Practice/Guide_Of_Logo_Design">Guide of Logo Design</a></li>
 +
                            </ul>
 +
                        </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="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 type="text/javascript" src="https://2015.igem.org/common/jquery-latest.min.js"></script>  
+
                <li>
−
 
+
                    <img src="https://static.igem.org/mediawiki/2015/7/7c/OUC-China_footer2.png" alt="" class="img-responsive">
−
<script type="text/javascript">
+
                </li>
−
//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)}})});
+
                    <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>
−
$(function(){
+
                <li>
−
var i=0;
+
                    <img src="https://static.igem.org/mediawiki/2015/2/26/OUC-China_footer4.png" alt="" class="img-responsive">
−
var $btn = $('.section-btn li'),
+
                </li>
−
$wrap = $('.section-wrap'),
+
                <li>
−
$arrow = $('.arrow');
+
                    <img src="https://static.igem.org/mediawiki/2015/3/3e/OUC-China_footer5.png" alt="" class="img-responsive">
−
+
                </li>
−
/*Current page assignment*/
+
                <div class="clr"></div>
−
function up(){i++;if(i==$btn.length){i=0};}
+
            </ul></center>
−
function down(){i--;if(i<0){i=$btn.length-1};}
+
        </div> 
−
+
    </footer>
−
/*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>
+
  
 
</body>
 
</body>
 +
 
</html>
 
</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