Team:Berlin

From 2014.igem.org

(Difference between revisions)
 
(89 intermediate revisions not shown)
Line 2: Line 2:
<script type="text/javascript">
<script type="text/javascript">
// The script below will remove all wikistylesheets, so you now have unlimited freedom for inline CSS.
// The script below will remove all wikistylesheets, so you now have unlimited freedom for inline CSS.
 +
for ( i=0; i<document.styleSheets.length; i++)  {
for ( i=0; i<document.styleSheets.length; i++)  {
     void(document.styleSheets.item(i).disabled=true);
     void(document.styleSheets.item(i).disabled=true);
}
}
 +
</script>
</script>
</html>
</html>
Line 17: Line 19:
<!-- Main Menu -->
<!-- Main Menu -->
-
<div class="main-menue clearfix navbar-fixed-top hidden-xs hidden-sm hidden-md" style="margin-top:10;">
+
<div class="main-menue clearfix navbar-fixed-top hidden-xs hidden-sm hidden-md" style="margin-top:20px;">
   <ul class="main-menue-ul">
   <ul class="main-menue-ul">
-
     <a href="http://igem.berlin/index.php" 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="http://igem.berlin/project.php" class="main-menue-links"><li>Project</li></a>
+
     <a href="https://2014.igem.org/Team:Berlin/Project" class="main-menue-links"><li>Project</li></a>
-
     <a href="http://igem.berlin/team.php" class="main-menue-links"><li>Team</li></a>
+
     <a href="https://2014.igem.org/Team:Berlin/Team" class="main-menue-links"><li>Team</li></a>
-
     <a href="http://igem.berlin/safety.php" class="main-menue-links"><li>Safety</li></a>
+
     <a href="https://2014.igem.org/Team:Berlin/Safety" class="main-menue-links"><li>Safety</li></a>        
-
     <a href="http://igem.berlin/contact.php" class="main-menue-links"><li>Contact</li></a>        
+
     <a href="https://2014.igem.org/Team:Berlin/Workshop" class="main-menue-links"><li>Workshop</li></a>
-
     <a href="http://igem.berlin/workshop2014_neu.php" 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="http://igem.berlin/blog.php"><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>
 +
    <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>
   </ul>
</div>
</div>
Line 32: Line 36:
<!-- 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="http://igem.berlin/index.php"><h1>iGEM Berlin</h1></a>
+
   <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="http://igem.berlin/index.php" class="active">Home</a></li>
+
     <li><a href="https://2014.igem.org/Team:Berlin" class="active">Home</a></li>
-
     <li><a href="http://igem.berlin/project.php">Project</a></li>
+
     <li><a href="https://2014.igem.org/Team:Berlin/Project">Project</a></li>
-
     <li><a href="http://igem.berlin/team.php">Team</a></li>
+
     <li><a href="https://2014.igem.org/Team:Berlin/Team">Team</a></li>
-
     <li><a href="http://igem.berlin/safety.php">Safety</a></li>
+
     <li><a href="https://2014.igem.org/Team:Berlin/Safety">Safety</a></li>
-
     <li><a href="http://igem.berlin/contact.php">Contact</a></li>
+
     <li><a href="https://2014.igem.org/Team:Berlin/Workshop">Workshop</a></li>
-
    <li><a href="http://igem.berlin/workshop2014_neu.php">Workshop</a></li>
+
     <li><a href="https://2014.igem.org/Team:Berlin/Blog">Blog</a></li>
-
     <li><a href="http://igem.berlin/blog.php">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><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>
+
<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>
</div>
Line 60: Line 67:
     <h1 class="cover-heading green bubble">iGEM BERLIN</h1>
     <h1 class="cover-heading green bubble">iGEM BERLIN</h1>
     <p class="teaser">
     <p class="teaser">
-
       Remote-controlled E.coli bacteria?
