Team:Berlin

From 2014.igem.org

(Difference between revisions)
 
(108 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);
 +
}
-
<html>
+
</script>
 +
</html>
-
<!--main content -->
+
{{Team:Berlin/AllCss}}
-
<table width="70%" align="center">
+
 +
<html lang="en">
 +
<body>
-
<!--welcome box -->
+
<!-- Begin Cover -->
-
<tr>
+
<div class="site-wrapper">
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
-
<p>YHello everyone this is the preliminary wiki of iGEM Berlin. We are working on magnetic E. coli and if you would like to know why and how we do that just visit our homepage.
+
-
<br>Visit http://www.igem.berlin </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Berlin&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
<!-- Main Menu -->
-
<!-- end welcome box -->
+
<div class="main-menue clearfix navbar-fixed-top hidden-xs hidden-sm hidden-md" style="margin-top:20px;">
-
<tr>  
+
  <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>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>
 +
    <a style="margin-left:50px;" href="https://2014.igem.org/Team:Berlin" class="main-menue-links"><li style="font-size: 0.7em;">English</li></a>
 +
    <a href="https://2014.igem.org/Team:Berlin_es" class="main-menue-links"><li style="font-size: 0.7em;">Spanish</li></a>
 +
    <a href="https://2014.igem.org/Team:Berlin_cn" class="main-menue-links"><li style="font-size: 0.7em;">Chinese</li></a>
 +
  </ul>
 +
</div>
-
<!--navigation menu -->
+
<!-- Burger-Menu -->
-
<td align="center" colspan="3">
+
<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>
 +
<li>Language:</li>   
 +
<li><a href="https://2014.igem.org/Team:Berlin"><li style="font-size: 0.9em;">English</a></li>
 +
<li>    <a href="https://2014.igem.org/Team:Berlin_es" ><li style="font-size: 0.9em;">Spanish</a></li>
 +
<li>  <a href="https://2014.igem.org/Team:Berlin_cn"><li style="font-size: 0.9em;">Chinese</a></li> 
 +
</ul>
 +
</div>
-
<table  width="100%">
+
<!-- Burger Icon -->
-
<tr heigth="15px"></tr>
+
<div class="navbar navbar-default navbar-fixed-top hidden-lg">
-
<tr heigth="75px">  
+
  <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>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 
-
<a href="https://2014.igem.org/Team:Berlin"style="color:#000000">Home </a> </td>
 
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:Berlin/Team"style="color:#000000"> Team </a> </td>
 
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
  <div class="jumbotron jumbotron-home">
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Berlin"style="color:#000000"> Official Team Profile </a></td>
+
    <h1 class="cover-heading green bubble">iGEM BERLIN</h1>
 +
    <p class="teaser">
 +
      Remote-controlled E. coli bacteria?
 +
      That’s the aim of the interdisciplinary iGEM Team Berlin! <br />
 +
    </p>
 +
    <div id="main-button" class="hidden-xs hidden-sm hidden-md"> <a class="btn-lg" ><img src="https://static.igem.org/mediawiki/2014/9/9a/Team_Berlin_igem_arrow_down.png"> </a></div> 
 +
</div>   
 +
</div> <!-- End Cover -->
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 
-
<a href="https://2014.igem.org/Team:Berlin/Project"style="color:#000000"> Project</a></td>
 
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:Berlin/Parts"style="color:#000000"> Parts</a></td>
 
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<!-- Magnetic Ecoli Banner -->
-
<a href="https://2014.igem.org/Team:Berlin/Modeling"style="color:#000000"> Modeling</a></td>
+
<section data-speed="1" data-type="background">
 +
  <div class="container-fluid container-green" style="margin:0;">
 +
    <div class="row featurette" id="main-featurette-row">
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
      <div class="col-xs-12">
-
<a href="https://2014.igem.org/Team:Berlin/Notebook"style="color:#000000"> Notebook</a></td>
+
        <div class="start-text-container" id="container1">
 +
          <h2><img id="" src="https://static.igem.org/mediawiki/2014/f/ff/Team_Berlin_igem_questionmark.png" alt="" class="teaser-icons hidden-xs" />Magnetic E. coli?</h2>
 +
         
 +
          <p>
 +
          The bacteria shall be optimized for the absorption and synthesis of iron in order to
 +
          remote-control them magnetically. Small and efficient E. coli units with various areas
 +
          of use shall be the result.<br><br>These cells are attractive as they offer new solutions in bio therapeutics, bio materials and bio process engineering. Furthermore, we want to use these cells as remote controlled bacteria that can be controlled by a real time computer interface.</p>
 +
          <button type="button" class="btn btn-success btn-lg hidden-lg">More Information</button> 
 +
          <a href="https://2014.igem.org/Team:Berlin/Project" class="more-informations-white hidden-xs hidden-sm hidden-md">More information</a>
 +
        </div>
 +
