Difference between revisions of "Team:OUC-China"

 
(213 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">
 +
 
 
<head>
 
<head>
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
    <meta charset="UTF-8">
−
<title>无标题文档</title>
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
<style type="text/css">
+
    <!-- 使IE用最高模式渲染页面 -->
−
 
+
    <meta name="renderer" content="webkit">
−
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
    <!-- 极速模式 -->
−
 
+
    <title>Team:OUC-China</title>
−
.firstHeading {
+
    <link rel="stylesheet" href="https://2015.igem.org/Team:OUC-China/css/bootstrap-theme?action=raw&ctype=text/css">
−
width: 975px;
+
    <link rel="stylesheet" href="https://2015.igem.org/Team:OUC-China/css/bootstrap?action=raw&ctype=text/css">
−
margin: 0px auto;
+
    <link rel="stylesheet" href="https://2015.igem.org/Team:OUC-China/css/nav?action=raw&ctype=text/css">
−
padding-top: 100px;
+
    <link rel="stylesheet" href="https://2015.igem.org/Team:OUC-China/css/index?action=raw&ctype=text/css">
−
margin-bottom: 20px;
+
    <script src="https://2015.igem.org/Team:OUC-China/js/jquery-1-11-1-min?action=raw&ctype=text/javascript"></script>
−
font-family: Georgia, Times, "Times New Roman", serif;
+
    <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>
−
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
+
      if($('.firstHeading'))$('.firstHeading').remove();
−
 
+
    </script>
−
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
    <style>
−
background-color: #383838;
+
        .banner-top{
−
border: 0 none;
+
            margin-left: 12%;
−
height: 14px;
+
        }
−
z-index: 100;
+
        @media (min-width: 992px){
−
top: 0;
+
            .work-content .col-md-4{
−
position: fixed;
+
                  width:25%;
−
width: 975px;
+
                  margin-right: 8%;
−
left: 50%;  
+
            }
−
margin-left: -487px;
+
        }
−
}
+
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
−
 
+
−
#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 58: 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 {
+
<body>
−
text-decoration:none;
+
    <header class="header">
−
color: #000;
+
        <nav class="navbar navbar-default">
−
display: block;  
+
            <div class="container">
−
width: 180px;
+
                <span class="menu"> Menu</span>
−
height: 100%;
+
                <div class="banner-top">
−
padding: 3px 5px;
+
                    <ul class="nav banner-nav">
−
transition: .25s ease-in-out;
+
                        <li><a href="https://2015.igem.org/Team:OUC-China">HOME</a></li>
−
-moz-transition: .25s ease-in-out;
+
                        <li class="dropdown1"><a class="down-scroll" href="#">PROJECT</a>
−
-webkit-transition: .25s ease-in-out;
+
                            <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="container-fluid how-work">
 +
        <div class="container">
 +
            <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 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>
  
−
.sidemenu a.greyout { color: #909090; }
+
</body>
  
−
.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>
 
−
<style>
 
−
.div1 {width:100px; height:100px; background-color:#000; left:0px; top:10px; position:fixed;}
 
−
</style>
 
−
<script>
 
−
        if ($('.firstHeading')) $('.firstHeading').remove();
 
−
    </script>
 
−
<body>
 
−
<div class="div1"></div>
 
−
</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