+
       Remote-controlled E. coli bacteria?
       That’s the aim of the interdisciplinary iGEM Team Berlin! <br />
       That’s the aim of the interdisciplinary iGEM Team Berlin! <br />
     </p>
     </p>
Line 71: Line 78:
<!-- Magnetic Ecoli Banner -->
<!-- Magnetic Ecoli Banner -->
<section data-speed="1" data-type="background">
<section data-speed="1" data-type="background">
-
   <div class="container-fluid container-green">
+
   <div class="container-fluid container-green" style="margin:0;">
     <div class="row featurette" id="main-featurette-row">
     <div class="row featurette" id="main-featurette-row">
       <div class="col-xs-12">
       <div class="col-xs-12">
-
         <div class="start-text-container">
+
         <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>
+
           <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>
           <p>
           The bacteria shall be optimized for the absorption and synthesis of iron in order to  
           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  
+
           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>
           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>   
           <button type="button" class="btn btn-success btn-lg hidden-lg">More Information</button>   
-
           <a href="http://igem.berlin/project.php" class="more-informations-white hidden-xs hidden-sm hidden-md">More information</a>
+
           <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/2/2b/Team_Berlin_igem_arrow_right_white.png"> </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>
       </div>
Line 102: Line 110:
<!-- Iron Row (2) -->
<!-- Iron Row (2) -->
<section data-speed="1" data-type="background">
<section data-speed="1" data-type="background">
-
   <div class="container-fluid container-green">
+
   <div class="container-fluid container-green" style="margin:0;">
     <div class="row featurette" id="first-featurette-row">
     <div class="row featurette" id="first-featurette-row">
       <div class="col-xs-12">
       <div class="col-xs-12">
-
         <div class="start-text-container">
+
         <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>
           <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  
           <p>In October 2014, a team of Berlin students from a variety of backgrounds are participating  
-
           for the first time in the in the international genetically engineered machines competition.  
+
           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  
           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  
           magnetic fields. By knocking out the iron efflux transporter (FieF) and iron uptake  
Line 123: Line 131:
           the world in order to remote control the movement of E. coli cells.</p>
           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>   
           <button type="button" class="btn btn-success btn-lg hidden-lg">More Information</button>   
-
           <a href="http://igem.berlin/project.php" class="more-informations-white hidden-xs hidden-sm hidden-md">More information</a>
+
           <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>
       </div>
-
       <div id="project-button" class="hidden-xs hidden-sm hidden-md"> <a class="btn-lg" ><img src=""https://static.igem.org/mediawiki/2014/2/2b/Team_Berlin_igem_arrow_right_white.png""> </a></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>
   </div>
   </div>
Line 139: Line 147:
<!-- Iron Row (2) -->
<!-- Iron Row (2) -->
<section data-speed="1" data-type="background">
<section data-speed="1" data-type="background">
-
   <div class="container-fluid container-green">
+
   <div class="container-fluid container-green" style="margin:0;">
     <div class="row featurette" id="team-featurette-row">
     <div class="row featurette" id="team-featurette-row">
        
        
       <div class="col-xs-12">
       <div class="col-xs-12">
-
         <div class="start-text-container">
+
         <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>       
           <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>The iGEM Team Berlin consists of 17 students from various universities in Berlin.
+
           <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.  
-
          Represented are the Technische Universität Berlin, University of Applied Sciences Berlin,
+
Due to the multidisciplinarity our team is able to find different strategies to solve complex problems in synthetic biology.
-
          Freie Universität as well as the Humboldt University. The team members come from diverse
+
Hosted by Prof. Dr. Nediljko Budisa from the TU Berlin, our lab is  
-
          disciplines. From biology, biotechnology, biochemistry, computer science, mathematics, mechanical
+
-
          engineering to the history of science and technology, everything is represented. Just the
+
-
          interdisciplinary nature of the team allows us to jointly develop solution strategies from
+
-
          different perspectives. 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>
           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>   
           <button type="button" class="btn btn-success btn-lg hidden-lg">More Information</button>   