</div>
 +
        <div id="ecoli-button" class="hidden-xs hidden-sm hidden-md"> <a class="btn-lg" ><img src="https://static.igem.org/mediawiki/2014/3/37/Team_Berlin_igem_arrow_down_white.png"/> </a></div> 
 +
      </div>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
    </div>
-
<a href="https://2014.igem.org/Team:Berlin/Safety"style=" color:#000000"> Safety </a></td>
+
  </div>  
 +
</section>  
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<!-- Background Section 1 -->
-
<a href="https://2014.igem.org/Team:Berlin/Attributions"style="color:#000000"> Attributions </a></td>
+
<section id="background1" class="background-size hidden-xs hidden-sm hidden-md" data-speed="15" data-type="background" >
 +
    <div class="container"></div>
 +
</section>
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
 
-
</tr>
 
-
</table>
 
-
<!--end navigation menu -->
 
-
</tr>
 
 +
<!-- Iron Row (2) -->
 +
<section data-speed="1" data-type="background">
 +
  <div class="container-fluid container-green" style="margin:0;">
 +
    <div class="row featurette" id="first-featurette-row">
-
</tr>
+
      <div class="col-xs-12">
-
+
        <div class="start-text-container" id="container2">
 +
          <h2><img src="https://static.igem.org/mediawiki/2014/f/ff/Team_Berlin_igem_questionmark.png" alt="" class="teaser-icons hidden-xs" />Project</h2>
 +
           
 +
          <p>In October 2014, a team of Berlin students from a variety of backgrounds are participating
 +
          for the first time in the international genetically engineered machines competition.
 +
          For our project, the iGEM Berlin team has decided to make E. coli bacteria susceptible to
 +
          magnetic fields. By knocking out the iron efflux transporter (FieF) and iron uptake
 +
          suppressor (FUR), 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. In order
 +
          to create ferromagnetic of super paramagnetic crystals, we will then use an intensive high
 +
          through put media optimization to discover the best conditions for the formation of magnetic
 +
          nanoparticles in E. coli. Furthermore, we will work with other metal binding proteins like
 +
          metallothioneins and phytochelatin synthases in order to achieve nanoparticle synthesis in
 +
          E. coli. Once we have discovered the best way to magnetize E. coli bacteria we will build
 +
          and characterize a suitable BioBrick that can be used by any research lab or iGEM team in
 +
          the world in order to remote control the movement of E. coli cells.</p>
 +
          <button type="button" class="btn btn-success btn-lg hidden-lg">More Information</button> 
 +
          <a href="https://2014.igem.org/Team:Berlin/Project" class="more-informations-white hidden-xs hidden-sm hidden-md">More information</a>
 +
        </div>
 +
      </div>
 +
      <div id="project-button" class="hidden-xs hidden-sm hidden-md"> <a class="btn-lg" ><img src="https://static.igem.org/mediawiki/2014/3/37/Team_Berlin_igem_arrow_down_white.png"> </a></div>
 +
    </div>
 +
  </div>
 +
</section>
 +
<!-- Background Section 2 -->
 +
<section id="background2" class="background-size hidden-xs hidden-sm  hidden-md" data-speed="15" data-type="background">
 +
    <div class="container"></div>
 +
</section>
 +
<!-- Iron Row (2) -->
 +
<section data-speed="1" data-type="background">
 +
  <div class="container-fluid container-green" style="margin:0;">
 +
    <div class="row featurette" id="team-featurette-row">
 +
     
 +
      <div class="col-xs-12">
 +
        <div class="start-text-container" id="container3">
 +
          <h2><img src="https://static.igem.org/mediawiki/2014/f/ff/Team_Berlin_igem_questionmark.png" alt="" class="teaser-icons hidden-xs" />Team</h2>     
 +
           
 +
          <p>Our team is made up of 17 undergraduates and postgraduates from a wide range of disciplines as well as our supervisors. The first iGEM Team Berlin 2014 is an assembly of highly motivated students from different universitys.
 +
Due to the multidisciplinarity our team is able to find different strategies to solve complex problems in synthetic biology.
 +
