Team:OUC-China
From 2013.igem.org
Zhengyuchen (Talk | contribs) |
|||
(35 intermediate revisions not shown) | |||
Line 17: | Line 17: | ||
} | } | ||
body{ | body{ | ||
+ | color: #34495e; | ||
+ | } | ||
+ | #bodyContent h1, #bodyContent h2{ | ||
+ | margin-bottom:0; | ||
+ | } | ||
+ | h1, h2, h3, h4, h5, h6{ | ||
+ | padding-top: 0; | ||
+ | padding-bottom: 0; | ||
color: #34495e; | color: #34495e; | ||
} | } | ||
#globalWrapper { | #globalWrapper { | ||
- | + | font-size: 100%; | |
} | } | ||
#top-section{ | #top-section{ | ||
Line 44: | Line 52: | ||
#content | #content | ||
{ | { | ||
- | + | border:none; | |
- | + | height: 100%; | |
- | + | margin:0; | |
- | + | padding:0; | |
- | + | width:100%; | |
- | + | position: absolute; | |
- | + | background-color: #FFFFFF; | |
+ | color: #34495e; | ||
+ | } | ||
+ | a:visited{ | ||
+ | color: #fff; | ||
} | } | ||
/*the nav settings | /*the nav settings | ||
----------------------------------------------- */ | ----------------------------------------------- */ | ||
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{ | .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{ | ||
- | + | color: #1abc9c; | |
- | + | background-color: transparent; | |
} | } | ||
.navbar-inverse .navbar-nav>li>a{ | .navbar-inverse .navbar-nav>li>a{ | ||
- | + | color: #fff; | |
} | } | ||
.navbar-inverse .navbar-nav>li>a:hover{ | .navbar-inverse .navbar-nav>li>a:hover{ | ||
- | + | color: #1abc9c; | |
- | + | background-color:transparent; | |
} | } | ||
.navbar-inverse .navbar-brand{ | .navbar-inverse .navbar-brand{ | ||
Line 74: | Line 86: | ||
} | } | ||
.navbar-inverse .navbar-brand p{ | .navbar-inverse .navbar-brand p{ | ||
- | padding: | + | padding:12px 30px; |
margin:0; | margin:0; | ||
} | } | ||
.navbar-inverse .navbar-brand:hover{ | .navbar-inverse .navbar-brand:hover{ | ||
- | + | color: #1abc9c; | |
} | } | ||
.navbar-inverse{ | .navbar-inverse{ | ||
- | + | border-color: transparent; | |
- | + | background: #34495e; | |
- | + | font-weight: bold; | |
- | + | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
} | } | ||
.dropdown-menu{ | .dropdown-menu{ | ||
- | + | background-color:#34495e; | |
- | + | border:none; | |
- | + | -webkit-box-shadow:none; | |
- | + | box-shadow: none; | |
} | } | ||
.dropdown-menu>li>a{ | .dropdown-menu>li>a{ | ||
- | + | color: #fff; | |
- | + | font-weight: bold; | |
} | } | ||
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{ | .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{ | ||
- | + | color:#1abc9c; | |
- | + | background-color: transparent; | |
} | } | ||
Line 142: | Line 154: | ||
.banner .inner { | .banner .inner { | ||
+ | |||
+ | |||
padding: 160px 0 110px; | padding: 160px 0 110px; | ||
} | } | ||
Line 148: | Line 162: | ||
font-size: 40px; | font-size: 40px; | ||
line-height: 52px; | line-height: 52px; | ||
- | + | border-bottom:#fff; | |
color: #fff; | color: #fff; | ||
} | } | ||
Line 191: | Line 205: | ||
right: 0; | right: 0; | ||
bottom: 20px; | bottom: 20px; | ||
- | margin | + | margin: 0; |
} | } | ||
.banner .dots li { | .banner .dots li { | ||
Line 227: | Line 241: | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
+ | |||
+ | /*features*/ | ||
+ | .features { | ||
+ | overflow: hidden; | ||
+ | padding: 50px 0; | ||
+ | } | ||
+ | .features li { | ||
+ | position: relative; | ||
+ | padding: 0 25px 0 40px; | ||
+ | list-style: none; | ||
+ | |||
+ | width: 25%; | ||
+ | float: left; | ||
+ | } | ||
+ | .features li:before { | ||
+ | content: ''; | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | top: 0; | ||
+ | |||
+ | display: block; | ||
+ | width: 24px; | ||
+ | height: 22px; | ||
+ | |||
+ | background: url('img/icons.png'); | ||
+ | } | ||
+ | .features li.browser:before { background-position: 0 -44px; } | ||
+ | .features li.height:before { background-position: 0 -22px; } | ||
+ | .features li.responsive:before { background-position: 0 -66px; } | ||
+ | .features b { | ||
+ | display: block; | ||
+ | padding-bottom: 6px; | ||
+ | } | ||
+ | .wrap { | ||
+ | margin: 0 auto; | ||
+ | max-width: 1170px; | ||
+ | } | ||
+ | /*footer*/ | ||
+ | footer{ | ||
+ | margin-top: 100px; | ||
+ | background-color: #eceff1; | ||
+ | color: #bdc1c5; | ||
+ | font-size: 17px; | ||
+ | padding: 0; | ||
+ | } | ||
+ | .footer-banner{ | ||
+ | background-color: #34495e; | ||
+ | color: #58F8D9; | ||
+ | margin-left: 42px; | ||
+ | min-height: 286px; | ||
+ | padding: 0 30px 30px; | ||
+ | } | ||
+ | .footer-banner ul{ | ||
+ | list-style-type: none; | ||
+ | } | ||
+ | .footer-banner ul li{ | ||
+ | border-bottom:1px solid rgba(57, 107, 97, 0.53); | ||
+ | line-height: 19px; | ||
+ | padding: 6px 0; | ||
+ | } | ||
+ | .footer-banner a{ | ||
+ | color: #58F8D9; | ||
+ | } | ||
+ | .footer-banner a:hover{ | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .footer-title{ | ||
+ | margin: 0 0 22px; | ||
+ | padding-top: 21px; | ||
+ | color: #1abc9c; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .footerleft a{ | ||
+ | color: #bdc1c5; | ||
+ | } | ||
+ | .footerleft a:visited { | ||
+ | color: #bdc1c5; | ||
+ | } | ||
</style> | </style> | ||
</head> | </head> | ||
- | <body > | + | <body> |
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> | <div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> | ||
- | + | <div class="navbar-header"> | |
- | + | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> | |
- | + | <span class="sr-only">The navigation</span> | |
- | + | <span class="icon-bar"></span> | |
- | + | <span class="icon-bar"></span> | |
- | + | <span class="icon-bar"></span> | |
- | + | </button> | |
<a class="navbar-brand" href="https://igem.org/Team_Wikis?year=2013"> | <a class="navbar-brand" href="https://igem.org/Team_Wikis?year=2013"> | ||
<img src="https://static.igem.org/mediawiki/2013/7/7d/Ouc-igem1.png"> | <img src="https://static.igem.org/mediawiki/2013/7/7d/Ouc-igem1.png"> | ||
Line 246: | Line 338: | ||
</div> | </div> | ||
<div class="collapse navbar-collapse navbar-ex1-collapse"> | <div class="collapse navbar-collapse navbar-ex1-collapse"> | ||
- | + | <ul class="nav navbar-nav pull-right"> | |
- | + | <li><a href="https://2013.igem.org/Team:OUC-China">Home</a></li> | |
<li class="dropdown" role="menu" aria-labelledby="dropdownMenu"> | <li class="dropdown" role="menu" aria-labelledby="dropdownMenu"> | ||
- | + | <a class="dropdown-toggle" data-toggle="dropdown" href="#">Project<b class="caret"></b></a> | |
- | + | <ul class="dropdown-menu"> | |
- | + | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Overview">Overview</a></li> | |
- | + | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Achievement">Achievement & judge criteria</a></li> | |
- | + | <li class="dropdown-submenu"> | |
- | + | <a tabindex="-1" href="#">Intracellular compartment</a> | |
- | + | <ul class="dropdown-menu"> | |
- | + | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Review">Review</a></li> | |
- | + | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Design">Design</a></li> | |
- | + | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Microfluidics">Microfluidics</a></li> | |
- | + | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Results">Results</a></li> | |
- | + | </ul> | |
- | + | </li> | |
<li class="dropdown-submenu"> | <li class="dropdown-submenu"> | ||
<a tabindex="-1" href="#">RNA guardian</a> | <a tabindex="-1" href="#">RNA guardian</a> | ||
- | + | <ul class="dropdown-menu"> | |
- | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/ | + | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Introduction">Introduction</a></li> |
<li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/RNA guardian/Design">Design</a></li> | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/RNA guardian/Design">Design</a></li> | ||
- | + | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/RNA guardian/Results">Result</a></li> | |
- | + | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Reference">Reference</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Part description">Part description</a></li> | |
- | + | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Future work">Future work</a></li> | |
</ul> | </ul> | ||
- | + | </li> | |
<li class="dropdown" role="menu" aria-labelledby="dropdownMenu"> | <li class="dropdown" role="menu" aria-labelledby="dropdownMenu"> | ||
- | + | <a class="dropdown-toggle" data-toggle="dropdown" href="#">Modeling<b class="caret"></b></a> | |
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Magnetic Analysis">Magnetic Analysis</a></li> | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Magnetic Analysis">Magnetic Analysis</a></li> | ||
Line 283: | Line 375: | ||
</li> | </li> | ||
<li><a href="https://2013.igem.org/Team:OUC-China/Human Practice">Human Practice</a></li> | <li><a href="https://2013.igem.org/Team:OUC-China/Human Practice">Human Practice</a></li> | ||
- | + | <li class="dropdown"> | |
- | + | <a class="dropdown-toggle" data-toggle="dropdown" href="#">Team<b class="caret"></b></a> | |
- | + | <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> | |
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Members">Members</a></li> | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Members">Members</a></li> | ||
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Instructors">Instructors</a></li> | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Instructors">Instructors</a></li> | ||
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Advisor">Advisor</a></li> | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Advisor">Advisor</a></li> | ||
- | + | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Lab">Lab</a></li> | |
- | + | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Acknowledgement">Acknowledgement</a></li> | |
- | + | </ul> | |
</li> | </li> | ||
- | + | <li class="dropdown"><a href="https://2013.igem.org/Team:OUC-China/Safety">Safety</a></li> | |
- | + | <li class="dropdown"> | |
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Notebook<b class="caret"></b></a> | <a class="dropdown-toggle" data-toggle="dropdown" href="#">Notebook<b class="caret"></b></a> | ||
<ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> | <ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> | ||
Line 301: | Line 393: | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | + | </ul> | |
- | + | </div> | |
</div> | </div> | ||
<!--the slidershow begin--> | <!--the slidershow begin--> | ||
<div class="banner"> | <div class="banner"> | ||
<ul> | <ul> | ||
- | <li style="background-image: url('https://static.igem.org/mediawiki/ | + | <li style="background-image: url('https://static.igem.org/mediawiki/igem.org/9/9e/Tital.jpg');"> |
<div class="inner"> | <div class="inner"> | ||
- | <h1>WE DID IT!</h1> | + | <h1>WE DID IT !</h1> |
- | <p>Constructing an Artificial | + | <p>Constructing an Artificial Organelle(Intracellular Compartment) in <i>E.coli</i></p> |
- | <a class="btn" href="https://2013.igem.org/Team:OUC-China/Results">learn | + | <a class="btn" href="https://2013.igem.org/Team:OUC-China/Results">learn the story behind this picture</a> |
</div> | </div> | ||
</li> | </li> | ||
- | <li style="background-image: url(' | + | <li style="background-image: url('https://static.igem.org/mediawiki/2013/7/7d/Cluster.png');"> |
<div class="inner"> | <div class="inner"> | ||
- | <h1> | + | <h1>Compression of Metabolic Pathways</h1> |
- | <p> | + | <p>Constructing an artificial cluster to build the compartment by operating fewer genes. </p> |
- | + | <a class="btn" href="https://2013.igem.org/Team:OUC-China/Design">learn more</a> | |
- | <a class="btn" href=" | + | |
</div> | </div> | ||
</li> | </li> | ||
- | + | <li style="background-image: url('https://static.igem.org/mediawiki/2013/b/bc/Slider-xiaodong.jpg');"> | |
- | <div class="inner"> | + | <div class="inner" style="float:left;padding-left:30px;"> |
- | <h1> | + | <h1>Microfluidic Chip Magnetism Detection</h1> |
- | <p> | + | <p><br></p> |
- | + | <a class="btn" href="https://2013.igem.org/Team:OUC-China/Microfluidics" style="color:#1abc9c;">learn more</a> | |
- | <a class="btn" href=" | + | |
</div> | </div> | ||
</li> | </li> | ||
- | + | <li style="background-image: url('https://static.igem.org/mediawiki/2013/7/75/Ouc-slide4.jpg');"> | |
- | <li style="background- | + | |
<div class="inner"> | <div class="inner"> | ||
- | <h1> | + | <h1>Factors Considered in RNA guardian</h1> |
- | <p> | + | <p><br /></p> |
- | + | <a class="btn" href="https://2013.igem.org/Team:OUC-China/RNA_guardian/Design">Learn more</a> | |
- | <a class="btn" href=" | + | |
</div> | </div> | ||
</li> | </li> | ||
Line 344: | Line 432: | ||
</div> | </div> | ||
<!--the slidershow end--> | <!--the slidershow end--> | ||
- | + | <div class="features"> | |
- | + | <ul class="wrap"> | |
- | < | + | <h3><b>Features Of Our Project</b></h3><hr> |
- | + | <li> | |
- | + | <b><span class="glyphicon glyphicon-ok-sign"></span> Artificial Organelle(Intracellular Compartment)</b> | |
- | + | <p>We designed an artificial prokaryotic membranous organelle which is capable of anchoring proteins, opening up new possibilities for intracellular biochemistry reactions.</p> | |
- | + | <a class="btn btn-info" href="https://2013.igem.org/Team:OUC-China/Results">Learn more</a> | |
- | + | </li> | |
- | + | <li> | |
- | + | <b><span class="glyphicon glyphicon-ok-sign"></span> RNA Guardian</b> | |
- | + | <p>We took advantage of the 3D structure of RNA, using ribosomes as a barrier to stabilize RNA.</p> | |
- | + | <a class="btn btn-info" href="https://2013.igem.org/Team:OUC-China/Instruction">Learn more</a> | |
- | + | </li> | |
- | + | <li> | |
- | + | <b><span class="glyphicon glyphicon-ok-sign"></span> Microfluidic</b> | |
- | + | <p>We used Microfluidic Technology to detect the magnetism of our magnetic bacteria, <i>Magnetospirillum Magneticum</i>.</p> | |
- | + | <a class="btn btn-info" href="https://2013.igem.org/Team:OUC-China/Microfluidics">Learn more</a> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <p class=" | + | </li> |
- | <a class="btn btn-large btn- | + | <li> |
- | + | <b><span class="glyphicon glyphicon-ok-sign"></span> Preserving <i>mam</i>AB genes</b> | |
- | < | + | <p>We preserved <i>Magnetospirillum Magneticum</i> AMB-1 <i>mam</i>AB genes in <i>E.coli</i>, prevented the genes lose when AMB-1 strain was cultured in high oxygen partial pressure environment.</p> |
+ | <a class="btn btn-info" href="https://2013.igem.org/Team:OUC-China/Design">Learn more</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="container"> | ||
+ | <h3><b>Introduction</b></h3><hr> | ||
+ | <p>Putting biological resources into production has now become a hot topic since the development of technology and the draining of natural resources. For example, research about biofuel and biochemistry is now flourishing. But biological products have drawbacks of being inefficient and not broad-spectrum. Inspired by eukaryotic membranous organelles, we aim to construct a prokaryotic membranous organelle to realize division of work inside the cell and improve the efficiency of production. | ||
+ | How could a membrane be constructed in a Prokaryote? The answer may lie in this species: <i>Magnetosprillum Magneticum</i>, which can form a natural intracellular membrane. But this bacteria is slow-growing and requires demanding culture conditions, so the purpose of our project is to reconstruct the magnetosome membrane in <i><i>E.coli</i></i>, creating better conditions for efficient biological production.</p> | ||
+ | <p style="text-align:center"><a class="btn btn-large btn-info" href="https://2013.igem.org/Team:OUC-China/Overview">Learn more</a></p> | ||
+ | </div> | ||
+ | <!--footer--> | ||
+ | <footer> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-1"></div> | ||
+ | <div class="col-md-6 footerleft"> | ||
+ | <h3 class="footer-title" style="color:#bdc1c5;">About</h3> | ||
+ | <p>Thanks to:</p> | ||
+ | <p> Bootstrap Flat-ui Unslider</p> | ||
+ | <p>Designed and built by <a href="http://copypeng.com">@PengYong</a> and <a href="http://www.renren.com/345094399/profile?ref=opensearch_normal#notice">@ZhengYuchen.</a></p> | ||
+ | <p>Code licensed under Apache License v2.0</p> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="footer-banner"> | ||
+ | <h3 class="footer-title">Contact US</h3> | ||
+ | <ul> | ||
+ | <li>E-mail:<a href="mailto:oucigem@163.com"> oucigem@163.com</a></li> | ||
+ | <li><a href="http://oucast.com"> Official website</a></li> | ||
+ | <li><a href="http://www.renren.com/oast"> Find us on Renren</a></li> | ||
+ | <li><a href="http://weibo.com/u/2805858363"> Find us on Weibo</a></li> | ||
+ | <li><a href="https://www.google.com/maps?q=+36.062884,+120.335542&sll=36.1360706,120.3648376&sspn=0.36606958894334163,0.9386959091014536&t=m&z=16">Find us on Google Map</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-1"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </footer> | ||
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> | <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> | ||
- | <script src="http://unslider.com/unslider.js"></script> | + | <script src="http://unslider.com/unslider.min.js"></script> |
<script> | <script> | ||
$(function() { | $(function() { | ||
Line 387: | Line 508: | ||
delay: 40000, | delay: 40000, | ||
keys: true, | keys: true, | ||
- | |||
fluid: true, | fluid: true, | ||
dots: true | dots: true |
Latest revision as of 03:38, 28 September 2013
-
Artificial Organelle(Intracellular Compartment)
We designed an artificial prokaryotic membranous organelle which is capable of anchoring proteins, opening up new possibilities for intracellular biochemistry reactions.
Learn more -
RNA Guardian
We took advantage of the 3D structure of RNA, using ribosomes as a barrier to stabilize RNA.
Learn more -
Microfluidic
We used Microfluidic Technology to detect the magnetism of our magnetic bacteria, Magnetospirillum Magneticum.
Learn more -
Preserving mamAB genes
We preserved Magnetospirillum Magneticum AMB-1 mamAB genes in E.coli, prevented the genes lose when AMB-1 strain was cultured in high oxygen partial pressure environment.
Learn more
Features Of Our Project
Introduction
Putting biological resources into production has now become a hot topic since the development of technology and the draining of natural resources. For example, research about biofuel and biochemistry is now flourishing. But biological products have drawbacks of being inefficient and not broad-spectrum. Inspired by eukaryotic membranous organelles, we aim to construct a prokaryotic membranous organelle to realize division of work inside the cell and improve the efficiency of production. How could a membrane be constructed in a Prokaryote? The answer may lie in this species: Magnetosprillum Magneticum, which can form a natural intracellular membrane. But this bacteria is slow-growing and requires demanding culture conditions, so the purpose of our project is to reconstruct the magnetosome membrane in E.coli, creating better conditions for efficient biological production.