Difference between revisions of "Team:OUC-China"

 
(264 intermediate revisions by 7 users not shown)
Line 1: Line 1:
<style type="text/css">
+
<!DOCTYPE html>
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
<html lang="zh-CN">
  
 +
<head>
 +
    <meta charset="UTF-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <!-- 使IE用最高模式渲染页面 -->
 +
    <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 --*/
  
 
#globalWrapper, #content { /*-- changes default wiki settings --*/
 
#globalWrapper, #content { /*-- changes default wiki settings --*/
Line 11: 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 {
body {
+
font-size: 100%;
 
+
line-height: 1em;
+
    font: 15px/23px tahoma;
+
font-family: 'Tangerine', serif;
+
+
 
}
 
}
 
+
#bodyContent li {
#topbar {
+
margin-bottom: 0;
    height: 150px;
+
    background-color: #333333;
+
    position: fixed;
+
    width:100%;
+
    top: 0px;
+
    left:0px;
+
    z-index:999999;
+
 
+
}
+
/*Header Menu*/
+
#topmenu {
+
    display: block;
+
    list-style: none;
+
    padding: 0px 0px 0px 0px;
+
    height:30px;
+
}
+
#topmenu li {
+
display:inline;
+
}
+
#topmenu a {
+
    display: block;
+
    float: left;
+
    height: 28px;
+
    margin: 0px 0px 0px 0px;
+
    text-decoration: none;
+
    padding: 9px 15px 0px 15px;
+
    text-align: center;
+
    font-family: calibri;
+
    font-size: 15px;
+
    font-weight: bold;
+
}
+
#topmenu a, #topmenu a:visited, #topmenu a:active {
+
color:#FFFFFF;
+
}
+
#topmenu a:hover{
+
color:#ffffff;
+
background-color: #B52E10;
+
}
+
#topmenu .active a, #topmenu .active a:visited, #topmenu .active a:active{
+
color:#FFFFFF;
+
background-color: #B42D0F;
+
 
}
 
}
 +
#bodyContent a {
 +
font-size: 100%;
 +
}*/
  
.headername {
+
     </style>
     padding: 8px;
+
    height: 65px;
+
    vertical-align: middle;
+
    background-color: #FFFFFF;
+
    color: #800000;
+
margin-top:20px;
+
}
+
.headericon {
+
    float: left;
+
    width: 90px;
+
    height: 60px;
+
}
+
.igemicon {
+
    float: right;
+
    width: 100px;
+
    height: 60px;
+
    margin-right: 15px;
+
}
+
.headertiltle {
+
    font-size: 25px;
+
    font-family: calibri;
+
    float: left;
+
    width: 525px;
+
    text-decoration: none;
+
    line-height: 60px;
+
    height: 56px;
+
    position: relative;
+
    top: 0px;
+
    left: 0px;
+
}
+
 
+
.headertiltle a {
+
    font-size: 28px;
+
    font-family: calibri;
+
    float: left;
+
    width: 500px;
+
    text-decoration: none;
+
    line-height: 60px;
+
    font-weight: bold;
+
    color: #B80000;
+
}
+
 
+
 
+
</style>
+
 
+
 
+
<head>
+
<script type="text/javascript">
+
$(document).ready(function() {
+
$('a').click(function(){
+
    $('html, body').animate({
+
        scrollTop: $( $.attr(this, 'href') ).offset().top
+
    }, 500);
+
    return false;
+
});
+
});
+
</script>
+
 
</head>
 
</head>
  
 
<body>
 
<body>
<div id="topbar">
+
    <header class="header">
     <div class="headername">
+
        <nav class="navbar navbar-default">
         <div class="headericon">
+
            <div class="container">
             <img src="https://static.igem.org/mediawiki/2015/9/97/Headericon.PNG" style="height: 61px; width: 87px" alt="headericon" />
+
                <span class="menu"> Menu</span>
 