Hosted by Prof. Dr. Nediljko Budisa from the TU Berlin, our lab is
 +
          located at the Müller-Breslau-Straße 10, 10623 Berlin. Come by for a visit (Monday 5 pm).</p>
 +
          <button type="button" class="btn btn-success btn-lg hidden-lg">More Information</button> 
 +
          <a href="https://2014.igem.org/Team:Berlin/Team" class="more-informations-white hidden-xs hidden-sm hidden-md">More information</a>
 +
        </div>
 +
      </div>
-
</td>
+
      <div id="team-button" class="hidden-xs hidden-sm hidden-md"> <a class="btn-lg" ><img src="https://static.igem.org/mediawiki/2014/3/37/Team_Berlin_igem_arrow_down_white.png"> </a></div>
 +
    </div>
 +
  </div>
 +
</section>
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
<!-- Background Section 3 -->
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
<section id="background3" class="background-size hidden-xs hidden-sm hidden-md" data-speed="20" data-type="background">
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
    <div class="container"></div>
 +
</section>
-
<!--requirements section -->
+
<!-- Iron Row (2) -->
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
<section data-speed="1" data-type="background">
-
<tr>
+
  <div class="container-fluid container-green" style="margin:0;">
-
<td width="45%" valign="top">  
+
    <div class="row featurette" id="blog-featurette-row">
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
      <div class="col-xs-12">
 +
        <div class="start-text-container" id="container4">
 +
          <h2><img src="https://static.igem.org/mediawiki/2014/f/ff/Team_Berlin_igem_questionmark.png" alt="" class="teaser-icons hidden-xs" />Safety</h2>
 +
         
 +
            <p>
 +
            Our country uses a four-part „Safety Level“ rating system for laboratories. Level 4 is used for the most dangerous organisms.
 +
            This is equivalent to the WHO system. The Safety Level of our lab is Level 1 (low risk).
 +
            </p>
 +
            <!-- <p>Follow the activities around the iGEM Team Berlin. Interviews, reports and other news you will find here!</p> -->
 +
            <button type="button" class="btn btn-success btn-lg hidden-lg">More Information</button>             
 +
            <a href="https://2014.igem.org/Team:Berlin/Safety" class="more-informations-white hidden-xs hidden-sm hidden-md">More information</a>
 +
        </div>
 +
      </div>
-
<!-- Links to other team pages -->
+
    </div>
-
<ul>
+
  </div>
-
<li><a href="https://2014.igem.org/Team:Berlin">Home</a> </li>
+
</section>
-
<li><a href="https://2014.igem.org/Team:Berlin/Team">Team</a> </li>
+
<!-- Background Section 4 -->
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=Berlin">Official Team Profile</a> </li>
+
<section id="background4" class="background-size hidden-xs hidden-sm  hidden-md" data-speed="27" data-type="background">
-
<li><a href="https://2014.igem.org/Team:Berlin/Project">Project</a> </li>
+
    <div class="container"></div>
-
<li><a href="https://2014.igem.org/Team:Berlin/Parts">Parts</a> </li>
+
</section>
-
<li><a href="https://2014.igem.org/Team:Berlin/Modeling">Modeling</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Berlin/Notebook">Notebook</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Berlin/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Berlin/Attributions">Attributions</a> </li>
+
-
</ul>
 
-
</td>
 
-
<td > </td>
 
-
<td width="45%">
 
-
<p>There are a few wiki requirements teams must follow:</p>
 
-
<ul>
 
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload">  2014.igem.org server</a>. </li>
 
-
<li>All pages must be created under the team’s name space.</li>
 
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
 
-
<li>Do not use flash in wiki code. </li>
 
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
 
-
</ul>
 
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
 
-
</td>
 
-
</tr>
 
 +
<!-- Begin Sponsors  -->
 +
<section data-speed="1" data-type="background">
 +
<div class="container-fluid sponsor-wrapper">
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
  <div class="row sponsor-heading-row">
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
    <div class="col-xs-12">
 +
      <h3>Sponsors</h3>
 +
    </div>
 +
  </div>
-
<!--tips  -->
+
  <div class="row sponsor-img-row">
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
    <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>
-
<tr>
+
    <div class="col-sm-2 col-sm-offset-1 col-xs-3">
-
<td width="45%" valign="top">  
+
      <img src="https://static.igem.org/mediawiki/2014/b/bb/Team_Berlin_bayer_logo.png" class="img-responsive grayscale">