-
           <a href="http://igem.berlin/team.php" class="more-informations-white hidden-xs hidden-sm hidden-md">More information</a>
+
           <a href="https://2014.igem.org/Team:Berlin/Team" class="more-informations-white hidden-xs hidden-sm hidden-md">More information</a>
         </div>
         </div>
       </div>
       </div>
-
       <div id="team-button" class="hidden-xs hidden-sm hidden-md"> <a class="btn-lg" ><img src=""https://static.igem.org/mediawiki/2014/2/2b/Team_Berlin_igem_arrow_right_white.png""> </a></div>
+
       <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>
   </div>
   </div>
Line 172: Line 176:
<!-- Iron Row (2) -->
<!-- Iron Row (2) -->
<section data-speed="1" data-type="background">
<section data-speed="1" data-type="background">
-
   <div class="container-fluid container-green">
+
   <div class="container-fluid container-green" style="margin:0;">
     <div class="row featurette" id="blog-featurette-row">
     <div class="row featurette" id="blog-featurette-row">
       <div class="col-xs-12">
       <div class="col-xs-12">
-
         <div class="start-text-container">
+
         <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>
           <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>
+
            <p>
-
          Our country uses a four-part „Safety Level“ rating system for laboratories. Level 4 is used for the most dangerous organisms.
+
            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).
+
            This is equivalent to the WHO system. The Safety Level of our lab is Level 1 (low risk).
-
          </p>
+
            </p>
             <!-- <p>Follow the activities around the iGEM Team Berlin. Interviews, reports and other news you will find here!</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>               
             <button type="button" class="btn btn-success btn-lg hidden-lg">More Information</button>               
-
             <a href="http://igem.berlin/safety.php" class="more-informations-white hidden-xs hidden-sm hidden-md">More information</a>
+
             <a href="https://2014.igem.org/Team:Berlin/Safety" class="more-informations-white hidden-xs hidden-sm hidden-md">More information</a>
         </div>
         </div>
       </div>
       </div>
Line 215: Line 219:
   <div class="row sponsor-img-row">
   <div class="row sponsor-img-row">
     <div class="col-sm-2 col-sm-offset-1 col-xs-3">
     <div class="col-sm-2 col-sm-offset-1 col-xs-3">
-
       <img src="img/sponsors/Team_Berlin_biocat_logo.png" class="img-responsive grayscale">
+
       <img src="https://static.igem.org/mediawiki/2014/0/0e/Team_Berlin_biocat_logo.png" class="img-responsive grayscale">
     </div>
     </div>
     <div class="col-sm-2 col-sm-offset-1 col-xs-3">
     <div class="col-sm-2 col-sm-offset-1 col-xs-3">
-
       <img src="img/sponsors/Team_Berlin_bayer_logo.png" class="img-responsive grayscale">
+
       <img src="https://static.igem.org/mediawiki/2014/b/bb/Team_Berlin_bayer_logo.png" class="img-responsive grayscale">
     </div>
     </div>
     <div class="col-sm-2 col-sm-offset-1 col-xs-3">
     <div class="col-sm-2 col-sm-offset-1 col-xs-3">
-
       <img src="img/sponsors/Team_Berlin_adares_logo.png" class="img-responsive grayscale">
+
       <img src="https://static.igem.org/mediawiki/2014/9/90/Team_Berlin_adares_logo.png" class="img-responsive grayscale">
     </div>
     </div>
     <div class="col-sm-2 col-sm-offset-1 col-xs-3">
     <div class="col-sm-2 col-sm-offset-1 col-xs-3">
-
       <img src="img/sponsors/Team_Berlin_ibb_logo.png" class="img-responsive grayscale">
+
       <img src="https://static.igem.org/mediawiki/2014/4/48/Team_Berlin_ibb_logo.png" class="img-responsive grayscale">
     </div>
     </div>