+
                <div class="banner-top">
 +
                    <ul class="nav banner-nav">
 +
                        <li><a href="https://2015.igem.org/Team:OUC-China">HOME</a></li>
 +
                        <li class="dropdown1"><a class="down-scroll" href="#">PROJECT</a>
 +
                            <ul class="dropdown2">
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Project/Overview">Overview</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Project/Magnetic_Receiver">Magnetic Receiver</a></li>
 +
                                <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>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Parts">Parts</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:OUC-China/Project/Achievements">Achievements</a></li>
 +
                            </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 class="headertiltle"><a href="https://2015.igem.org/Team:BostonU">Boston University iGEM 2015  </a></div>
+
    </div>
 
+
    <div class="container-fluid how-work">
          <div class="igemicon">
+
        <div class="container">
            <img src="https://static.igem.org/mediawiki/2015/1/10/Virginia_igem_logo.jpg" style="height: 62px; width: 70px" alt="headericon" />
+
            <div class="work-header">
 +
                <h2 class="text-uppercase">
 +
                    how does it <span>work?</span>
 +
                </h2>
 +
                <p>
 +
                    This summer we designed Magthermo coli——a platform for remote regulation of gene expression by electromagnetic signal.
 +
                </p>
 +
            </div>
 +
            <div class="row work-content">
 +
                <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>
 +
                    <p>Our Magthermo coli contains 2 core components: <B>Magnetic Receiver & Thermosensitive Regulator.</B></p>
 +
                </div>
 +
                <div class="col-md-4">
 +
                    <img src="https://static.igem.org/mediawiki/2015/e/e7/OUC-China-home_receiver_regulator2.png" alt="" class="img-responsive">
 +
                    <h3 class="text-uppercase text-center">step 2</h3>
 +
                    <p>Inducing with electromagnetic field, magnetic receiver will heat, raising the ambient temperature.</p>
 +
                </div>
 +
                <div class="col-md-4">
 +
                    <img src="https://static.igem.org/mediawiki/2015/6/6d/OUC-China_home_receiver_regulator3.png" alt="" class="img-responsive">
 +
                    <h3 class="text-uppercase text-center">step 3</h3>
 +
                    <p>
 +
                        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="container">
 +
            <h3 class="text-center index-headline">Magnetic <span>Receiver</span></h3>
 +
            <div class="row">
 +
                <div class="col-md-7">
 +
                    <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 class="container-fluid index-details2 index-details">
 +
        <div class="container">
 +
            <h3 class="text-center index-headline index-headline2">Thermosensitive <span>Regulator</span></h3>
 +
            <p class="text-center">For thermosensitive regulator,we chose <B>RNA thermometer</B> and designed a <B>thermosensitive T7 RNA polymerase.</B>  </p>
 +
            <div class="row">
 +
                <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>
 +
    <footer>
 +
        <div class="container">
 +
            <address class="center-block">
 +
                Follow us on Facebook@ <a href="https://www.facebook.com/oucigem">iGEM OUC</a>
 +
                <br>Mail to: <a href="mailto:#">oucigem@163.com</a>
 +
            </address>
 +
            <center><ul class="footer-img">
 +
                <li>
 +
                    <img src="https://static.igem.org/mediawiki/2015/2/27/OUC-China_footer1.png" alt="" class="img-responsive">
 +
                </li>
 +
                <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>
  
  <div id="menus">
+
</body>
  <ul id="topmenu">
+
            <li><a href="https://2015.igem.org/Team:BostonU">Home</a></li>
+
<li><a href="https://2015.igem.org/Team:BostonU/Team">Team</a></li>
+
<li><a href="https://2015.igem.org/Team:BostonU/Project">Project</a></li>
+
<li><a href="https://2015.igem.org/Team:BostonU/Notebook">Notebook</a></li>
+
<li><a href="https://2015.igem.org/Team:BostonU/Attributions">Attributions</a></li>
+
<li><a href="https://2015.igem.org/Team:BostonU/Collaborations">Collaborations</a></li>
+
<li><a href="https://2015.igem.org/Team:BostonU/Practices">Human Practices</a></li>
+
<li><a href="https://2015.igem.org/Team:BostonU/Safety">Safety</a></li>
+
<li><a href="https://2015.igem.org/Team:BostonU/Modeling">Modeling</a></li>
+
<li><a href="https://2015.igem.org/Team:BostonU/Measurement">Measurement</a></li>
+
<li><a href="https://2015.igem.org/Team:BostonU/Software">Software</a></li>
+
<li><a href="https://2015.igem.org/Team:BostonU/Entrepreneurship">Entrepreneurship</a></li>
+
</ul>
+
</div>
+
</div>
+
  
 
+
</html>
 