-
<p>We are currently working on providing teams with some easy to use design templates.
+
    </div>
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
-
<ul>
+
    <div class="col-sm-2 col-sm-offset-1 col-xs-3">
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
      <img src="https://static.igem.org/mediawiki/2014/9/90/Team_Berlin_adares_logo.png" class="img-responsive grayscale">
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
    </div>
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
-
</ul>
+
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a>  lists. </p>
+
    <div class="col-sm-2 col-sm-offset-1 col-xs-3">
-
</td>
+
      <img src="https://static.igem.org/mediawiki/2014/4/48/Team_Berlin_ibb_logo.png" class="img-responsive grayscale">
 +
    </div>
-
<td> </td>
+
  </div>
-
<td width="45%">  
+
   
 +
  <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>
-
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
    <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>
-
<ul>
+
    <div class="col-sm-2 col-sm-offset-1 col-xs-3">
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
      <img src="https://static.igem.org/mediawiki/2014/9/9b/Team_Berlin_era-synbio_logo.png" class="img-responsive grayscale">
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
    </div>   
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
   
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li>
+
    <div class="col-sm-2 col-sm-offset-1 col-xs-3">
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li>
+
      <img src="https://static.igem.org/mediawiki/2014/b/b1/Team_Berlin_unicat_logo.jpg" class="img-responsive grayscale">
-
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
+
    </div>
-
<li>Have lots of fun! </li>
+
  </div>
-
</ul>
+
 
-
</br>
+
  <div class="row sponsor-img-row">
-
</td>
+
    <div class="col-sm-2 col-sm-offset-1 col-xs-3">
-
</tr>
+
      <img src="https://static.igem.org/mediawiki/2014/7/79/Team_Berlin_tuberlin_logo.png" class="img-responsive grayscale">
-
</table>
+
    </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="https://2014.igem.org/Team:Berlin/Team"><li>Team |</li></a>         
 +
          <a href="https://2014.igem.org/Team:Berlin/Safety">Safety |</li></a>
 +
          <a href="https://2014.igem.org/Team:Berlin/Workshop"><li>Workshop |</li></a>
 +
          <a href="https://2014.igem.org/Team:Berlin/Blog"><li>Blog</li></a>         
 +
        </ul>
 +
      </div>
 +
      <div class="footer-imprint">
 +
        ©2014 iGem Berlin, Layout/Implementation: 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 | Home | @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 == (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").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>

Latest revision as of 22:44, 17 October 2014

iGEM BERLIN

Remote-controlled E. coli bacteria? That’s the aim of the interdisciplinary iGEM Team Berlin!

Magnetic E. coli?

The bacteria shall be optimized for the absorption and synthesis of iron in order to remote-control them magnetically. Small and efficient E. coli units with various areas of use shall be the result.

These cells are attractive as they offer new solutions in bio therapeutics, bio materials and bio process engineering. Furthermore, we want to use these cells as remote controlled bacteria that can be controlled by a real time computer interface.

Project

In October 2014, a team of Berlin students from a variety of backgrounds are participating for the first time in the international genetically engineered machines competition. For our project, the iGEM Berlin team has decided to make E. coli bacteria susceptible to magnetic fields. By knocking out the iron efflux transporter (FieF) and iron uptake suppressor (FUR), 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. In order to create ferromagnetic of super paramagnetic crystals, we will then use an intensive high through put media optimization to discover the best conditions for the formation of magnetic nanoparticles in E. coli. Furthermore, we will work with other metal binding proteins like metallothioneins and phytochelatin synthases in order to achieve nanoparticle synthesis in E. coli. Once we have discovered the best way to magnetize E. coli bacteria we will build and characterize a suitable BioBrick that can be used by any research lab or iGEM team in the world in order to remote control the movement of E. coli cells.

Team

Our team is made up of 17 undergraduates and postgraduates from a wide range of disciplines as well as our supervisors. The first iGEM Team Berlin 2014 is an assembly of highly motivated students from different universitys. Due to the multidisciplinarity our team is able to find different strategies to solve complex problems in synthetic biology. Hosted by Prof. Dr. Nediljko Budisa from the TU Berlin, our lab is located at the Müller-Breslau-Straße 10, 10623 Berlin. Come by for a visit (Monday 5 pm).

Safety

Our country uses a four-part „Safety Level“ rating system for laboratories. Level 4 is used for the most dangerous organisms. This is equivalent to the WHO system. The Safety Level of our lab is Level 1 (low risk).