Line 234: Line 238:
   <div class="row sponsor-img-row">
   <div class="row sponsor-img-row">
     <div class="col-sm-2 col-sm-offset-1 col-xs-3">
     <div class="col-sm-2 col-sm-offset-1 col-xs-3">
-
       <img src="img/sponsors/Team_Berlin_roth_logo.png" class="img-responsive grayscale">
+
       <img src="https://static.igem.org/mediawiki/2014/8/86/Team_Berlin_roth_logo.png" class="img-responsive grayscale">
     </div>
     </div>
      
      
     <div class="col-sm-2 col-sm-offset-1 col-xs-3">
     <div class="col-sm-2 col-sm-offset-1 col-xs-3">
-
       <img src="img/sponsors/Team_Berlin_GvF_Logo.png" class="img-responsive grayscale">
+
       <img src="https://static.igem.org/mediawiki/2014/c/cd/Team_Berlin_GvF_Logo.png" class="img-responsive grayscale">
     </div>
     </div>
     <div class="col-sm-2 col-sm-offset-1 col-xs-3">
     <div class="col-sm-2 col-sm-offset-1 col-xs-3">
-
       <img src="img/sponsors/Team_Berlin_BioLabs_logo.png" class="img-responsive grayscale">
+
       <img src="https://static.igem.org/mediawiki/2014/4/4a/Team_Berlin_BioLabs_logo.png" class="img-responsive grayscale">
     </div>
     </div>
      
      
     <div class="col-sm-2 col-sm-offset-1 col-xs-3">
     <div class="col-sm-2 col-sm-offset-1 col-xs-3">
-
       <img src="img/sponsors/Team_Berlin_Promega_logo.png" class="img-responsive grayscale">
+
       <img src="https://static.igem.org/mediawiki/2014/c/c1/Team_Berlin_Promega_logo.png" class="img-responsive grayscale">
     </div>  
     </div>  
   </div>           
   </div>           
Line 252: Line 256:
   <div class="row sponsor-img-row">
   <div class="row sponsor-img-row">
     <div class="col-sm-2 col-sm-offset-1 col-xs-3">
     <div class="col-sm-2 col-sm-offset-1 col-xs-3">
-
       <img src="img/sponsors/Team_Berlin_Agrarboerse_logo.png" class="img-responsive grayscale">
+
       <img src="https://static.igem.org/mediawiki/2014/7/71/Team_Berlin_Agrarboerse_logo.png" class="img-responsive grayscale">
     </div>
     </div>
      
      
     <div class="col-sm-2 col-sm-offset-1 col-xs-3">
     <div class="col-sm-2 col-sm-offset-1 col-xs-3">
-
       <img src="img/sponsors/Team_Berlin_GenExpress_logo.png" class="img-responsive grayscale">
+
       <img src="https://static.igem.org/mediawiki/2014/9/99/Team_Berlin_GenExpress_logo.png" class="img-responsive grayscale">
     </div>
     </div>
     <div class="col-sm-2 col-sm-offset-1 col-xs-3">
     <div class="col-sm-2 col-sm-offset-1 col-xs-3">
-
       <img src="img/sponsors/Team_Berlin_era-synbio_logo.png" class="img-responsive grayscale">
+
       <img src="https://static.igem.org/mediawiki/2014/9/9b/Team_Berlin_era-synbio_logo.png" class="img-responsive grayscale">
     </div>     
     </div>     
      
      
     <div class="col-sm-2 col-sm-offset-1 col-xs-3">
     <div class="col-sm-2 col-sm-offset-1 col-xs-3">
-
       <img src="img/sponsors/Team_Berlin_unicat_logo.png" class="img-responsive grayscale">
+
       <img src="https://static.igem.org/mediawiki/2014/b/b1/Team_Berlin_unicat_logo.jpg" class="img-responsive grayscale">
     </div>
     </div>
   </div>
   </div>