+
<header>
+
<title>Home</title>
+
<style type="text/css">
+
 
+
#header {
+
  margin-top: 150px;
+
    height: 265px;
+
    background: url(https://static.igem.org/mediawiki/2015/0/08/Homepic.JPG) no-repeat;
+
    background-repeat: no-repeat;
+
    background-position: center;
+
}
+
#contentpage {
+
    border-color: #C0C0C0;
+
    background-color: #FFFFFF;
+
    width: 80%;
+
    margin-right: auto;
+
    margin-left: auto;
+
    border-radius: 10px;
+
    font-weight: bold;
+
    font-size: 16px;
+
}
+
#mainpage {
+
    border: 1px solid #C0C0C0;
+
    width: 100%;
+
    float: left;
+
    padding: 10px;
+
    height: 300px;
+
    box-shadow: 5px 5px 2px #888888;
+
    border-radius: 10px;
+
    background-color: #F0F0F0;
+
    font-family: 'Calibri Light';
+
}
+
#mainpage p {
+
line-height:22px;
+
margin:10px 0px 22px 0px;
+
}
+
#mainpage blockquote {
+
background:#efefef;
+
display:block;
+
margin:5px;
+
font:Georgia, "Times New Roman", Times, serif;
+
font-style:italic;}
+
h2, h3, h4, h5 {
+
    color: #B32C0E;
+
    font-weight: bold;
+
    font-family: Arial, Helvetica, sans-serif;
+
    vertical-align: middle;
+
    font-size: 30px;
+
}
+
.clear {
+
clear:both;}
+
 
+
/*footer*/
+
#footer {
+
    margin: 20px auto 0 auto;
+
    width: 98.2%;
+
    height: 60px;
+
    padding: 10px;
+
    color: #FFFFFF;
+
    text-align: center;
+
    background: #333333;
+
    font-family: Verdana, Arial, Helvetica, sans-serif;
+
    font-size: 11px;
+
    clear: both;
+
}
+
 
+
    </style>
+
 
+
 
+
</header>
+
<body>
+
 
+
 
+
<div id="header">
+
</div>
+
 
+
 
+
<div id="contentpage">
+
<div id="mainpage">
+
<h2>Welcome to Our Project !</h2>
+
<p>
+
    The goal of our team this summer is to create an efficient and widely applicable workflow for splitting proteins. By splitting proteins and fusing each half to a drug-inducible domain, scientists can gain temporal control over protein expression. Using our workflow, the proteins will be translated into two inert halves that are each fused to domains that bind in the presence of an inducer drug. By introducing the drug into the system, the two inert protein halves will come together and for a fully functioning protein. In this way, scientists can further increase their control over protein function. The two types of proteins we will be testing our workflow on are the large serine integrase family and saCAS9. These proteins harness powerful mechanisms that have significant applications in the future of synthetic biology. By using our workflow, we hope to increase scientists understanding of these proteins and also provide a mechanism for increasing temporal control.
+
</p>
+
</div>
+
 
+
</div>
+
    <br />
+
    <br />
+
    <br />
+
<div class="clear"></div>
+
    <div class="clear"></div>
+
 
+
<div id="footer">
+
<p>Copyright Boston Unversity IGEM &copy; 2015  <a href="#"></a></p>
+
    <div>
+
   
+
<div>
+
<a href="[full link to your Twitter]">
+
<img title="Twitter" alt="Twitter" src="https://socialmediawidgets.files.wordpress.com/2014/03/twitter.png" width="35" height="35" />
+
</a>
+
<a href="[full link to your Facebook page]">
+
<img title="Facebook" alt="Facebook" src="https://socialmediawidgets.files.wordpress.com/2014/03/facebook.png" width="35" height="35" />
+
</a>
+
<a href="mailto:[email address]">
+
<img title="Email" alt="Email" src="https://socialmediawidgets.files.wordpress.com/2014/03/email.png" width="35" height="35" />
+
</a>
+
 
+
</div>
+
 
+
    </div>
+
</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