Team:Berlin/Project
From 2014.igem.org
m |
|||
(114 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | < | + | <html> |
+ | <script type="text/javascript"> | ||
+ | // The script below will remove all wikistylesheets, so you now have unlimited freedom for inline CSS. | ||
+ | for ( i=0; i<document.styleSheets.length; i++) { | ||
+ | void(document.styleSheets.item(i).disabled=true); | ||
+ | } | ||
- | + | </script> | |
+ | </html> | ||
+ | {{Team:Berlin/AllCss}} | ||
- | <html> | + | <html lang="en"> |
+ | <body> | ||
- | <!-- | + | <!-- Begin Cover --> |
- | < | + | <div class="site-wrapper-sub-project"> |
+ | <!-- Main Menu --> | ||
+ | <div class="main-menue clearfix navbar-fixed-top hidden-xs hidden-sm hidden-md" style="margin-top:20px;"> | ||
+ | <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/Project" class="main-menue-links"><li class="active">Project</li></a> | ||
+ | <a href="https://2014.igem.org/Team:Berlin/Team" class="main-menue-links"><li>Team</li></a> | ||
+ | <a href="https://2014.igem.org/Team:Berlin/Safety" class="main-menue-links"><li>Safety</li></a> | ||
+ | <a href="https://2014.igem.org/Team:Berlin/Workshop" class="main-menue-links"><li>Workshop</li></a> | ||
+ | <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> | ||
+ | </ul> | ||
+ | </div> | ||
- | <!-- | + | <!-- Burger-Menu --> |
- | < | + | <div class="navmenu navmenu-default navmenu-fixed-left offcanvas hidden-lg"> |
- | < | + | <a class="navmenu-brand" href="https://2014.igem.org/Team:Berlin"><h1>iGEM Berlin</h1></a> |
- | < | + | <ul class="nav navmenu-nav"> |
- | < | + | <li><a href="https://2014.igem.org/Team:Berlin" class="active">Home</a></li> |
- | < | + | <li><a href="https://2014.igem.org/Team:Berlin/Project">Project</a></li> |
- | < | + | <li><a href="https://2014.igem.org/Team:Berlin/Team">Team</a></li> |
- | < | + | <li><a href="https://2014.igem.org/Team:Berlin/Safety">Safety</a></li> |
- | </ | + | <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="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> | ||
+ | </div> | ||
- | < | + | <!-- Burger Icon --> |
- | < | + | <div class="navbar navbar-default navbar-fixed-top hidden-lg"> |
- | < | + | <button type="button" class="navbar-toggle" data-toggle="offcanvas" data-target=".navmenu" data-canvas="body"> |
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | < | + | <!-- Our Project Row (1) --> |
- | < | + | <section data-speed="200" data-type="background" id="section-sub"> |
+ | <div class="container-fluid container-green"> | ||
+ | <div class="row featurette" id="main-featurette-row"> | ||
- | < | + | <div class="start-text-container-project"> |
- | <a href=" | + | <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 id="subside-content"> | ||
+ | |||
- | < | + | <!--- ////////////////// DESCRIPTION////////////////// --> |
- | <a href="https://igem.org/Team. | + | <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 | + | <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> | ||
- | |||
- | |||
- | |||
- | |||
- | < | + | <!-- Begin Sponsors --> |
- | < | + | <section data-speed="1" data-type="background"> |
+ | <div class="container-fluid sponsor-wrapper"> | ||
+ | <div class="row sponsor-heading-row"> | ||
+ | <div class="col-xs-12"> | ||
+ | <h3>Sponsors</h3> | ||
+ | </div> | ||
+ | </div> | ||
- | |||
- | |||
- | |||
- | < | + | <div class="row sponsor-img-row"> |
- | </ | + | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> |
- | </ | + | <img src="https://static.igem.org/mediawiki/2014/0/0e/Team_Berlin_biocat_logo.png" class="img-responsive grayscale"> |
+ | </div> | ||
- | < | + | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> |
- | < | + | <img src="https://static.igem.org/mediawiki/2014/b/bb/Team_Berlin_bayer_logo.png" class="img-responsive grayscale"> |
- | + | </div> | |
+ | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/9/90/Team_Berlin_adares_logo.png" class="img-responsive grayscale"> | ||
+ | </div> | ||
+ | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/4/48/Team_Berlin_ibb_logo.png" class="img-responsive grayscale"> | ||
+ | </div> | ||
- | < | + | </div> |
- | < | + | |
- | + | <div class="row sponsor-img-row"> | |
- | < | + | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> |
- | </ | + | <img src="https://static.igem.org/mediawiki/2014/8/86/Team_Berlin_roth_logo.png" class="img-responsive grayscale"> |
+ | </div> | ||
+ | |||
+ | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/c/cd/Team_Berlin_GvF_Logo.png" class="img-responsive grayscale"> | ||
+ | </div> | ||
- | < | + | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> |
- | < | + | <img src="https://static.igem.org/mediawiki/2014/4/4a/Team_Berlin_BioLabs_logo.png" class="img-responsive grayscale"> |
- | < | + | </div> |
- | < | + | |
- | < | + | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> |
- | < | + | <img src="https://static.igem.org/mediawiki/2014/c/c1/Team_Berlin_Promega_logo.png" class="img-responsive grayscale"> |
- | + | </div> | |
- | </ | + | </div> |
+ | |||
+ | <div class="row sponsor-img-row"> | ||
+ | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/7/71/Team_Berlin_Agrarboerse_logo.png" class="img-responsive grayscale"> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/9/99/Team_Berlin_GenExpress_logo.png" class="img-responsive grayscale"> | ||
+ | </div> | ||
- | < | + | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> |
- | < | + | <img src="https://static.igem.org/mediawiki/2014/9/9b/Team_Berlin_era-synbio_logo.png" class="img-responsive grayscale"> |
- | < | + | </div> |
+ | |||
+ | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/b/b1/Team_Berlin_unicat_logo.jpg" class="img-responsive grayscale"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row sponsor-img-row"> | ||
+ | <div class="col-sm-2 col-sm-offset-1 col-xs-3"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/7/79/Team_Berlin_tuberlin_logo.png" class="img-responsive grayscale"> | ||
+ | </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> <!-- End Sponsors --> | |
- | + | </section> | |
- | < | + | |
- | </ | + | |
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | </ | + | <!-- Begin Footer --> |
+ | <div class="footer"> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-2">Müller-Breslau-Str. 10 <br />10623 Berlin</div> | ||
+ | <div class="col-sm-2">Phone: +49 1778800244 <br /> Mail: <a href="mailto:mail@igem.berlin">mail@igem.berlin</a></div> | ||
+ | |||
+ | <div class="col-sm-2 footer-icon-bar"> | ||
+ | <a href="https://twitter.com/iGEM_Berlin" target="blank"><img src="https://static.igem.org/mediawiki/2014/c/cc/Team_Berlin_icon_twitter.png" /></a> | ||
+ | <a href="https://www.facebook.com/igem.berlin?fref=ts" target="blank"><img src="https://static.igem.org/mediawiki/2014/c/c4/Team_Berlin_facebook-icon.png" /></a> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-6"> | ||
+ | <div class="footer-sitemap"> | ||
+ | <ul> | ||
+ | <a href="https://2014.igem.org/Team:Berlin" class="active"><li>Home |</li></a> | ||
+ | <a href="https://2014.igem.org/Team:Berlin/Project"><li>Project |</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/workshop2014_neu.php"><li>Workshop |</li></a> | ||
+ | <a href="http://igem.berlin/blog.php"><li>Blog</li></a> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="footer-imprint"> | ||
+ | ©2014 iGem Berlin, Layout/Umsetzung: Valerian Blos, Marius Wessel | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> | ||
+ | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> | ||
+ | <script src="//cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.1.3/js/jasny-bootstrap.min.js"></script> | ||
+ | |||
+ | <script> | ||
+ | $(document).ready(function() { | ||
+ | document.title = 'iGEM Berlin 2014 | Project | @igem.org'; | ||
+ | }); | ||
+ | |||
+ | // NAVBAR STYLE | ||
+ | |||
+ | $(document).ready(function(){ | ||
+ | // this will get the full URL at the address bar | ||
+ | var url = window.location.href; | ||
+ | // passes on every "a" tag | ||
+ | $(".main-menue-ul a").each(function() { | ||
+ | // checks if its the same on the address bar | ||
+ | if(url <strong> (this.href)) { | ||
+ | $(this).children("li").addClass("active"); | ||
+ | $(this).removeClass("main-menue-links"); | ||
+ | |||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | |||
+ | // 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 | ||
+ | $(".main-menue").css("background-color", "transparent"); | ||
+ | |||
+ | $(window).scroll(function() { | ||
+ | |||
+ | if ($(this).scrollTop() >= 240) { | ||
+ | $(".main-menue").css("background-color","rgb(255, 255, 255)"); | ||
+ | } | ||
+ | |||
+ | if ($(this).scrollTop() < 240) { // this refers to window | ||
+ | $(".main-menue").css("background-color","transparent"); | ||
+ | } | ||
+ | |||
+ | }); | ||
+ | |||
+ | |||
+ | |||
+ | var windowSize = $(window).height(); | ||
+ | $(".site-wrapper-sub-project").css( "height" , windowSize ); | ||
+ | |||
+ | |||
+ | // Change iGEM.ORG Wiki Style | ||
+ | $("#top-section").addClass("navbar-fixed-top hidden-xs hidden-sm hidden-md"); | ||
+ | $("#top-section").css("background-color","white"); | ||
+ | $(".left-menu").css("float","left"); | ||
+ | $(".right-menu").css("float","right"); | ||
+ | |||
+ | $( ".left-menu ul li" ).each(function() { | ||
+ | $( this ).css( "margin-right","10px" ); | ||
+ | }); | ||
+ | |||
+ | $( ".right-menu ul li" ).each(function() { | ||
+ | $( this ).css( "margin-left","10px" ); | ||
+ | }); | ||
+ | |||
+ | $( ".right-menu ul li:last-child" ).css( "margin-right","10px" ); | ||
+ | |||
+ | $( "html" ).css( "margin-top","-10px" ); | ||
+ | |||
+ | |||
+ | </script> | ||
+ | </body> | ||
- | |||
</html> | </html> |
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.