Line 270: Line 274:
   <div class="row sponsor-img-row">
   <div class="row sponsor-img-row">
     <div class="col-sm-2 col-sm-offset-1 col-xs-3">
     <div class="col-sm-2 col-sm-offset-1 col-xs-3">
-
       <img src="img/sponsors/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 287: Line 295:
   <div class="col-sm-2 footer-icon-bar">
   <div class="col-sm-2 footer-icon-bar">
-
     <a href="https://twitter.com/iGEM_Berlin" target="blank"><img src="img/Team_Berlin_icon_twitter.png" /></a>
+
     <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="img/Team_Berlin_facebook-icon.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>
Line 294: Line 302:
       <div class="footer-sitemap">
       <div class="footer-sitemap">
         <ul>
         <ul>
-
           <a href="http://igem.berlin" class="active"><li>Home |</li></a>
+
           <a href="https://2014.igem.org/Team:Berlin" class="active"><li>Home |</li></a>
-
           <a href="http://igem.berlin/project.php"><li>Project |</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="https://2014.igem.org/Team:Berlin/Team"><li>Team |</li></a>           
-
           <a href="http://igem.berlin/safety.php">Safety |</li></a>
+
           <a href="https://2014.igem.org/Team:Berlin/Safety">Safety |</li></a>
-
           <a href="http://igem.berlin/contact.php"><li>Contact |</li></a>
+
           <a href="https://2014.igem.org/Team:Berlin/Workshop"><li>Workshop |</li></a>
-
          <a href="http://igem.berlin/workshop2014_neu.php"><li>Workshop |</li></a>
+
           <a href="https://2014.igem.org/Team:Berlin/Blog"><li>Blog</li></a>           
-
           <a href="http://igem.berlin/blog.php"><li>Blog</li></a>           
+
         </ul>
         </ul>
       </div>
       </div>
       <div class="footer-imprint">
       <div class="footer-imprint">
-
         ©2014 iGem Berlin, Layout/Umsetzung: Valerian Blos, Marius Wessel
+
         ©2014 iGem Berlin, Layout/Implementation: Valerian Blos, Marius Wessel
       </div>
       </div>
      
      
Line 314: Line 321:
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.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 src="//cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.1.3/js/jasny-bootstrap.min.js"></script>
-
 
-
 
<script>
<script>
-
$(".main-menue").css("background-color", "transparent");
+
$(document).ready(function() {
 +
  document.title = 'iGEM Berlin 2014 | Home | @igem.org';
 +
});
 +
// NAVBAR STYLE
-
$(window).scroll(function() {
+
    $(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");
-
    if ($(this).scrollTop() >= 350) {
+
            }
-
$(".main-menue").css("background-color","rgb(255, 255, 255)");
+
        });  
-
     }
+
     });
-
   
+
-
    if ($(this).scrollTop() < 350) { // this refers to window
+
-
$(".main-menue").css("background-color","transparent");
+
-
    }   
+
      
      
 +
 +
// 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);
 +
});
-
// igemScript.js
 
-
   
 
// my scroll to  
// my scroll to  
-
$("#main-button").click(function() {
+
$("#project-button").click(function() {
     $('html, body').animate({
     $('html, body').animate({
-
         scrollTop: $("#main-featurette-row").offset().top
+
         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);
     }, 800);
});
});
Line 346: Line 375:
   // cache the window object
   // cache the window object
   $window = $(window);
   $window = $(window);
-
    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");
+
-
    }
+
-
 
+
-
 
+
   $('section[data-type="background"]').each(function(){
   $('section[data-type="background"]').each(function(){
     // declare the variable to affect the defined data-type
     // declare the variable to affect the defined data-type
Line 372: Line 392:
       }); // end window scroll
       }); // end window scroll
   });  // end section function
   });  // end section function
-
}); // close out script
 
 +
  $("#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();
 +
  });
