"
Team:Berlin/Project
From 2014.igem.org
(Difference between revisions)
m |
|||
| (108 intermediate revisions not shown) | |||
| 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 64: | Line 62: | ||
<div class="row featurette" id="main-featurette-row"> | <div class="row featurette" id="main-featurette-row"> | ||
| - | <div class="start-text-container"> | + | <div class="start-text-container-project"> |
| - | <h2><img src=" | + | <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 class="teaser-text-sub"> | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
</div> | </div> | ||
<!--<a href="#" class="more-informations-white">More informations</a>--> | <!--<a href="#" class="more-informations-white">More informations</a>--> | ||
| Line 80: | Line 70: | ||
</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> | ||
| + | |||
| + | </section> | ||
| Line 169: | 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 195: | 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 213: | Line 230: | ||
<script> | <script> | ||
| + | $(document).ready(function() { | ||
| + | document.title = 'iGEM Berlin 2014 | Project | @igem.org'; | ||
| + | }); | ||
// NAVBAR STYLE | // NAVBAR STYLE | ||
| Line 222: | 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 230: | Line 250: | ||
}); | }); | ||
| + | |||
| + | // my scroll to | ||
| + | $("#main-button").click(function() { | ||
| + | $('html, body').animate({ | ||
| + | scrollTop: $("#main-featurette-row").offset().top - 57 | ||
| + | }, 720); | ||
| + | }); | ||
| + | |||
| + | // my scroll to | ||
| + | $("#ecoli-button").click(function() { | ||
| + | $('html, body').animate({ | ||
| + | scrollTop: $("#first-featurette-row").offset().top - 57 | ||
| + | }, 800); | ||
| + | }); | ||
| + | |||
| + | // my scroll to | ||
| + | $("#project-button").click(function() { | ||
| + | $('html, body').animate({ | ||
| + | scrollTop: $("#team-featurette-row").offset().top - 57 | ||
| + | }, 800); | ||
| + | }); | ||
| + | |||
| + | // my scroll to | ||
| + | $("#team-button").click(function() { | ||
| + | $('html, body').animate({ | ||
| + | scrollTop: $("#blog-featurette-row").offset().top - 57 | ||
| + | }, 800); | ||
| + | }); | ||
| + | |||
| + | |||
| + | $(document).ready(function(){ | ||
| + | // cache the window object | ||
| + | $window = $(window); | ||
| + | |||
| + | $('section[data-type="background"]').each(function(){ | ||
| + | // declare the variable to affect the defined data-type | ||
| + | var $scroll = $(this); | ||
| + | |||
| + | $(window).scroll(function() { | ||
| + | // HTML5 proves useful for helping with creating JS functions! | ||
| + | // also, negative value because we're scrolling upwards | ||
| + | var yPos = -($window.scrollTop() / $scroll.data('speed')); | ||
| + | |||
| + | // background position | ||
| + | var coords = '80% '+ yPos + 'px'; | ||
| + | |||
| + | // move the background | ||
| + | $scroll.css({ backgroundPosition: coords }); | ||
| + | }); // end window scroll | ||
| + | }); // end section function | ||
| + | |||
| + | $("#section-B").hide(); | ||
| + | $("#section-C").hide(); | ||
| + | $("#C-up").hide(); | ||
| + | $("#B-up").hide(); | ||
| + | |||
| + | $("#show-B").click(function(){ | ||
| + | $("#section-B").slideToggle(); | ||
| + | $("#B-up").toggle(); | ||
| + | $("#B-down").toggle(); | ||
| + | }); | ||
| + | |||
| + | $("#show-C").click(function(){ | ||
| + | $("#section-C").slideToggle(); | ||
| + | $("#C-up").toggle(); | ||
| + | $("#C-down").toggle(); | ||
| + | }); | ||
| + | |||
| + | }); // close out script | ||
| + | |||
//NAVBAR STYLE | //NAVBAR STYLE | ||
| Line 237: | 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(); | ||
Latest revision as of 21:59, 17 October 2014
Explore our Project:
Explore our Project:1
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.
Sponsors
