Team:Berlin/Project
From 2014.igem.org
m |
|||
(112 intermediate revisions not shown) | |||
Line 16: | Line 16: | ||
<!-- Begin Cover --> | <!-- Begin Cover --> | ||
- | <div class="site-wrapper"> | + | <div class="site-wrapper-sub-project"> |
<!-- Main Menu --> | <!-- Main Menu --> | ||
Line 22: | Line 22: | ||
<ul class="main-menue-ul"> | <ul class="main-menue-ul"> | ||
<a href="https://2014.igem.org/Team:Berlin" class="main-menue-links"><li>Home</li></a> | <a href="https://2014.igem.org/Team:Berlin" class="main-menue-links"><li>Home</li></a> | ||
- | <a href="https://2014.igem.org/Team:Berlin/Project" class="main-menue-links"><li>Project</li></a> | + | <a href="https://2014.igem.org/Team:Berlin/Project" class="main-menue-links"><li class="active">Project</li></a> |
- | <a href=" | + | <a href="https://2014.igem.org/Team:Berlin/Team" class="main-menue-links"><li>Team</li></a> |
- | <a href=" | + | <a href="https://2014.igem.org/Team:Berlin/Safety" class="main-menue-links"><li>Safety</li></a> |
- | <a href=" | + | <a href="https://2014.igem.org/Team:Berlin/Workshop" class="main-menue-links"><li>Workshop</li></a> |
- | <a href=" | + | <a href="https://2014.igem.org/Team:Berlin/Blog" class="main-menue-links"><li>Blog</li></a> |
- | + | ||
<a href="https://igem.org/Main_Page" class="igem-link"><li><img class="igem-logo" src="https://static.igem.org/mediawiki/2014/d/d8/Team_Berlin_igem_logo.png"></li></a> | <a href="https://igem.org/Main_Page" class="igem-link"><li><img class="igem-logo" src="https://static.igem.org/mediawiki/2014/d/d8/Team_Berlin_igem_logo.png"></li></a> | ||
</ul> | </ul> | ||
Line 34: | Line 33: | ||
<!-- Burger-Menu --> | <!-- Burger-Menu --> | ||
<div class="navmenu navmenu-default navmenu-fixed-left offcanvas hidden-lg"> | <div class="navmenu navmenu-default navmenu-fixed-left offcanvas hidden-lg"> | ||
- | <a class="navmenu-brand" href=" | + | <a class="navmenu-brand" href="https://2014.igem.org/Team:Berlin"><h1>iGEM Berlin</h1></a> |
<ul class="nav navmenu-nav"> | <ul class="nav navmenu-nav"> | ||
- | <li><a href=" | + | <li><a href="https://2014.igem.org/Team:Berlin" class="active">Home</a></li> |
- | <li><a href=" | + | <li><a href="https://2014.igem.org/Team:Berlin/Project">Project</a></li> |
- | <li><a href=" | + | <li><a href="https://2014.igem.org/Team:Berlin/Team">Team</a></li> |
- | <li><a href=" | + | <li><a href="https://2014.igem.org/Team:Berlin/Safety">Safety</a></li> |
- | <li><a href=" | + | <li><a href="https://2014.igem.org/Team:Berlin/Workshop">Workshop</a></li> |
- | + | <li><a href="https://2014.igem.org/Team:Berlin/Blog">Blog</a></li> | |
- | <li><a href=" | + | |
<li><a href="https://igem.org/Main_Page" class="igem-link"><img class="igem-logo" src="https://static.igem.org/mediawiki/2014/d/d8/Team_Berlin_igem_logo.png"></a></li> | <li><a href="https://igem.org/Main_Page" class="igem-link"><img class="igem-logo" src="https://static.igem.org/mediawiki/2014/d/d8/Team_Berlin_igem_logo.png"></a></li> | ||
</ul> | </ul> | ||
Line 59: | Line 57: | ||
- | + | <!-- Our Project Row (1) --> | |
- | + | <section data-speed="200" data-type="background" id="section-sub"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <section data-speed=" | + | |
<div class="container-fluid container-green"> | <div class="container-fluid container-green"> | ||
<div class="row featurette" id="main-featurette-row"> | <div class="row featurette" id="main-featurette-row"> | ||
- | + | <div class="start-text-container-project"> | |
- | + | <h2><img src="https://static.igem.org/mediawiki/2014/f/ff/Team_Berlin_igem_questionmark.png" alt="" class="teaser-icons hidden-xs" />Explore our Project:</h2> | |
- | + | <div class="teaser-text-sub"> | |
- | + | </div> | |
- | < | + | <!--<a href="#" class="more-informations-white">More informations</a>--> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | |||
</div> | </div> | ||
</div> | </div> | ||
- | < | + | <div id="subside-content"> |
+ | |||
- | <!-- | + | <!--- ////////////////// DESCRIPTION////////////////// --> |
- | < | + | <div class="container"> |
- | + | <div class="row"> | |
- | </ | + | <div class="col-xs-3 submenue-project" style="text-align:left;"> |
+ | <a href="https://2014.igem.org/Team:Berlin/Project" class="sub-link-project"> 1. What is it all about?</a><br/><br/> | ||
+ | <a href="https://2014.igem.org/Team:Berlin/Project/Activities" class="sub-link-project"> 2. Project-related Activities</a><br/><br/> | ||
+ | <a href="https://2014.igem.org/Team:Berlin/Project/Detailed-Description" class="sub-link-project">3. Detailed Description</a><br/><br/> | ||
+ | <a href="https://2014.igem.org/Team:Berlin/Project/Results" class="sub-link-project">4. Our Results</a><br/><br/> | ||
+ | <a href="https://2014.igem.org/Team:Berlin/Project/Summary" class="sub-link-project">5. Lab Summary</a><br/><br/> | ||
+ | <a href="https://2014.igem.org/Team:Berlin/Project/Journal" class="sub-link-project">6. Lab Journal</a><br/><br/> | ||
+ | <a href="https://2014.igem.org/Team:Berlin/Project/Property" class="sub-link-project">7. Intellectual Property</a><br/><br/> | ||
+ | <br/> | ||
+ | </div> | ||
+ | <div class="col-xs-11 col-sm-9 blog-text" style="margin-bottom:40px;"> | ||
+ | <div class="project-number">1</div><div class="project-headline-float"><h2 class="green-text project-headline"> What is it all about?</h2></div> | ||
- | + | <p> | |
- | + | <a name="description"> </a> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <strong>iGEM Berlin 2014: A remote control for E. coli</strong><br/> | |
- | + | <p> | |
- | + | As the first iGEM team from Berlin, we decided to construct a simple BioBrick that enables synthetic biologists to remotely control the movement of E. coli. A seemingly simple and non-invasive mechanism for this remote control is the use of magnetic fields. By altering the iron homeostasis of E. coli, we want to increase the total iron level of the cytosol. By sequestering iron in a ferritin protein, iron crystals are formed and the cell is detoxified. We also worked with other metal binding proteins such as metallothioneins and phytochelatin synthases in order to create various metal nanoparticles as an alternative strategy. Furthermore, we searched for the optimal conditions which yielded the most efficient formation of magnetic nanoparticles in E. coli. Once we have discovered the best way to magnetize E. coli bacteria, we will build and characterize suitable BioBricks that can be used to remote control the cellular movement of E. coli.</p><br/> | |
- | + | The following animation visualizes the concept of using ferritin iron storage proteins as a magnetism mediating module.<br/> | |
- | + | <br/> | |
- | + | <iframe src="//player.vimeo.com/video/109249906?byline=0&portrait=0&color=0ecd28" width="700" height="394" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> | |
- | + | <br/> | |
- | + | <br/> | |
- | + | This animation was developed by Florian Renner who is an science interested and very talented graphic designer based in Munich. We thank Florian for his amazing job he did voluntarily for iGEM Berlin helping us to overcome the limitations of our budget. | |
+ | <br/><br/> | ||
+ | |||
- | + | </div> | |
- | </div> | + | </div> |
+ | </div> | ||
+ | |||
</section> | </section> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
Line 274: | Line 183: | ||
<img src="https://static.igem.org/mediawiki/2014/7/79/Team_Berlin_tuberlin_logo.png" class="img-responsive grayscale"> | <img src="https://static.igem.org/mediawiki/2014/7/79/Team_Berlin_tuberlin_logo.png" class="img-responsive grayscale"> | ||
</div> | </div> | ||
+ | |||
+ | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> | ||
+ | <img src="https://static.igem.org/mediawiki/parts/c/cb/Team_Berlin_florian_renner_logo.png" class="img-responsive grayscale"> | ||
+ | </div> | ||
</div> | </div> | ||
Line 300: | Line 213: | ||
<a href="http://igem.berlin/team.php"><li>Team |</li></a> | <a href="http://igem.berlin/team.php"><li>Team |</li></a> | ||
<a href="http://igem.berlin/safety.php">Safety |</li></a> | <a href="http://igem.berlin/safety.php">Safety |</li></a> | ||
- | |||
<a href="http://igem.berlin/workshop2014_neu.php"><li>Workshop |</li></a> | <a href="http://igem.berlin/workshop2014_neu.php"><li>Workshop |</li></a> | ||
<a href="http://igem.berlin/blog.php"><li>Blog</li></a> | <a href="http://igem.berlin/blog.php"><li>Blog</li></a> | ||
Line 318: | Line 230: | ||
<script> | <script> | ||
+ | $(document).ready(function() { | ||
+ | document.title = 'iGEM Berlin 2014 | Project | @igem.org'; | ||
+ | }); | ||
// NAVBAR STYLE | // NAVBAR STYLE | ||
Line 327: | Line 242: | ||
$(".main-menue-ul a").each(function() { | $(".main-menue-ul a").each(function() { | ||
// checks if its the same on the address bar | // checks if its the same on the address bar | ||
- | if(url | + | if(url <strong> (this.href)) { |
$(this).children("li").addClass("active"); | $(this).children("li").addClass("active"); | ||
$(this).removeClass("main-menue-links"); | $(this).removeClass("main-menue-links"); | ||
Line 412: | Line 327: | ||
if ($(this).scrollTop() >= 240) { | if ($(this).scrollTop() >= 240) { | ||
- | + | $(".main-menue").css("background-color","rgb(255, 255, 255)"); | |
} | } | ||
if ($(this).scrollTop() < 240) { // this refers to window | if ($(this).scrollTop() < 240) { // this refers to window | ||
- | + | $(".main-menue").css("background-color","transparent"); | |
} | } | ||
}); | }); | ||
+ | |||
+ | |||
var windowSize = $(window).height(); | var windowSize = $(window).height(); | ||
- | $(".site-wrapper").css( "height" , windowSize ); | + | $(".site-wrapper-sub-project").css( "height" , windowSize ); |
Latest revision as of 21:59, 17 October 2014
Explore our Project:
What is it all about?
iGEM Berlin 2014: A remote control for E. coli
As the first iGEM team from Berlin, we decided to construct a simple BioBrick that enables synthetic biologists to remotely control the movement of E. coli. A seemingly simple and non-invasive mechanism for this remote control is the use of magnetic fields. By altering the iron homeostasis of E. coli, we want to increase the total iron level of the cytosol. By sequestering iron in a ferritin protein, iron crystals are formed and the cell is detoxified. We also worked with other metal binding proteins such as metallothioneins and phytochelatin synthases in order to create various metal nanoparticles as an alternative strategy. Furthermore, we searched for the optimal conditions which yielded the most efficient formation of magnetic nanoparticles in E. coli. Once we have discovered the best way to magnetize E. coli bacteria, we will build and characterize suitable BioBricks that can be used to remote control the cellular movement of E. coli.
The following animation visualizes the concept of using ferritin iron storage proteins as a magnetism mediating module.
This animation was developed by Florian Renner who is an science interested and very talented graphic designer based in Munich. We thank Florian for his amazing job he did voluntarily for iGEM Berlin helping us to overcome the limitations of our budget.