-
/*global define:false require:false */
+
  $("#show-C").click(function(){
-
(function (name, context, definition) {
+
    $("#section-C").slideToggle();
-
if (typeof module != 'undefined' && module.exports) module.exports = definition();
+
    $("#C-up").toggle();
-
else if (typeof define == 'function' && define.amd) define(definition);
+
    $("#C-down").toggle();
-
else context[name] = definition();
+
  });
-
})('jquery-scrollto', this, function(){
+
-
// Prepare
+
-
var jQuery, $, ScrollTo;
+
-
jQuery = $ = window.jQuery || require('jquery');
+
-
// Fix scrolling animations on html/body on safari
+
}); // close out script
-
$.propHooks.scrollTop = $.propHooks.scrollLeft = {
+
-
get: function(elem,prop) {
+
-
var result = null;
+
-
if ( elem.tagName === 'HTML' || elem.tagName === 'BODY' ) {
+
-
if ( prop === 'scrollLeft' ) {
+
-
result = window.scrollX;
+
-
} else if ( prop === 'scrollTop' ) {
+
-
result = window.scrollY;
+
-
}
+
-
}
+
-
if ( result == null ) {
+
-
result = elem[prop];
+
-
}
+
-
return result;
+
-
}
+
-
};
+
-
$.Tween.propHooks.scrollTop = $.Tween.propHooks.scrollLeft = {
+
-
get: function(tween) {
+
-
return $.propHooks.scrollTop.get(tween.elem, tween.prop);
+
-
},
+
-
set: function(tween) {
+
-
// Our safari fix
+
-
if ( tween.elem.tagName === 'HTML' || tween.elem.tagName === 'BODY' ) {
+
-
// Defaults
+
-
tween.options.bodyScrollLeft = (tween.options.bodyScrollLeft || window.scrollX);
+
-
tween.options.bodyScrollTop = (tween.options.bodyScrollTop || window.scrollY);
+
-
// Apply
 
-
if ( tween.prop === 'scrollLeft' ) {
 
-
tween.options.bodyScrollLeft = Math.round(tween.now);
 
-
}
 
-
else if ( tween.prop === 'scrollTop' ) {
 
-
tween.options.bodyScrollTop = Math.round(tween.now);
 
-
}
 
-
// Apply
+
//NAVBAR STYLE
-
window.scrollTo(tween.options.bodyScrollLeft, tween.options.bodyScrollTop);
+
$(".main-menue").css("background-color", "transparent");
-
}
+
-
// jQuery's IE8 Fix
+
-
else if ( tween.elem.nodeType && tween.elem.parentNode ) {
+
-
tween.elem[ tween.prop ] = tween.now;
+
-
}
+
-
}
+
-
};
+
-
// jQuery ScrollTo
+
$(window).scroll(function() {
-
ScrollTo = {
+
-
// Configuration
+
-
config: {
+
-
duration: 400,
+
-
easing: 'swing',
+
-
callback: undefined,
+
-
durationMode: 'each',
+
-
offsetTop: 0,
+
-
offsetLeft: 0
+
-
},
+
-
// Set Configuration
+
    if ($(this).scrollTop() >= 240) {  
-
configure: function(options){
+
        $(".main-menue").css("background-color","rgb(255, 255, 255)");     
-
// Apply Options to Config
+
    }
-
$.extend(ScrollTo.config, options||{});
+
   
 +
    if ($(this).scrollTop() < 240) { // this refers to window
 +
        $(".main-menue").css("background-color","transparent");
 +
    }   
 +
   
 +
});
-
// Chain
+
var windowSize = $(window).height();
-
return this;
+
$(".site-wrapper").css( "height" , windowSize );
-
},
+
-
// Perform the Scroll Animation for the Collections
 
-
// We use $inline here, so we can determine the actual offset start for each overflow:scroll item
 
-
// Each collection is for each overflow:scroll item
 
-
scroll: function(collections, config){
 
-
// Prepare
 
-
var collection, $container, container, $target, $inline, position, containerTagName,
 
-
containerScrollTop, containerScrollLeft,
 
-
containerScrollTopEnd, containerScrollLeftEnd,
 
-
startOffsetTop, targetOffsetTop, targetOffsetTopAdjusted,
 
-
startOffsetLeft, targetOffsetLeft, targetOffsetLeftAdjusted,
 
-
scrollOptions,
 
-
callback;
 
-
// Determine the Scroll
+
// Change iGEM.ORG Wiki Style
-
collection = collections.pop();
+
$("#top-section").addClass("navbar-fixed-top hidden-xs hidden-sm hidden-md");
-
$container = collection.$container;
+
$("#top-section").css("background-color","white");
-
$target = collection.$target;
+
$(".left-menu").css("float","left");
-
containerTagName = $container.prop('tagName');
+
$(".right-menu").css("float","right");
-
// Prepare the Inline Element of the Container
+
$( ".left-menu ul li" ).each(function() {
-
$inline = $('<span/>').css({
+
  $( this ).css( "margin-right","10px" );
-
'position': 'absolute',
+
});
-
'top': '0px',
+
-
'left': '0px'
+
-
});
+
-
position = $container.css('position');
+
-
// Insert the Inline Element of the Container
+
$( ".right-menu ul li" ).each(function() {
-
$container.css({position:'relative'});
+
  $( this ).css( "margin-left","10px" );
-
$inline.appendTo($container);
+
});
-
// Determine the top offset
+
$( ".right-menu ul li:last-child" ).css( "margin-right","10px" );
-
startOffsetTop = $inline.offset().top;
+
-
targetOffsetTop = $target.offset().top;
+
-
targetOffsetTopAdjusted = targetOffsetTop - startOffsetTop - parseInt(config.offsetTop,10);
+
-
// Determine the left offset
+
$( "html" ).css( "margin-top","-10px" );
-
startOffsetLeft = $inline.offset().left;
+
-
targetOffsetLeft = $target.offset().left;
+
-
targetOffsetLeftAdjusted = targetOffsetLeft - startOffsetLeft - parseInt(config.offsetLeft,10);
+
-
// Determine current scroll positions
 
-
containerScrollTop = $container.prop('scrollTop');
 
-
containerScrollLeft = $container.prop('scrollLeft');
 
-
// Reset the Inline Element of the Container
 
-
$inline.remove();
 
-
$container.css({position:position});
 
-
// Prepare the scroll options
 
-
scrollOptions = {};
 
-
// Prepare the callback
+
</script>
-
callback = function(event){
+
-
// Check
+
-
if ( collections.length === 0 ) {
+
-
// Callback
+
-
if ( typeof config.callback === 'function' ) {
+
-
config.callback();
+
-
}
+
-
}
+
-
else {
+
-
// Recurse
+
-
ScrollTo.scroll(collections,config);
+
-
}
+
-
// Return true
+
-
return true;
+
-
};
+
-
// Handle if we only want to scroll if we are outside the viewport
 
-
if ( config.onlyIfOutside ) {
 
-
// Determine current scroll positions
 
-
containerScrollTopEnd = containerScrollTop + $container.height();
 
-
containerScrollLeftEnd = containerScrollLeft + $container.width();
 
-
 
-
// Check if we are in the range of the visible area of the container
 
-
if ( containerScrollTop < targetOffsetTopAdjusted && targetOffsetTopAdjusted < containerScrollTopEnd ) {
 
-
targetOffsetTopAdjusted = containerScrollTop;
 
-
}
 
-
if ( containerScrollLeft < targetOffsetLeftAdjusted && targetOffsetLeftAdjusted < containerScrollLeftEnd ) {
 
-
targetOffsetLeftAdjusted = containerScrollLeft;
 
-
}
 
-
}
 
-
 
-
// Determine the scroll options
 
-
if ( targetOffsetTopAdjusted !== containerScrollTop ) {
 
-
scrollOptions.scrollTop = targetOffsetTopAdjusted;
 
-
}
 
-
if ( targetOffsetLeftAdjusted !== containerScrollLeft ) {
 
-
scrollOptions.scrollLeft = targetOffsetLeftAdjusted;
 
-
}
 
-
 
-
// Check to see if the scroll is necessary
 
-
if ( $container.prop('scrollHeight') === $container.width() ) {
 
-
delete scrollOptions.scrollTop;
 
-
}
 
-
if ( $container.prop('scrollWidth') === $container.width() ) {
 
-
delete scrollOptions.scrollLeft;
 
-
}
 
-
 
-
// Perform the scroll
 
-
if ( scrollOptions.scrollTop != null || scrollOptions.scrollLeft != null ) {
 
-
$container.animate(scrollOptions, {
 
-
duration: config.duration,
 
-
easing: config.easing,
 
-
complete: callback
 
-
});
 
-
}
 
-
else {
 
-
callback();
 
-
}
 
-
 
-
// Return true
 
-
return true;
 
-
},
 
-
 
-
// ScrollTo the Element using the Options
 
-
fn: function(options){
 
-
// Prepare
 
-
var collections, config, $container, container;
 
-
collections = [];
 
-
 
-
// Prepare
 
-
var $target = $(this);
 
-
if ( $target.length === 0 ) {
 
-
// Chain
 
-
return this;
 
-
}
 
-
 
-
// Handle Options
 
-
config = $.extend({},ScrollTo.config,options);
 
-
 
-
// Fetch
 
-
$container = $target.parent();
 
-
container = $container.get(0);
 
-
 
-
// Cycle through the containers
 
-
while ( ($container.length === 1) && (container !== document.body) && (container !== document) ) {
 
-
// Check Container for scroll differences
 
-
var containerScrollTop, containerScrollLeft;
 
-
containerScrollTop = $container.css('overflow-y') !== 'visible' && container.scrollHeight !== container.clientHeight;
 
-
containerScrollLeft =  $container.css('overflow-x') !== 'visible' && container.scrollWidth !== container.clientWidth;
 
-
if ( containerScrollTop || containerScrollLeft ) {
 
-
// Push the Collection
 
-
collections.push({
 
-
'$container': $container,
 
-
'$target': $target
 
-
});
 
-
// Update the Target
 
-
$target = $container;
 
-
}
 
-
// Update the Container
 
-
$container = $container.parent();
 
-
container = $container.get(0);
 
-
}
 
-
 
-
// Add the final collection
 
-
collections.push({
 
-
'$container': $('html'),
 
-
// document.body doesn't work in firefox, html works for all
 
-
// internet explorer starts at the beggining
 
-
'$target': $target
 
-
});
 
-
 
-
// Adjust the Config
 
-
if ( config.durationMode === 'all' ) {
 
-
config.duration /= collections.length;
 
-
}
 
-
 
-
// Handle
 
-
ScrollTo.scroll(collections,config);
 
-
 
-
// Chain
 
-
return this;
 
-
}
 
-
};
 
-
 
-
// Apply our extensions to jQuery
 
-
$.ScrollTo = $.ScrollTo || ScrollTo;
 
-
$.fn.ScrollTo = $.fn.ScrollTo || ScrollTo.fn;
 
-
 
-
// Export
 
-
return ScrollTo;
 
-
});
 
-
 
-
 
-
 
-
</script>
 
-
<script type="text/javascript" src="https://2014.igem.org/Template:Team:Berlin/script.min?action=raw&ctype=text/javascript"></script>
 
</body>
</body>
</html>
</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).

Müller-Breslau-Str. 10
10623 Berlin
Phone: +49 1778800244
Mail: mail@igem.berlin
©2014 iGem Berlin, Layout/Implementation: Valerian Blos, Marius Wessel

Retrieved from "http://2014.igem.org/Team:Berlin"